test/index.htm
changeset 944 8a6c9e3d0158
parent 59 69b9772a8f1a
parent 941 1e64e46a954f
child 967 b4c6e64acb2d
--- a/test/index.htm	Thu May 24 15:05:47 2012 +0200
+++ b/test/index.htm	Thu Aug 30 13:16:33 2012 +0200
@@ -1,51 +1,22 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html dir="ltr" xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml" lang="fr">
-
-<head>
-
-</head>
-
-<body>
-
-	<div style="width:650px;font-family: 'Trebuchet MS', 'Helvetica', 'Arial',  'Verdana', 'sans-serif';">
-	<h1>MetaDataPlayer </h1>
-	Iri MetaDataPlayer is a javascript's Widget interface to augment existing flash or html5 video player. 
-	It's made to show time annotation and different metadata on video.
-	To implement it on your website it's 's really simple.
-	You just need to insert a div and a script, like the exemple under this lines.<br/><br/>
-	This player was test on : firefox 3.6.9 / Chrome 6.0.472.55 / Safari 5.0.2 / Internet Explore 8<br/><br/>
-	This Player is a freeSoftware under <a href="http://www.cecill.info/licences/Licence_CeCILL-C_V1-en.html"> CeCILL-C</a> license.
-	This program is made by <a href="http://www.iri.centrepompidou.fr/" >Institut de recherche et d innovation</a>
-	more information on <a href="http://www.iri.centrepompidou.fr/outils/agmented-player/" >this page</a>.
-	</div>
-	
-	
- <!-- START Integration  ###################################### -->
- <!-- SIMPLE PLAYER EXPERIMENTATION -->
-	<script type="text/javascript" src="../build/LdtPlayer-release.js"></script> 
-	<div id="LdtPlayer"></div>
-	
-	<script  type="text/javascript">	
-		var config = {
-						metadata:{
-							format:'cinelab',
-							src:'test.json',
-							load:'json'},
-						gui:{
-							width:650,
-							height:1,
-							mode:'radio',
-							container:'LdtPlayer',
-							debug:true,
-							css:'../src/css/LdtPlayer.css'},
-						player:{
-							type:'jwplayer',
-							src:'../res/swf/player.swf'}
-					};
-		IriSP.init(config);     
-	</script>
-	
-
-<!-- END  ################  ###################################### -->
- </body>
- </html>
\ No newline at end of file
+<!doctype html>
+<html>
+
+    <head>
+        <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
+        <title>Metadataplayer test configurations</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'>
+    </head>
+
+    <body>
+        <h1>Metadataplayer test configurations</h1>
+        <ul class="pageindex">
+            <li><h2><a href="jwplayer.htm">with JwPlayer (default on Ldt Platform, uses custom player functions)</a></h2></li>
+            <li><h2><a href="oggvideo.htm">with HTML5/OGG (uses Popcorn.js, compatible with Firefox and Chrome)</a></h2></li>
+            <li><h2><a href="mp4video.htm">with HTML5/MP4 (uses Popcorn.js, compatible with IE, Safari and Chrome)</a></h2></li>
+            <li><h2><a href="youtube.htm">with Youtube (uses Popcorn.js and the Popcorn Youtube plugin/player)</a></h2></li>
+            <li><h2><a href="vimeo.htm">with Vimeo (uses Popcorn.js and the Popcorn Vimeo plugin/player)</a></h2></li>
+            <li><h2><a href="dailymotion.htm">with Dailymotion (uses custom player functions)</a></h2></li>
+        </ul>
+    </body>
+</html>