test/integration/polemic-youtube.htm
author hamidouk
Mon, 19 Dec 2011 15:25:22 +0100
branchpopcorn-port
changeset 481 a46cfeee6d77
parent 457 fbcb991cc595
child 504 02daece5dfda
permissions -rw-r--r--
using jquery ui draggable changes the state of an element from absolute to relative positioning, which breaks the way our seek button expands itself, so we need to force absolute positioning, quite uglily, using jquery.
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
199
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
     1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
     2
<html dir="ltr" xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml" lang="fr">
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
     3
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
     4
<head>
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
     5
<title>Test d'intégration du widget Polemic Tweet</title>
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
     6
</head>
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
     7
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
     8
<body>
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
     9
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    10
	<div style="width:650px;font-family: 'Trebuchet MS', 'Helvetica', 'Arial',  'Verdana', 'sans-serif';">
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    11
	<h1>MetaDataPlayer </h1>
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    12
	Test d'intégration du widget polemic tweet.
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    13
	</div>
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    14
	
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    15
	
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    16
 <!-- START Integration  ###################################### -->
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    17
 <!-- SIMPLE PLAYER EXPERIMENTATION -->
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    18
	<script type="text/javascript" src="../../build/LdtPlayer-release.js" type="text/javascript"></script> 
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    19
	<script type="text/javascript" src="../../unittests/mockSerializer.js" type="text/javascript"></script> 
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    20
	<script src="../../res/js/jquery.min.js" type="text/javascript"></script>
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    21
	<script src="../../res/js/jquery.tools.min.js" type="text/javascript"></script>
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    22
	<script src="../../res/js/jquery-ui.min.js" type="text/javascript"></script>
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    23
	
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    24
	<div id="video"></div>
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    25
	<div id="LdtPlayer"></div>
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    26
	
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    27
	<script  type="text/javascript">
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    28
		$(document).ready(function() {
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    29
		var config = {						
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    30
				gui:{
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    31
						width:650,
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    32
						height:2100,							
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    33
						container:'LdtPlayer',
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    34
						css:'../../src/css/LdtPlayer.css',
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    35
					  widgets: [
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    36
					  	{type: "PolemicWidget",
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    37
						 width: 640, /* required for this widget */
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    38
						 height: 50,
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    39
						 heightmax: 50,
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    40
						 metadata:{
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    41
						  format:'cinelab',
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    42
						  src:'polemic_fr.json',
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    43
						  type:'json'},
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    44
						  
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    45
						 requires: [{
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    46
							type: "TooltipWidget",
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    47
							width: 180,
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    48
							heigh: 160,
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    49
							metadata : {
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    50
								format:'cinelab',
227
0eb060a3b656 updated the test to use the new slider widget.
hamidouk
parents: 215
diff changeset
    51
								src:'polemic_fr.json',
199
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    52
								type:'empty'
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    53
							}
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    54
						 }],
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    55
						},
279
2c65775623cb moved the sliderwidget just under the polemic widget in the integration tests.
hamidouk
parents: 266
diff changeset
    56
            {type: "SliderWidget",
2c65775623cb moved the sliderwidget just under the polemic widget in the integration tests.
hamidouk
parents: 266
diff changeset
    57
						 metadata:{
2c65775623cb moved the sliderwidget just under the polemic widget in the integration tests.
hamidouk
parents: 266
diff changeset
    58
						  format:'cinelab',
2c65775623cb moved the sliderwidget just under the polemic widget in the integration tests.
hamidouk
parents: 266
diff changeset
    59
						  src:'polemic_fr.json',
2c65775623cb moved the sliderwidget just under the polemic widget in the integration tests.
hamidouk
parents: 266
diff changeset
    60
						  type:'json'}
281
7edd686a2b2a forgot a comma while resolving a merge conflict.
hamidouk
parents: 280
diff changeset
    61
						},
199
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    62
						{type: "PlayerWidget", // please note that type refers directly to the constructor of the widget.
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    63
						 mode: "radio",
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    64
						 metadata:{
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    65
						  format:'cinelab',
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    66
						  src:'polemic_fr.json',
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
    67
						  type:'json'}
227
0eb060a3b656 updated the test to use the new slider widget.
hamidouk
parents: 215
diff changeset
    68
						},
351
e5190c3a682c forgot to update the other polemic tweet example - the segmentsWidget now depends
hamidouk
parents: 302
diff changeset
    69
           {type: "SegmentsWidget",
302
c057e5134fa2 update the examples to include the arrowWidget.
hamidouk
parents: 281
diff changeset
    70
             metadata:{
c057e5134fa2 update the examples to include the arrowWidget.
hamidouk
parents: 281
diff changeset
    71
              format:'cinelab',
c057e5134fa2 update the examples to include the arrowWidget.
hamidouk
parents: 281
diff changeset
    72
              src:'polemic_fr.json',
351
e5190c3a682c forgot to update the other polemic tweet example - the segmentsWidget now depends
hamidouk
parents: 302
diff changeset
    73
              type:'json'},
e5190c3a682c forgot to update the other polemic tweet example - the segmentsWidget now depends
hamidouk
parents: 302
diff changeset
    74
             requires: [{
e5190c3a682c forgot to update the other polemic tweet example - the segmentsWidget now depends
hamidouk
parents: 302
diff changeset
    75
              type: "TooltipWidget",
e5190c3a682c forgot to update the other polemic tweet example - the segmentsWidget now depends
hamidouk
parents: 302
diff changeset
    76
              width: 180,
e5190c3a682c forgot to update the other polemic tweet example - the segmentsWidget now depends
hamidouk
parents: 302
diff changeset
    77
              heigh: 160,
e5190c3a682c forgot to update the other polemic tweet example - the segmentsWidget now depends
hamidouk
parents: 302
diff changeset
    78
              metadata : {
e5190c3a682c forgot to update the other polemic tweet example - the segmentsWidget now depends
hamidouk
parents: 302
diff changeset
    79
                type:'empty'
e5190c3a682c forgot to update the other polemic tweet example - the segmentsWidget now depends
hamidouk
parents: 302
diff changeset
    80
              }
e5190c3a682c forgot to update the other polemic tweet example - the segmentsWidget now depends
hamidouk
parents: 302
diff changeset
    81
             }]},
e5190c3a682c forgot to update the other polemic tweet example - the segmentsWidget now depends
hamidouk
parents: 302
diff changeset
    82
302
c057e5134fa2 update the examples to include the arrowWidget.
hamidouk
parents: 281
diff changeset
    83
            {type: "ArrowWidget",
c057e5134fa2 update the examples to include the arrowWidget.
hamidouk
parents: 281
diff changeset
    84
             metadata:{
c057e5134fa2 update the examples to include the arrowWidget.
hamidouk
parents: 281
diff changeset
    85
              format:'cinelab',
c057e5134fa2 update the examples to include the arrowWidget.
hamidouk
parents: 281
diff changeset
    86
              src:'polemic_fr.json',
c057e5134fa2 update the examples to include the arrowWidget.
hamidouk
parents: 281
diff changeset
    87
              type:'json'}
c057e5134fa2 update the examples to include the arrowWidget.
hamidouk
parents: 281
diff changeset
    88
            },
266
1c83c4bba0ce added an annotationWidget to the integration tests.
hamidouk
parents: 227
diff changeset
    89
            {type: "AnnotationsWidget",
1c83c4bba0ce added an annotationWidget to the integration tests.
hamidouk
parents: 227
diff changeset
    90
						 metadata:{
1c83c4bba0ce added an annotationWidget to the integration tests.
hamidouk
parents: 227
diff changeset
    91
						  format:'cinelab',
1c83c4bba0ce added an annotationWidget to the integration tests.
hamidouk
parents: 227
diff changeset
    92
						  src:'polemic_fr.json',
1c83c4bba0ce added an annotationWidget to the integration tests.
hamidouk
parents: 227
diff changeset
    93
						  type:'json'}
1c83c4bba0ce added an annotationWidget to the integration tests.
hamidouk
parents: 227
diff changeset
    94
						},
267
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents: 266
diff changeset
    95
            {type: "TweetsWidget",
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents: 266
diff changeset
    96
						 metadata:{
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents: 266
diff changeset
    97
						  format:'cinelab',
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents: 266
diff changeset
    98
						  src:'polemic_fr.json',
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents: 266
diff changeset
    99
						  type:'json'}
266
1c83c4bba0ce added an annotationWidget to the integration tests.
hamidouk
parents: 227
diff changeset
   100
						}
199
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
   101
					  ]
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
   102
			  },
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
   103
			player:{
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
   104
			type:'youtube', // player type
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
   105
			  // the rest is player-dependent configuration options.
215
e03f5f886f52 renamed and trimmed the integration tests.
hamidouk
parents: 200
diff changeset
   106
			  video: "http://www.youtube.com/watch?v=rrkrvAUbU9Y", 
199
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
   107
			  height: 300, 
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
   108
			  width: 640, 
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
   109
            }
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
   110
		};
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
   111
		
457
fbcb991cc595 updated the integration tests and changed their line endings to unix.
hamidouk
parents: 351
diff changeset
   112
		IriSP.loadLibs(IriSP.lib, config.gui.css, "polemic_fr.json",
199
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
   113
			function() { 	
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
   114
							var layoutManager = new IriSP.LayoutManager(config.gui.container);
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
   115
							var pop = IriSP.configurePopcorn(layoutManager, config.player);
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
   116
							
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
   117
							var widgets = IriSP.configureWidgets(pop, layoutManager, config.gui); });
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
   118
		
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
   119
		});
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
   120
	</script>
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
   121
	
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
   122
	
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
   123
 </body>
055cc2e81941 added an integration-testing file for youtube.
hamidouk
parents:
diff changeset
   124
 <div id="PopcornContainer"></div>
302
c057e5134fa2 update the examples to include the arrowWidget.
hamidouk
parents: 281
diff changeset
   125
 </html>