test/jwplayer.htm
changeset 988 eefd336335f9
parent 976 4b9ec475026a
child 1002 a86208b60c91
equal deleted inserted replaced
987:7b65bf78873a 988:eefd336335f9
     2 <html>
     2 <html>
     3 
     3 
     4     <head>
     4     <head>
     5         <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
     5         <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
     6         <title>Metadataplayer test with JwPlayer</title>
     6         <title>Metadataplayer test with JwPlayer</title>
     7         <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
     7 <!--        <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
     8         <link href='test.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>
     9         <script type="text/javascript" src="metadataplayer/LdtPlayer-core.js" type="text/javascript"></script>
    10     </head>
    10     </head>
    11 
    11 
    12     <body>
    12     <body>
    13         <h1>Metadataplayer test with JwPlayer</h1>
    13         <h1>Metadataplayer test with JwPlayer</h1>
    14         <div id="LdtPlayer"></div>
    14         <div id="LdtPlayer"></div>
    15         <div id="AnnotationsListContainer"></div>
    15         <div id="AnnotationsListContainer"></div>
       
    16         <div id="SlideShareContainer"></div>
    16         <script type="text/javascript">
    17         <script type="text/javascript">
    17     IriSP.libFiles.defaultDir = "libs/";
    18     IriSP.libFiles.defaultDir = "libs/";
    18     IriSP.language = 'fr';
    19     IriSP.language = 'fr';
    19     IriSP.widgetsDir = "metadataplayer";
    20     IriSP.widgetsDir = "metadataplayer";
    20     var _metadata = {
    21     var _metadata = {
    21         url: 'json/ldt-jwplayer.json',
    22 //        url: 'json/ldt-jwplayer.json',
    22 //        url: 'http://ldt.iri.centrepompidou.fr/ldtplatform/ldt/cljson/id/5a893570-ca73-11e1-9443-00145ea4a2be?callback=?',
    23 //          url: 'http://capsicum/pf/ldtplatform/ldt/cljson/id/33e49eac-b3b0-11e1-b44d-00145ea4a2be?callback=?',
       
    24 //        url: 'http://capsicum/pf/ldtplatform/ldt/cljson/id/f1a17368-2bc8-11e1-b21a-00145ea49a02',
       
    25         url: 'http://ldt.iri.centrepompidou.fr/ldtplatform/ldt/cljson/id/fc0a654e-49ea-11e2-b4ad-00145ea4a2be',
    23         format: 'ldt'
    26         format: 'ldt'
    24     };
    27     };
    25     var _config = {
    28     var _config = {
    26         width : 550,
    29         width : 550,
    27         container : 'LdtPlayer',
    30         container : 'LdtPlayer',
    30         },
    33         },
    31         css : 'metadataplayer/LdtPlayer-core.css',
    34         css : 'metadataplayer/LdtPlayer-core.css',
    32         widgets: [
    35         widgets: [
    33             {
    36             {
    34                 type: "AutoPlayer",
    37                 type: "AutoPlayer",
    35                 width: 550,
       
    36                 autostart: true
    38                 autostart: true
    37             },
    39             },
    38             { type: "Slider" },
    40             { type: "Slider" },
    39             { type: "Controller" },
    41             { type: "Controller" },
    40             { type: "Polemic" },
    42             {
    41             { type: "Segments" },
    43                 type: "Polemic",
    42             { type: "Annotation" },
    44                 max_elements: 20
       
    45             },
       
    46             { type: "Sparkline" },
       
    47             { type: "MultiSegments" },
    43             {
    48             {
    44                 type: "CreateAnnotation",
    49                 type: "CreateAnnotation",
    45                 api_endpoint_template: "post-test.php",
    50                 api_endpoint_template: "post-test.php",
    46                 creator_name: "Metadataplayer",
    51                 creator_name: "Metadataplayer",
    47                 creator_avatar: "https://si0.twimg.com/sticky/default_profile_images/default_profile_1_normal.png",
    52                 creator_avatar: "https://si0.twimg.com/sticky/default_profile_images/default_profile_1_normal.png",
    48                 tag_titles: ["#amateur", "#digital-humanities"]
    53                 tag_titles: ["amateur", "digital-humanities"],
       
    54                 //show_title_field: false,
       
    55                 //show_creator_field: false,
       
    56                 show_slice: false
    49             },
    57             },
    50             { type: "Tweet" },
    58             { type: "Tweet" },
    51             {
       
    52                 type: "Tagger",
       
    53                 api_endpoint: "post-test.php"
       
    54             },
       
    55             {
    59             {
    56                 type: "Tagcloud"
    60                 type: "Tagcloud"
    57             },
    61             },
    58             {
    62             {
    59                 type: "AnnotationsList",
    63                 type: "AnnotationsList",
    60                 container: "AnnotationsListContainer",
    64                 container: "AnnotationsListContainer",
    61                 default_thumbnail : "http://ldt.iri.centrepompidou.fr/static/site/ldt/css/imgs/video_sequence.png",
    65                 default_thumbnail : "http://ldt.iri.centrepompidou.fr/static/site/ldt/css/imgs/video_sequence.png",
    62                 //ajax_url: "/pf/ldtplatform/api/ldt/segments/{{media}}/{{begin}}/{{end}}",
    66                 //ajax_url: "/pf/ldtplatform/api/ldt/1.0/segments/bytimecode/{{media}}/{{begin}}/{{end}}",
    63                 //ajax_granularity : 300000
    67                 //ajax_granularity : 300000
    64             },
    68             },
    65             { type: "Mediafragment"}
    69             {
       
    70                 type: "Slideshare",
       
    71                 container: "SlideShareContainer"
       
    72             },
       
    73             { type: "Mediafragment"},
       
    74 //            { type: "Trace",
       
    75 //            js_console: true }
    66         ]
    76         ]
    67     };
    77     };
    68     
    78     
    69     var _myPlayer = new IriSP.Metadataplayer(_config);
    79     var _myPlayer = new IriSP.Metadataplayer(_config);
    70     
    80