test/mashup/player.htm
branchnew-model
changeset 894 bb1559ef0fcb
parent 887 6a04bd37da0a
child 900 7673d645a8e0
equal deleted inserted replaced
887:6a04bd37da0a 894:bb1559ef0fcb
     2 <html>
     2 <html>
     3     <head>
     3     <head>
     4         <title>Preuve de concept Mashup</title>
     4         <title>Preuve de concept Mashup</title>
     5         <link rel="stylesheet" type="text/css" href="style.css" />
     5         <link rel="stylesheet" type="text/css" href="style.css" />
     6         <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
     6         <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
       
     7         <script type="text/javascript" src="../metadataplayer/LdtPlayer-core.js" type="text/javascript"></script>
     7     </head>
     8     </head>
     8     <body>
     9     <body>
     9         <div class="main-container">
    10         <div class="main-container">
    10             <div class="header">
    11             <div class="header">
    11                 <h1>Hash Cut #</h1>
    12                 <h1>Hash Cut #</h1>
    30                 </div>
    31                 </div>
    31             </div>
    32             </div>
    32             <div class="colgauche">
    33             <div class="colgauche">
    33                 <h2>Mon HashCut</h2>
    34                 <h2>Mon HashCut</h2>
    34                 <hr />
    35                 <hr />
       
    36                 <div id="LdtPlayer"></div>
    35             </div>
    37             </div>
    36             <div class="coldroite">
    38             <div class="coldroite">
    37                 <h2>Média en cours</h2>
    39                 <h2>Média en cours</h2>
    38                 <hr />
    40                 <hr />
    39             </div>
    41             </div>
    40             <div class="footer">
    42             <div class="footer">
    41                 <hr />
    43                 <hr />
    42                 <p style="text-align: right;">&copy; IRI 2012</p>
    44                 <p style="text-align: right;">&copy; IRI 2012</p>
    43             </div>
    45             </div>
    44         </div>
    46         </div>
       
    47     <script type="text/javascript">
       
    48 
       
    49 IriSP.libFiles.defaultDir = "../libs/";
       
    50 IriSP.widgetsDir = "../metadataplayer";
       
    51 IriSP.jwplayer_swf_path = "../player.swf";
       
    52 var _metadata = {
       
    53     url: '../json/ldt-jwplayer.json',
       
    54     format: 'ldt'
       
    55 };
       
    56 var _config = {            
       
    57     gui: {
       
    58         width : 620,
       
    59         container : 'LdtPlayer',
       
    60         default_options: {
       
    61             metadata: _metadata
       
    62         },
       
    63         css : '../metadataplayer/LdtPlayer-core.css',
       
    64         widgets: [
       
    65             { type: "Slider" },
       
    66             { type: "Controller" },
       
    67             { type: "Segments" },
       
    68             { type: "Arrow" },
       
    69             { type: "Annotation" }
       
    70         ]
       
    71     },
       
    72     player:{
       
    73         type:'mashup',
       
    74         live: true, 
       
    75         height: 350,
       
    76         width: 620, 
       
    77         provider: "rtmp",
       
    78         mashup_swf : "bab_files/player_bab_ldt.swf",
       
    79         mashup_xml : "bab_files/yeelen_bab.ldt",
       
    80         autostart: true
       
    81     }
       
    82 };
       
    83 
       
    84 _myPlayer = new IriSP.Metadataplayer(_config, _metadata);
       
    85 
       
    86     </script>
    45     </body>
    87     </body>
    46 </html>
    88 </html>