test/jwplayer.htm
changeset 944 8a6c9e3d0158
parent 939 1f9e30f0fa3c
child 945 7d9f6fd6f904
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/test/jwplayer.htm	Thu Aug 30 13:16:33 2012 +0200
@@ -0,0 +1,91 @@
+<!doctype html>
+<html>
+
+    <head>
+        <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
+        <title>Metadataplayer test with JwPlayer</title>
+        <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
+        <link href='test.css' rel='stylesheet' type='text/css'>
+        <script type="text/javascript" src="metadataplayer/LdtPlayer-core.js" type="text/javascript"></script>
+        <script type="text/javascript" src="test-config.js" type="text/javascript"></script>
+    </head>
+
+    <body>
+        <h1>Metadataplayer test with JwPlayer</h1>
+        <div id="LdtPlayer"></div>
+        <div id="AnnotationsListContainer"></div>
+        <script type="text/javascript">
+    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 : 550,
+            container : 'LdtPlayer',
+            default_options: {
+                metadata: _metadata
+            },
+            css : 'metadataplayer/LdtPlayer-core.css',
+            widgets: [
+                { type: "Slider" },
+                { type: "Controller" },
+                { type: "Polemic" },
+                { type: "Segments" },
+                { type: "Slice" },
+                {
+                    type: "Arrow",
+                    base_height: 4
+                },
+                { 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"
+                },
+                { type: "Mediafragment"}
+            ]
+        },
+        player:{
+            type:'auto',
+            live: true, 
+            height: 350, 
+            width: 550, 
+            provider: "rtmp",
+            streamer: function(_url) {
+                var _matches = _url.match(/^[^\/]+\/\/[^\/]+\/[^\/]+\//);
+                if (_matches) {
+                    return _matches[0];
+                } else {
+                    return _url;
+                }
+            },
+            //autostart: true,
+            metadata: _metadata
+        }
+    };
+    
+    _myPlayer = new IriSP.Metadataplayer(_config);
+    
+        </script>
+    </body>
+</html>