test/videojs-youtube-dist.html
changeset 1073 687133dc13cf
child 1076 510fd2a482f4
equal deleted inserted replaced
1072:ac1eacb3aa33 1073:687133dc13cf
       
     1 <!DOCTYPE html>
       
     2 <html>
       
     3   <head>
       
     4     <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
       
     5     <title>Metadataplayer test with JwPlayer</title>
       
     6     <!--        <link href='open-sans/css/fonts.css' rel='stylesheet' type='text/css'>
       
     7 -->
       
     8     <link href="test.css" rel="stylesheet" type="text/css" />
       
     9     <link href="/dist/LdtPlayer-core.css" rel="stylesheet" type="text/css" />
       
    10   </head>
       
    11   <body>
       
    12     <h1>Metadataplayer test with JwPlayer</h1>
       
    13     <div id="LdtPlayer"></div>
       
    14     <div id="AnnotationsListContainer"></div>
       
    15     <div id="SlideShareContainer"></div>
       
    16     <script src="/dist/LdtPlayer-core.js" type="text/javascript"></script>
       
    17     <script>
       
    18       IriSP.language = "fr";
       
    19       var _metadata = {
       
    20         url: "json/ldt-youtube.json",
       
    21         //url: "http://ldt.iri.centrepompidou.fr/ldtplatform/ldt/cljson/id/8f7e4b42-4838-11e2-ac61-00145ea4a2be",
       
    22         //        url: 'http://capsicum/pf/ldtplatform/ldt/cljson/id/f1a17368-2bc8-11e1-b21a-00145ea49a02',
       
    23         //        url: 'http://ldt.iri.centrepompidou.fr/ldtplatform/ldt/cljson/id/fc0a654e-49ea-11e2-b4ad-00145ea4a2be',
       
    24         format: "ldt",
       
    25       };
       
    26       var _config = {
       
    27         width: 550,
       
    28         container: "LdtPlayer",
       
    29         default_options: {
       
    30           metadata: _metadata,
       
    31         },
       
    32         widgets: [
       
    33           {
       
    34             type: "VideojsPlayer",
       
    35             autostart: true,
       
    36             url_transform: function (url) {
       
    37               return url.replace(
       
    38                 "/ddc_player/video/",
       
    39                 "/ddc_player/mp4:video/"
       
    40               );
       
    41             },
       
    42           },
       
    43           { type: "Slider" },
       
    44           { type: "Controller" },
       
    45           {
       
    46             type: "Polemic",
       
    47             max_elements: 20,
       
    48             annotation_type: false,
       
    49           },
       
    50           { type: "Sparkline" },
       
    51           { type: "MultiSegments" },
       
    52           {
       
    53             type: "CreateAnnotation",
       
    54             api_endpoint_template: "post-test.php",
       
    55             creator_name: "Metadataplayer",
       
    56             creator_avatar:
       
    57               "https://pbs.twimg.com/profile_images/2284174872/7df3h38zabcvjylnyfe3_normal.png",
       
    58             tag_titles: ["amateur", "digital-humanities"],
       
    59             //show_title_field: false,
       
    60             //show_creator_field: false,
       
    61             show_slice: false,
       
    62           },
       
    63           {
       
    64             type: "Tweet",
       
    65           },
       
    66           {
       
    67             type: "Tagcloud",
       
    68           },
       
    69           {
       
    70             type: "AnnotationsList",
       
    71             container: "AnnotationsListContainer",
       
    72             default_thumbnail:
       
    73               "https://ldt.iri.centrepompidou.fr/static/site/ldt/css/imgs/video_sequence.png",
       
    74             //ajax_url: "/pf/ldtplatform/api/ldt/1.0/segments/bytimecode/{{media}}/{{begin}}/{{end}}",
       
    75             //ajax_granularity : 300000
       
    76           },
       
    77           // {
       
    78           //     type: "Slideshare",
       
    79           //     container: "SlideShareContainer"
       
    80           // },
       
    81           { type: "Mediafragment" },
       
    82           //            { type: "Trace",
       
    83           //            js_console: true }
       
    84         ],
       
    85       };
       
    86 
       
    87       var _myPlayer = new IriSP.Metadataplayer(_config);
       
    88     </script>
       
    89   </body>
       
    90 </html>