js2/mwEmbed/example_usage/SequencerPlayer_Render.html

   1 <!doctype html>
   2 <html>
   3 <head>
   4     <title>mv_embed Seeking Example</title>
   5           <script type="text/javascript" src="../mv_embed.js?debug=true"></script>
   6   <style>
   7     #render_box {
   8       position:absolute;
   9       width:400px;
  10       height:300px;
  11     }
  12
  13   </style>
  14   <script>
  15 mwAddOnloadHook(function(){
  16
  17         $j('#render_player').firefoggRender({
  18                 'render_options':{
  19                         "framerate" : 30
  20                 },
  21                 'target_startRender':'#buttonStart',
  22                 'target_stopRender': '#buttonStop',
  23                 'target_timeStatus': '#time_status'
  24
  25         },function( foggRender ){
  26                 $j('#loading_text').hide();
  27                 if( foggRender.enabled ){
  28                         $j('#info_control').show();
  29                 }else{
  30                         $j('#info_control').html(
  31                                 foggRender.myFogg.getTargetHtml('target_please_install')
  32                         );
  33                         if(!($j.browser.mozilla && $j.browser.version >= '1.9.1')) {
  34                                 $j('#info_control').html(
  35                                         foggRender.myFogg.getTargetHtml('target_use_latest_fox')
  36                                 );
  37                         }
  38                 }
  39         });
  40
  41 });
  42   </script>
  43 </head>
  44 <body>
  45    <!--
  46 <playlist id="render_player" src="media/sample_smil.xml" controls="false" width="400" height="300"></playlist>
  47 -->
  48  <video id="render_player" src="http://commons.wikimedia.org/wiki/File:Panthera_tigris8.ogg" style="width:400px;height:300px" controls="false"
  49  poster="http://upload.wikimedia.org/wikipedia/commons/thumb/4/41/Panthera_tigris8.ogg/mid-Panthera_tigris8.ogg.jpg"></video>
  50
  51
  52 <span id="loading_text" style="position:absolute; top:320px;">
  53 loading render system <blink>...</blink>
  54 </span>
  55 <div id="info_control" style="display:none;">
  56         <button id="buttonStart">Do Render</button>
  57         <button id="buttonStop">Stop</button>
  58         Current Time: <input type="text" id="time_status" value="0.0" />
  59         <span id="status"></span><br>
  60 </div>
  61
  62 </body>
  63 </html>
  64