Re: [jPlayer] embed UDP video stream

Mohamed Alam

unread,

Jun 28, 2012, 4:55:26 AM6/28/12

to jpl...@googlegroups.com

<!DOCTYPE html>

<html>

<head>

<title>Demo : jPlayer as a video playlist player</title>

//<![CDATA[

$(document).ready(function(){

new jPlayerPlaylist({

jPlayer: "#jquery_jplayer_1",

cssSelectorAncestor: "#jp_container_1"

}, [

{

title:"Big Buck Bunny Trailer",

artist:"Blender Foundation",

free:true,

m4v: "http://www.jplayer.org/video/m4v/Big_Buck_Bunny_Trailer.m4v",

ogv: "http://www.jplayer.org/video/ogv/Big_Buck_Bunny_Trailer.ogv",

webmv: "http://www.jplayer.org/video/webm/Big_Buck_Bunny_Trailer.webm",

poster:"http://www.jplayer.org/video/poster/Big_Buck_Bunny_Trailer_480x270.png"

},

{

title:"Finding Nemo Teaser",

artist:"Pixar",

m4v: "http://www.jplayer.org/video/m4v/Finding_Nemo_Teaser.m4v",

ogv: "http://www.jplayer.org/video/ogv/Finding_Nemo_Teaser.ogv",

webmv: "http://www.jplayer.org/video/webm/Finding_Nemo_Teaser.webm",

poster: "http://www.jplayer.org/video/poster/Finding_Nemo_Teaser_640x352.png"

},

{

title:"Incredibles Teaser",

artist:"Pixar",

m4v: "http://www.jplayer.org/video/m4v/Incredibles_Teaser.m4v",

ogv: "http://www.jplayer.org/video/ogv/Incredibles_Teaser.ogv",

webmv: "http://www.jplayer.org/video/webm/Incredibles_Teaser.webm",

poster: "http://www.jplayer.org/video/poster/Incredibles_Teaser_640x272.png"

}

], {

swfPath: "js",

supplied: "webmv, ogv, m4v"

});

//]]>

</script>

</head>

<body>

</div>

</div>

<li><a href="javascript:;" class="jp-previous" tabindex="1">previous</a></li>

<li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li>

<li><a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute">unmute</a></li>

<li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume">max volume</a></li>

</ul>

</div>

<li><a href="javascript:;" class="jp-full-screen" tabindex="1" title="full screen">full screen</a></li>

<li><a href="javascript:;" class="jp-restore-screen" tabindex="1" title="restore screen">restore screen</a></li>

<li><a href="javascript:;" class="jp-shuffle" tabindex="1" title="shuffle">shuffle</a></li>

<li><a href="javascript:;" class="jp-shuffle-off" tabindex="1" title="shuffle off">shuffle off</a></li>

<li><a href="javascript:;" class="jp-repeat" tabindex="1" title="repeat">repeat</a></li>

<li><a href="javascript:;" class="jp-repeat-off" tabindex="1" title="repeat off">repeat off</a></li>

</ul>

</div>

<ul>

</ul>

</div>

<ul>

</ul>

</div>

<span>Update Required</span>

To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>.

</div>

</body>

</html>

On Wed, Jun 27, 2012 at 9:26 PM, maui <mauriz...@gmail.com> wrote:

Hi there,

I tried to embed an audio stream in a web page and it works fine.
(e.g. mp3:"http://mp3-vr-128.as34763.net/;stream/1")

I would like to embed a video stream in a web page but I cannot find any example/solution...
could you suggest a way to do it? and may be an url to test it?

Thank you,
Maurice

--
You received this message because you are subscribed to the Google Groups "jPlayer: HTML5 Audio & Video for jQuery" group.
To view this discussion on the web visit https://groups.google.com/d/msg/jplayer/-/wudKgfhwc3IJ.
To post to this group, send email to jpl...@googlegroups.com.
To unsubscribe from this group, send email to jplayer+u...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/jplayer?hl=en.

maui

unread,

Jun 29, 2012, 10:33:14 AM6/29/12

to jpl...@googlegroups.com

this example embed a video media, not a real data stream....

I would need to embed something like the following audio stream
mp3:"http://mp3-vr-128.as34763.net/;stream/1"
but with a video continous stream... e.g. a web tv
(so /stream would be needed)

thank you
Maurice

On Wednesday, June 27, 2012 5:56:20 PM UTC+2, maui wrote:

Hi there,

I tried to embed an audio stream in a web page and it works fine.
(e.g. mp3:"http://mp3-vr-128.as34763.net/;stream/1")

I would like to embed a video stream in a web page but I cannot find any example/solution...
could you suggest a way to do it? and may be an url to test it?

Thank you,
Maurice

Mohamed Alam

unread,

Jun 29, 2012, 11:56:44 PM6/29/12

to jpl...@googlegroups.com

<?php ob_start();?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Sunnada Cultural Center</title>

$(document).ready(function(){

$(document).bind("contextmenu",function(e){

return false;

});

</script>

function Play (file) {

//var path = '<embed src="media/' + file + '.mp3" autostart="true" loop="false" hidden="true" height="0" width="0">';

//document.getElementById (file).innerHTML = path + '<img src="images/stop.gif" style="cursor:pointer;" onclick="Stop(' + "'" + file + "'" + ')">';

}

</script>

//<![CDATA[

$(document).ready(function(){

// Local copy of jQuery selectors, for performance.

var my_jPlayer = $("#jquery_jplayer"),

my_trackName = $("#jp_container .track-name"),

my_playState = $("#jp_container .play-state"),

my_extraPlayInfo = $("#jp_container .extra-play-info");

// Some options

var opt_play_first = false, // If true, will attempt to auto-play the default track on page loads. No effect on mobile devices, like iOS.

opt_auto_play = true, // If true, when a track is selected, it will auto-play.

opt_text_playing = "Now playing", // Text when playing

opt_text_selected = "Track selected"; // Text when not playing

// A flag to capture the first track

var first_track = true;

// Change the time format

$.jPlayer.timeFormat.padMin = false;

$.jPlayer.timeFormat.padSec = false;

$.jPlayer.timeFormat.sepMin = " min ";

$.jPlayer.timeFormat.sepSec = " sec";

// Initialize the play state text

my_playState.text(opt_text_selected);

// Instance jPlayer

my_jPlayer.jPlayer({

ready: function () {

$("#jp_container .track-default").click();

},

timeupdate: function(event) {

my_extraPlayInfo.text(parseInt(event.jPlayer.status.currentPercentAbsolute, 10) + "%");

},

play: function(event) {

my_playState.text(opt_text_playing);

},

pause: function(event) {

my_playState.text(opt_text_selected);

},

ended: function(event) {

my_playState.text(opt_text_selected);

},

swfPath: "js",

cssSelectorAncestor: "#jp_container",

supplied: "mp3",

solution:"flash,html",

wmode: "window"

});

// Create click handlers for the different tracks

$("#jp_container .track").click(function(e) {

my_trackName.text($(this).text());

my_jPlayer.jPlayer("setMedia", {

mp3: $(this).attr("href")

});

if((opt_play_first && first_track) || (opt_auto_play && !first_track)) {

my_jPlayer.jPlayer("play");

}

first_track = false;

$(this).blur();

return false;

});

//]]>

</script>

</head>

<body>

<?php

include("elements/header.php");

?>

<?php

include("elements/leftmenu1.php");

?>

</ul>

</div>

<?php

include("elements/browseblock.php");

?>

<!--<div class="browseblock">

<ul>

<li class="strong1">Browse -: </li>

<li><a href="#">Free Download /</a></li>

<li><a href="#">Concert Excerpts / </a></li>

<li><a href="#">Bhajans / Slokas /</a></li>

<li><a href="#">Varna /</a></li>

<li><a href="#">Krithi /</a></li>

<li><a href="#">Tillana /</a></li>

</ul>

</div>-->

<br/>

<h1>Download / Play Tracks >></h1>

</div>

</div>

<!--<div id="recenttracksholder">

--><div id="recenttracks">

<h2>Most Recent Tracks >></h2>

</div>

<?php

$qry=@mysql_query("select track_name,track_link,track_duration,track_price,artist_name,category_name,track_id_pk from tbl_track,tbl_category,tbl_artist where category_id_pk=category_id_fk and artist_id_pk=artist_id_fk and track_status=0 order by track_id_pk desc limit 3") or die(mysql_error());

//$rows=mysql_fetch_array($qry);

$count=0;

while($rows=mysql_fetch_array($qry))

{

$count++;

?>

</div>

<ul>

<li>

<a href="music/<?php echo $rows['track_link'];?>"

<?php

if($count==1)

{

echo "class=\"track track-default\"";

}

else

{

echo "class=\"track\"";

}

?> id="track" class="jp-play" tabindex="1" >

</a>

</li>

<li><a href="music/<?php echo $rows['track_link'];?>" id="track"

class="jp-stop" tabindex="1">

</a></li>

</ul>

</div>

<a href="music1/<?php echo $rows['track_link'];?>" title="play" target="_blank">

</a>

</a>

</div>

<?php

}

?>

</div>

<h2>Most Popular Tracks >></h2>

<?php

$qry=@mysql_query("select track_name,track_link,track_duration,track_price,artist_name,category_name,track_id_pk from tbl_track,tbl_category,tbl_artist where category_id_pk=category_id_fk and artist_id_pk=artist_id_fk and track_status=0 order by track_id_pk asc") or die(mysql_error());

//$rows=mysql_fetch_array($qry);

while($rows=mysql_fetch_array($qry))

{

?>

</div>

<a href="music/<?php echo $rows['track_link'];?>" title="play">

</a>

</a>

</div>

<?php

}

?>

</div>

<?php

include("elements/rightmenu.php");

?>

<?php /*?><div id="recording">

</div><?php */?>

<h5>Press Release</h5>

<?php

$sql = @mysql_query("SELECT news_article_name FROM tbl_newshighlights

ORDER BY news_id_pk desc")

or die(mysql_error());

while($rows = mysql_fetch_array($sql))

{

?>

<?php echo $rows['news_article_name']; ?></a></p>

<?php

}

?>

</marquee>

</div>

<br />

</div>

</div>

</div>

</div>

<?php

include("elements/footer.php");

?>

</div>

</body>

</html>

<?php ob_flush();?>

--

You received this message because you are subscribed to the Google Groups "jPlayer: HTML5 Audio & Video for jQuery" group.

To view this discussion on the web visit https://groups.google.com/d/msg/jplayer/-/libnuShjWJQJ.

Reply all

Reply to author

Forward