test/integration/index-radio.htm
author hamidouk
Tue, 08 Nov 2011 10:53:21 +0100
branchpopcorn-port
changeset 208 49c7eec0955d
parent 181 765eaf72d547
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:'../libs/player.swf'}
					};
		var config = {						
				gui:{
						width:650,
						height:2100,							
						container:'LdtPlayer',
						css:'../../src/css/LdtPlayer.css',
					  widgets: [					  	
						{type: "PlayerWidget", // please note that type refers directly to the constructor of the widget.
						 mode: "radio",
						 metadata:{
						  format:'cinelab',
						  src:'../test.json',
						  type:'json'}
						},
						
						{type: "SegmentsWidget", // please note that type refers directly to the constructor of the widget.
						 mode: "radio",
						 metadata:{
						  format:'cinelab',
						  src:'../test.json',
						  type:'json'}
						},
						
						{type: "AnnotationsWidget", // please note that type refers directly to the constructor of the widget.
						 mode: "radio",
						 metadata:{
						  format:'cinelab',
						  src:'../test.json',
						  type:'json'}
						},
					  	
					  ]
			  },
			player:{
				type:'jwplayer', // player type
				  // the rest is player-dependent configuration options.
				  file : "video/franceculture/franceculture_retourdudimanche20100620.flv", 
				  streamer: "rtmp://media.iri.centrepompidou.fr/ddc_player/", 
				  flashplayer : '../libs/player.swf',
				  live: true, 
				  "controlbar.position" : "none", 
				  height: 300, 
				  width: 640, 
				  provider: "rtmp" 
				}
		};
		
		IriSP.loadLibs(IriSP.lib, config.gui.css, 
			function() { 	
							var layoutManager = new IriSP.LayoutManager(config.gui.container);
							var pop = IriSP.configurePopcorn(layoutManager, config.player);
							
							var widgets = IriSP.configureWidgets(pop, layoutManager, config.gui); });
		
		});			
	</script>
	
	
 </body>
 </html>