test/integration/index-jwplayer.htm
author hamidouk
Tue, 08 Nov 2011 10:53:21 +0100
branchpopcorn-port
changeset 208 49c7eec0955d
parent 82 b9a26940e7cc
child 209 63501d879bce
permissions -rw-r--r--
a couple changes to the integration testing file.

<!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>
	Test d'intégration du widget du player avec Popcorn (jwplayer).
	</div>
	
	
 <!-- START Integration  ###################################### -->
 <!-- SIMPLE PLAYER EXPERIMENTATION -->
	<script type="text/javascript" src="../../build/LdtPlayer-release.js" type="text/javascript"></script> 
	<script src="../../res/js/jquery.min.js" type="text/javascript"></script>
	<script src="../../res/js/jquery.tools.min.js" type="text/javascript"></script>
	<script src="../../res/js/jquery-ui.min.js" type="text/javascript"></script>
	
	<div id="video"></div>
	<div id="LdtPlayer"></div>
	
	<script  type="text/javascript">
		$(document).ready(function() {
		var config = {
						metadata:{
							format:'cinelab',
							src:'test.json',
							load:'json'},
						gui:{
							width:650,
							height:1,
							mode:'video',
							container:'LdtPlayer',
							debug:true,
							css:'../../src/css/LdtPlayer.css'},
						player:{
							type:'jwplayer',
							src:'../res/swf/player.swf'}
					};
		
		IriSP.loadLibs(IriSP.lib, config.gui.css, function() {});
		var pop = Popcorn.jwplayer( '#video', "", {"file" : "../trailer.mp4", "duration" : 40, "flashplayer" : "../../res/swf/player.swf"});
		//pop.pause();
		dt = new IriSP.DataLoader();
		ser = new IriSP.JSONSerializer(dt, "../test.json");
		ser2 = new IriSP.JSONSerializer(dt, "../test.json");
		var player = new IriSP.PlayerWidget(pop, config, ser);
		var annotationWidget = new IriSP.AnnotationsWidget(pop, config, ser);
		
		ser.sync(function() { player.draw();  annotationWidget.draw(); });
		/*
		var annotationBar = new IriSP.AnnotationWidget(pop, config, ser);
		ser.sync(IriSP.wrap(annotationBar, draw));
		*/
		});
	</script>
	
	
 </body>
 </html>