js2/mwEmbed/example_usage/Player_Timed_Text.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   2 "http://www.w3.org/TR/html4/loose.dtd">
   3 <html>
   4 <head>
   5         <title>sample mv embed</title>
   6         <script type="text/javascript" src="../mv_embed.js?debug=true"></script>
   7 </head>
   8 <body>
   9 <h3> Mv_Embed Timed Text Examples:</h3>
  10 Click on the little lower right "CC" icon to expose the timed text
  11  <table border="1" cellpadding="6" width="950">
  12         <tr>
  13                 <td valign="top" width="410">
  14
  15                         <video roe="http://metavid.org/w/index.php?title=Special:MvExportStream&stream_name=House_proceeding_07-18-06_00&t=1:23:16/1:23:44&feed_format=roe" ></video>           </td>
  16                 <td valign="top">
  17                         Metavid based ROE file using CMML<br> <pre>&lt;video roe=&quot;http://metavid.org/w/index.php?title=Special:MvExportStream&amp;stream_name=House_proceeding_07-18-06_00&amp;t=1:23:16/1:23:44&amp;feed_format=roe&quot; &gt;&lt;/video&gt;</pre><iframe width="600" height="250" src="http://metavid.org/w/index.php?title=Special:MvExportStream&stream_name=House_proceeding_07-18-06_00&t=1:23:16/1:23:44&feed_format=roe" ></iframe>                </td>
  18
  19         </tr>
  20         <tr>
  21                 <td valign="top" width="410">
  22                 <video poster="http://ia340929.us.archive.org/0/items/princess_iron_fan/princess_iron_fan.thumbs/princess_iron_fan_000360.jpg"
  23                 duration="1:13:0" linkback="http://www.archive.org/details/princess_iron_fan" >
  24                         <source type="video/ogg" src="http://www.archive.org/download/princess_iron_fan/princess_iron_fan.ogv" ></source>
  25                         <source type="video/h264" src="http://www.archive.org/download/princess_iron_fan/princess_iron_fan_512kb.mp4"></source>
  26                         <text category="SUB" lang="en" type="text/x-srt" default="true"
  27                                 title="English subtitles" src="media/princess_archive_org/princess_iron_fan.srt">
  28                         </text>
  29                         <text category="SUB" lang="cs" type="text/x-srt"
  30                                 title="Czech subtitles" src="media/princess_archive_org/princess_iron_fan-cs.srt">
  31                         </text>
  32                         <text category="SUB" lang="ru" type="text/x-srt"
  33                                 title="Russian subtitles" src="media/princess_archive_org/princess_iron_fan-ru.srt">
  34                         </text>
  35                 </video>
  36                 </td>
  37
  38                 <td valign="top">
  39                         <h4>Archive.org video with local SRTs (copied locally until we get srt over json for archive.org ;)</h4>
  40                         <textarea cols="120" rows="12">
  41 <video poster="http://www.archive.org/download/princess_iron_fan/format=thumbnail"  URLTimeEncoding="true"
  42         durationHint="1:13:0" linkback="http://www.archive.org/details/princess_iron_fan">
  43                 <source type="video/ogg" src="http://www.archive.org/download/princess_iron_fan/princess_iron_fan.ogv"></source>
  44                 <source type="video/h264" src="http://www.archive.org/download/princess_iron_fan/princess_iron_fan_512kb.mp4"></source>
  45         <text category="SUB" lang="en" type="text/x-srt" default="true"
  46                 title="English subtitles" src="media/princess_archive_org/princess_iron_fan.srt">
  47         </text>
  48         <text category="SUB" lang="cs" type="text/x-srt"
  49                 title="Czech subtitles" src="media/princess_archive_org/princess_iron_fan-cs.srt">
  50         </text>
  51         <text category="SUB" lang="ru" type="text/x-srt"
  52                 title="Russian subtitles" src="media/princess_archive_org/princess_iron_fan-ru.srt">
  53         </text>
  54 </video>
  55                         </textarea>             </td>
  56         </tr>
  57  </table>
  58
  59 </body>
  60 </html>
  61