metadataplayer edwin/oggvideo2.htm
changeset 17 ec4f33084f8d
parent 16 5135ccbf5a5f
child 18 f6232b308fbd
--- a/metadataplayer edwin/oggvideo2.htm	Tue Oct 02 18:20:08 2012 +0200
+++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
@@ -1,107 +0,0 @@
-<!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