js2/mwEmbed/example_usage/Sequence_Render.html

   1 <!doctype html>
   2 <html>
   3 <head>
   4     <title>Seeking Render Example</title>
   5           <script type="text/javascript" src="../mv_embed.js?debug=true"></script>
   6   <style>
   7     #render_box {
   8       position:absolute;
   9       width:320px;
  10       height:240px;
  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 <playlist id="render_player" src="media/sample_smil.xml" controls="false" width="320" height="240"></playlist>
  46
  47 <!-- <video id="render_player"
  48  durationHint="27"
  49  src="http://upload.wikimedia.org/wikipedia/commons/4/41/Panthera_tigris8.ogg"
  50  style="width:320px;height:240px;"
  51  controls="false"
  52  poster="http://upload.wikimedia.org/wikipedia/commons/thumb/4/41/Panthera_tigris8.ogg/mid-Panthera_tigris8.ogg.jpg">
  53 </video>
  54 -->
  55
  56
  57 <span id="loading_text" style="position:absolute; top:320px;">
  58 loading render system <blink>...</blink>
  59 </span>
  60 <div id="info_control" style="display:none;">
  61         <button id="buttonStart">Do Render</button>
  62         <button id="buttonStop">Stop</button>
  63         Current Time: <input type="text" id="time_status" value="0.0" />
  64         <span id="status"></span><br>
  65 </div>
  66
  67 </body>
  68 </html>