metadataplayer/jwplayer.htm
changeset 15 ed7ac7e94090
parent 5 e27a08b0a037
--- a/metadataplayer/jwplayer.htm	Fri Aug 31 17:43:31 2012 +0200
+++ b/metadataplayer/jwplayer.htm	Thu Sep 27 12:23:41 2012 +0200
@@ -15,58 +15,69 @@
         <div id="LdtPlayer"></div>
         <div id="AnnotationsListContainer"></div>
         <script type="text/javascript">
-    IriSP.libFiles.locations.jwPlayerSWF = "player.swf";
     IriSP.libFiles.defaultDir = "libs/";
+    IriSP.language = 'fr';
     IriSP.widgetsDir = "metadataplayer";
     var _metadata = {
         url: 'json/ldt-jwplayer.json',
+//        url: 'http://ldt.iri.centrepompidou.fr/ldtplatform/ldt/cljson/id/5a893570-ca73-11e1-9443-00145ea4a2be?callback=?',
         format: 'ldt'
     };
-    var _config = {            
-        gui: {
-            width : 620,
-            container : 'LdtPlayer',
-            default_options: {
-                metadata: _metadata
+    var _config = {
+        width : 550,
+        container : 'LdtPlayer',
+        default_options: {
+            metadata: _metadata
+        },
+        css : 'metadataplayer/LdtPlayer-core.css',
+        widgets: [
+            {
+                type: "AutoPlayer",
+                live: true,
+                width: 550, 
+                provider: "rtmp",
+                autostart: true,
+                streamer: function(_url) {
+                    var _matches = _url.match(/^[^\/]+\/\/[^\/]+\/[^\/]+\//);
+                    if (_matches) {
+                        return _matches[0];
+                    } else {
+                        return _url;
+                    }
+                }
             },
-            css : 'metadataplayer/LdtPlayer-core.css',
-            widgets: [
-                { type: "Sparkline" },
-                { type: "Slider" },
-                { type: "Controller" },
-                { type: "Polemic" },
-                { type: "Segments" },
-                { type: "Slice" },
-                { type: "Arrow" },
-                { type: "Annotation" },
-                {
-                    type: "Tagger",
-                    api_endpoint: "post-test.php",
-                },
-                { type: "Tweet" },
-                {
-                    type: "Tagcloud",
-                    segment_annotation_type: "chap"
-                },
-                {
-                    type: "AnnotationsList",
-                    container: "AnnotationsListContainer"
-                },
-                { type: "Mediafragment"}
-            ]
-        },
-        player:{
-            type:'auto',
-            live: true, 
-            height: 350, 
-            width: 620, 
-            provider: "rtmp",
-            autostart: true,
-            metadata: _metadata
-        }
+            { type: "Slider" },
+            { type: "Controller" },
+            { type: "Polemic" },
+            { type: "Segments" },
+            { type: "Annotation" },
+            {
+                type: "CreateAnnotation",
+                api_endpoint_template: "post-test.php",
+                creator_name: "Metadataplayer",
+                creator_avatar: "https://si0.twimg.com/sticky/default_profile_images/default_profile_1_normal.png",
+                tag_titles: ["#amateur", "#digital-humanities"]
+            },
+            { type: "Tweet" },
+            {
+                type: "Tagger",
+                api_endpoint: "post-test.php"
+            },
+            {
+                type: "Tagcloud"
+            },
+            {
+                type: "AnnotationsList",
+                container: "AnnotationsListContainer",
+                default_thumbnail : "http://ldt.iri.centrepompidou.fr/static/site/ldt/css/imgs/video_sequence.png",
+                //ajax_url: "/pf/ldtplatform/api/ldt/segments/{{media}}/{{begin}}/{{end}}",
+                //ajax_granularity : 300000
+            },
+            { type: "Mediafragment"}
+        ]
     };
     
-    _myPlayer = new IriSP.Metadataplayer(_config);
+    var _myPlayer = new IriSP.Metadataplayer(_config);
     
         </script>
     </body>