added two layout integration testing files.
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/test/integration/layout-radio.htm Fri Oct 21 17:23:01 2011 +0200
@@ -0,0 +1,70 @@
+<!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 de gestionnaire de placement.
+ </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'}
+ };
+
+ IriSP.loadLibs(IriSP.lib, config.gui.css, function() {});
+ var pop = Popcorn.jwplayer( '#video', "",{file : "video/franceculture/franceculture_retourdudimanche20100620.flv", streamer: "rtmp://media.iri.centrepompidou.fr/ddc_player/", flashplayer : config.player.src,
+ live: true, "controlbar.position" : "none", height: config.gui.height, width: config.gui.width, provider: "rtmp"});
+
+ var dt = new IriSP.DataLoader();
+ var ser = new IriSP.JSONSerializer(dt, "../test.json");
+ var ser2 = new IriSP.JSONSerializer(dt, "../test.json");
+
+ var lay = new IriSP.LayoutManager({divId : "LdtPlayer"});
+ lay.setPopcornInstance(pop);
+
+ config.gui.container = lay.createDiv();
+ var player = new IriSP.PlayerWidget(pop, config, ser);
+
+ config.gui.container = lay.createDiv();
+ var annotationWidget = new IriSP.AnnotationsWidget(pop, config, ser);
+
+ config.gui.container = lay.createDiv();
+ var segmentsWidget = new IriSP.SegmentsWidget(pop, config, ser);
+ ser.sync(function() { player.draw(); annotationWidget.draw(); segmentsWidget.draw();});
+ });
+ </script>
+
+
+ </body>
+ </html>
\ No newline at end of file
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/test/integration/layout-youtube.htm Fri Oct 21 17:23:01 2011 +0200
@@ -0,0 +1,77 @@
+<!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 gestionnaire de placement (avec Youtube).
+ </div>
+
+
+ <!-- START Integration ###################################### -->
+ <!-- SIMPLE PLAYER EXPERIMENTATION -->
+ <script type="text/javascript" src="../../build/LdtPlayer-release.js"></script>
+ <script src="../../res/js/jquery.min.js"></script>
+ <script src="../../res/js/jquery.tools.min.js"></script>
+ <script src="../../res/js/jquery-ui.min.js"></script>
+
+ <script type="text/javascript">
+ $(document).ready(function() {
+ var config = {
+ metadata:{
+ format:'cinelab',
+ src:'test.json',
+ load:'json'},
+ gui:{
+ width:512,
+ height:384,
+ mode:'radio',
+ 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() {});
+
+ templ = "width: {{width}}px; height: {{height}}px; margin-bottom: 5px;";
+ var str = Mustache.to_html(templ, {width: config.gui.width, height: config.gui.height});
+ // Popcorn.youtube wants us to specify the size of the player in the style attribute of its container div.
+ IriSP.jQuery("#video").attr("style", str);
+
+ var pop = Popcorn.youtube("#video", "http://www.youtube.com/watch?v=lFtNG1wZ4zU", {controls: 0, autostart: false});
+
+ var dt = new IriSP.DataLoader();
+ var ser = new IriSP.JSONSerializer(dt, "../test.json");
+ var ser2 = new IriSP.JSONSerializer(dt, "../test.json");
+
+ var lay = new IriSP.LayoutManager({divId : "LdtPlayer"});
+ lay.setPopcornInstance(pop);
+
+ //config.gui.container = lay.createDiv();
+ var player = new IriSP.PlayerWidget(pop, config, ser);
+
+ config.gui.container = lay.createDiv();
+ var annotationWidget = new IriSP.AnnotationsWidget(pop, config, ser);
+
+ config.gui.container = lay.createDiv();
+ var segmentsWidget = new IriSP.SegmentsWidget(pop, config, ser);
+ ser.sync(function() { player.draw(); annotationWidget.draw(); segmentsWidget.draw();});
+
+ });
+ </script>
+<div id='video'>
+</div>
+
+<div id="LdtPlayer">
+</div>
+<!-- END ################ ###################################### -->
+ </body>
+ </html>
\ No newline at end of file