<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Strobe Media Playback</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="scripts/swfobject.js"></script>
<script type="text/javascript" src="scripts/ParsedQueryString.js"></script>
<script type="text/javascript" src="scripts/debug.js"></script>
<script type="text/javascript">
// Collect query parameters in an object that we can
// forward to SWFObject:
var pqs = new ParsedQueryString();
var parameterNames = pqs.params(false);
var parameters =
{ id: "1"
, src:"http://mediapm.edgesuite.net/osmf/content/test/manifest-files/dynamic_Streaming.f4m"
//, src:"http://www.youtube.com/watch?v=NA1i36Dd1qs&feature=player_embedded"
//, src: "http://10.131.237.107/vod/mc.f4m"
//, src: "http://10.131.237.107/vod/mc2.f4m"
//, src: "http://www.youtube.com/watch%3Fv%3DC520p54j6gY" //embed disabled
//, src: "rtmfp://10.131.237.107/multicast2"
//, rtmfpGroupspec:"G:01012105f93070b5ec033b0c5391b16a86830b1424f69e79177e61815df6560a1651806e010c170e666d732e6d756c7469636173742e6578616d706c6532210e9a6268904286fc7548715ec0293037525e5a6102461802c24db37b6f67b3a83d011b00070ae00000fc7532"
//, rtmfpStreamName:"livestream"
//, multicastGroupspec:"G:01012105f93070b5ec033b0c5391b16a86830b1424f69e79177e61815df6560a1651806e010c170e666d732e6d756c7469636173742e6578616d706c6532210e9a6268904286fc7548715ec0293037525e5a6102461802c24db37b6f67b3a83d011b00070ae00000fc7532"
//, multicastStreamName:"livestream"
//, src: "http://www.youtube.com/watch?v=nUU0X2lATKg" //ads
//, src: "http://www.youtube.com/watch?v=g38AGCUdjEk" //one stream
//, src: "http://www.youtube.com/watch?v=MCLsktSGOVg&feature=related"
//, scaleMode:"none"
//, streamType: "live"
, autoPlay: false
, width: "640"
, height: "480"
, controlBarAutoHide: false
, playButtonOverlay: true
//, configuration: "configuration.xml"
//, plugin_ga: "GTrackPlugin.swf"
//, "ga_http://www.realeyes.com/osmf/plugins/tracking/google" : gTrackPluginConfig
//, src_namespace:"http://www.realeyes.com/osmf/plugins/tracking/google"
//, src_pageURL: "debug"
//, plugin_youtube: "YouTubePlugin.swf"
};
for (var i=0; i<parameterNames.length; i++)
{
var parameterName = parameterNames[i];
parameters[parameterName]
= pqs.param(parameterName)
|| parameters[parameterName];
}
// Embed the player SWF:
swfobject.embedSWF
( "StrobeMediaPlayback.swf"
, "player"
, parameters["width"], parameters["height"]
, "10.0.0"
, {}
, parameters
, { allowFullScreen: "true" }
, { name: "StrobeMediaPlayback" }
);
</script>
<style type="text/css">
<!--
.Verdana {
font-family: Verdana, Geneva, sans-serif;
}
-->
</style>
</head>
<body>
<table width="100%" border="0" cellspacing="5">
<tr>
<td valign="top">
<table width="100%" border="0" cellspacing="5">
<tr>
<td valign="top" width="640" colspan="3">
<div id="player">
<p>Alternative content</p>
</div>
</td>
</tr>
<tr>
<td colspan="3" valign="top">
<!--p>Click on one of the links below to have it loaded</p>
<p>
<script type="text/javascript">
// Construct the HTML required to reload with any of the
// listed media links:
var linkingCode = "";
var links
= [ "http://mediapm.edgesuite.net/osmf/content/test/manifest-files/dynamic_Streaming.f4m"
, "http://mediapm.edgesuite.net/osmf/content/test/manifest-files/progressive.f4m"
, "http://mediapm.edgesuite.net/osmf/content/test/train_1500.mp3"
, "http://mediapm.edgesuite.net/strobe/content/test/AFaerysTale_sylviaApostol_640_500_short.flv"
, "rtmp://lolek.corp.adobe.com/dvrcast/rmsarea"
, "images/vegetation.jpg"
, "playlists/playlist.m3u"
];
for (var i=0; i<links.length; i++)
{
var link = links[i];
linkingCode = linkingCode
+ '<a href="debug.html?src='
+ encodeURI(link)
+ '">'
+ link
+ '</a><br/>';
}
document.write(linkingCode);
</script>
</p>
<br />
<a href="setup.html">Player Setup</a>
<br /-->
<h4>logs (the last 50 lines). New logs will be displayed if they match:
<input value="StrobeMediaPlayback" style="width:100%" onclick="org.osmf.player.debug.clickclear(this, org.osmf.player.debug.filter)" onblur="org.osmf.player.debug.clickrecall(this, org.osmf.player.debug.filter);" onKeyPress="org.osmf.player.debug.filter=this.value;"/></h4>
<div id="logs" title="Logs" class="metrics" style="overflow: auto; height:400px; width:100%;">
</div>
</td>
</tr>
</table>
</td>
<td id="debugConsole" valign="top" width="100%" height="100%" rowspan="4">
<style>
table caption
{
caption-side: top;
font-size: 1em;
font-style: italic;
font-weight: bold;
text-align: left;
padding: 0.5em 0;
}
table.metrics,
table.qosObject,
table.metadata
{
padding: 10px;
width: 100%;
}
table.metadata
{
flow:left;
}
</style>
<div style="position:absolute;right:0px;top:0px;font-size:0.8em">
Press F11 to make the browser window enter/exit full screen.
</div>
<div style="overflow:auto;height:1000px;width:100%">
<table width="100%" >
<tr>
<td valign="top">
<table id="KeyStats" class="metrics" >
<caption>Key Statistics</caption>
</table>
</td>
<td valign="top">
<table id="rendering" class="metrics" >
<caption>Rendering Info</caption>
</table>
</td>
</tr>
<tr>
<td valign="top">
<table id="ds" class="metrics" >
<caption>Dynamic Streaming Info</caption>
</table>
</td>
<td valign="top">
<table id="buffer" class="metrics" >
<caption>Buffer Info</caption>
</table>
</td>
</tr>
<tr>
<td valign="top" id="qosObjects">
<table id="PlaybackOptimizationMetrics" class="qosObject" >
<caption>PlaybackOptimizationMetrics</caption>
</table>
<table id="StrobeMediaPlayer" class="qosObject">
<caption>StrobeMediaPlayer</caption>
</table>
</td>
<td valign="top">
<table id="NetStream" class="qosObject">
<caption>NetStream</caption>
</table>
<table id="NetStreamInfo" class="qosObject">
<caption>NetStreamInfo</caption>
</table>
</td>
</tr>
<tr>
<td valign="top" id="other">
<!--<table id="AssetMetadata" class="metadata">
<caption>AssetMetadata</caption>
</table>
<table id="PluginResource0" class="metadata">
<caption>PluginResource0</caption>
</table-->
</td>
<td valign="top">
<table id="ResourceMetadata" class="metrics" >
<caption>Resource Metadata</caption>
</table>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</body>
</html>
