test/renkan.html
changeset 1072 ac1eacb3aa33
parent 1069 2409cb4cebaf
child 1076 510fd2a482f4
equal deleted inserted replaced
1071:02c04d2c8fd8 1072:ac1eacb3aa33
       
     1 <!doctype html>
       
     2 <html>
       
     3 
       
     4     <head>
       
     5         <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
       
     6         <title>Metadataplayer test with Renkan</title>
       
     7         <link href='open-sans/css/fonts.css' rel='stylesheet' type='text/css'>
       
     8         <link href='test.css' rel='stylesheet' type='text/css'>
       
     9         <script type="text/javascript" src="metadataplayer/LdtPlayer-core.js" type="text/javascript"></script>
       
    10         <style type="text/css">
       
    11         #MainContainer {
       
    12             width: 1180px;
       
    13             margin: 0 auto;
       
    14         }
       
    15         #RenkanContainer {
       
    16             float: left;
       
    17             width: 600px;
       
    18             height: 500px;
       
    19             margin: 5px;
       
    20         }
       
    21         </style>
       
    22     </head>
       
    23 
       
    24     <body>
       
    25         <h1>Metadataplayer test with Renkan</h1>
       
    26         <div id="MainContainer">
       
    27             <div id="LdtPlayer"></div>
       
    28             <div id="RenkanContainer"></div>
       
    29         </div>
       
    30         <script type="text/javascript">
       
    31 IriSP.libFiles.defaultDir = "libs/";
       
    32 IriSP.language = 'fr';
       
    33 IriSP.widgetsDir = "metadataplayer";
       
    34 var _metadata = {
       
    35 //        url: 'json/ldt-jwplayer.json',
       
    36     url: 'http://ldt.iri.centrepompidou.fr/ldtplatform/ldt/cljson/id/67280b1c-ff30-11e0-a82d-00145ea49a02?callback=?',
       
    37     format: 'ldt'
       
    38 };
       
    39 var _config = {
       
    40     width : 550,
       
    41     container : 'LdtPlayer',
       
    42     default_options: {
       
    43         metadata: _metadata
       
    44     },
       
    45     css : 'metadataplayer/LdtPlayer-core.css',
       
    46     widgets: [
       
    47         {
       
    48             type: "JwpPlayer",
       
    49             live: true, 
       
    50             height: 350, 
       
    51             width: 550, 
       
    52             provider: "rtmp",
       
    53             streamer: function(_url) {
       
    54                 var _matches = _url.match(/^[^\/]+\/\/[^\/]+\/[^\/]+\//);
       
    55                 if (_matches) {
       
    56                     return _matches[0];
       
    57                 } else {
       
    58                     return _url;
       
    59                 }
       
    60             }
       
    61         },
       
    62         { type: "Slider" },
       
    63         { type: "Controller" },
       
    64         { type: "Polemic" },
       
    65         { type: "Segments" },
       
    66         { type: "Annotation" },
       
    67         { type: "Tweet" },
       
    68         {
       
    69             type: "Renkan",
       
    70             container: "RenkanContainer",
       
    71             data: "json/renkan.json"
       
    72         },
       
    73         { type: "Mediafragment"}
       
    74     ]
       
    75 };
       
    76 
       
    77 var _myPlayer = new IriSP.Metadataplayer(_config);
       
    78     
       
    79         </script>
       
    80     </body>
       
    81 </html>