metadataplayer edwin/oggvideo2.htm
changeset 4 ed1126cd2b80
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/metadataplayer edwin/oggvideo2.htm	Fri Jun 29 12:12:38 2012 +0200
@@ -0,0 +1,107 @@
+<!doctype html>
+<html>
+    <head>
+        <title>Edwin Mashup</title>
+        <link rel="stylesheet" type="text/css" href="style.css" />
+        <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
+        <script type="text/javascript" src="metadataplayer/LdtPlayer-core.js" type="text/javascript"></script>
+    </head>
+    <body>
+        <div class="main-container">
+            <div class="header">
+                <h1>Hash Cut #</h1>
+            </div>
+            <div class="steps">
+                <h2>Créer un Hash-cut en 3 étapes&nbsp;:</h2>
+                <div class="steps-frame">
+                    <div class="step">
+                        <div class="step-icon step-1"></div>
+                        <div class="step-title">S'inscrire et<br />créer un projet</div>
+                    </div>
+                    <div class="step-separator"></div>
+                    <div class="step">
+                        <div class="step-icon step-2"></div>
+                        <div class="step-title">Découper et<br />Assembler</div>
+                    </div>
+                    <div class="step-separator"></div>
+                    <div class="step active">
+                        <div class="step-icon step-3"></div>
+                        <div class="step-title">Partager et<br />regarder&nbsp;!</div>
+                    </div>
+                </div>
+            </div>
+            <div class="colgauche">
+                <h2>Mon HashCut</h2>
+                <hr />
+                <div id="LdtPlayer"></div>
+            </div>
+            <div class="coldroite">
+                <div id="mediaList"></div>
+            </div>
+            <div class="footer">
+                <hr />
+                <p style="text-align: right;">&copy; IRI 2012</p>
+            </div>
+        </div>
+	    <script type="text/javascript">
+	
+			IriSP.libFiles.defaultDir = "libs/";
+			IriSP.widgetsDir = "metadataplayer";
+			IriSP.language = 'fr';
+			
+			var _metadata = {
+			    url: 'json/moon.json',
+			    format: 'ldt'
+			};
+			
+			var _canPlayMp4 = document.createElement('video').canPlayType('video/mp4');
+			
+			var _config = {            
+			    gui: {
+			        width : 630,
+			        container : 'LdtPlayer',
+			        default_options: {
+			            metadata: _metadata
+			        },
+			        css : 'metadataplayer/LdtPlayer-core.css',
+			        widgets: [
+			            { type: "Slider" },
+			            { type: "Controller" },
+			            {
+			                type: "Segments",
+			                annotation_type: false
+			            },
+			            { type: "Arrow" },
+			            {
+			                type: "Annotation",
+			                annotation_type: false
+			            },
+			            {
+			                type: "MediaList",
+			                container: "mediaList"
+			            },
+			            { type: "Mediafragment" }
+			        ]
+			    },
+			    player:{
+			        type: 'mashup-html',
+			        url_transform: function(_url) {
+			            if (_canPlayMp4 == "maybe" || _canPlayMp4 == "probably") {
+			                return _url.replace(/\.webm$/i,'.mp4');
+			            } else {
+			                return _url.replace(/\.mp4$/i,'.webm');
+			            }
+			            
+			        },
+			        height: 350,
+			        width: 630,
+			        autostart: true,
+			        metadata: _metadata
+			    }
+			};
+			
+			_myPlayer = new IriSP.Metadataplayer(_config);
+	
+	    </script>
+    </body>
+</html>
\ No newline at end of file