test/integration/polemic.htm
author hamidouk
Mon, 19 Dec 2011 15:25:22 +0100
branchpopcorn-port
changeset 481 a46cfeee6d77
parent 465 daa60afb3a50
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:
178
83241c5139a7 changed test file to use the museologie stream.
hamidouk
parents: 169
diff changeset
     1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
83241c5139a7 changed test file to use the museologie stream.
hamidouk
parents: 169
diff changeset
     2
<html dir="ltr" xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml" lang="fr">
83241c5139a7 changed test file to use the museologie stream.
hamidouk
parents: 169
diff changeset
     3
83241c5139a7 changed test file to use the museologie stream.
hamidouk
parents: 169
diff changeset
     4
<head>
208
49c7eec0955d a couple changes to the integration testing file.
hamidouk
parents: 193
diff changeset
     5
<title>Metadataplayer - Polemic tweet integration test</title>
178
83241c5139a7 changed test file to use the museologie stream.
hamidouk
parents: 169
diff changeset
     6
</head>
83241c5139a7 changed test file to use the museologie stream.
hamidouk
parents: 169
diff changeset
     7
83241c5139a7 changed test file to use the museologie stream.
hamidouk
parents: 169
diff changeset
     8
<body>
83241c5139a7 changed test file to use the museologie stream.
hamidouk
parents: 169
diff changeset
     9
213
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    10
  <div style="width:650px;font-family: 'Trebuchet MS', 'Helvetica', 'Arial',  'Verdana', 'sans-serif';">
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    11
  <h1>MetaDataPlayer</h1>
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    12
  Polemic tweet integration test - using Popcorn, jwplayer and the <a href="http://polemictweet.com">PolemicTweet</a> widget.<br>
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    13
  </div>
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    14
  
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    15
  
178
83241c5139a7 changed test file to use the museologie stream.
hamidouk
parents: 169
diff changeset
    16
 <!-- START Integration  ###################################### -->
83241c5139a7 changed test file to use the museologie stream.
hamidouk
parents: 169
diff changeset
    17
 <!-- SIMPLE PLAYER EXPERIMENTATION -->
213
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    18
  <script type="text/javascript" src="../../build/LdtPlayer-release.js" type="text/javascript"></script> 
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    19
  <script type="text/javascript" src="../../unittests/mockSerializer.js" type="text/javascript"></script> 
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    20
  <script src="../../res/js/jquery.min.js" type="text/javascript"></script>
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    21
  <script src="../../res/js/jquery.tools.min.js" type="text/javascript"></script>
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    22
  <script src="../../res/js/jquery-ui.min.js" type="text/javascript"></script>
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    23
  
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    24
  <div id="video"></div>
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    25
  <div id="LdtPlayer"></div>
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    26
  
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    27
  <script  type="text/javascript">
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    28
    $(document).ready(function() {
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    29
    var config = {            
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    30
        gui:{
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    31
            width:650,
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    32
            height:2100,              
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    33
            container:'LdtPlayer',
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    34
            css:'../../src/css/LdtPlayer.css',
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    35
            widgets: [
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    36
              {type: "PolemicWidget",
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    37
             width: 640, /* required for this widget */
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    38
             height: 50,
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    39
             heightmax: 50,
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    40
             metadata:{
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    41
              format:'cinelab',
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    42
              src:'polemic_fr.json',
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    43
              type:'json'},
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    44
              
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    45
             requires: [{
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    46
              type: "TooltipWidget",
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    47
              width: 180,
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    48
              heigh: 160,
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    49
              metadata : {
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    50
                format:'cinelab',
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    51
                src:'polemic.json',
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    52
                type:'empty'
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    53
              }
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    54
             }],
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
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'}
2c65775623cb moved the sliderwidget just under the polemic widget in the integration tests.
hamidouk
parents: 266
diff changeset
    61
						},
213
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    62
            {type: "PlayerWidget", // please note that type refers directly to the constructor of the widget.
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    63
             mode: "radio",
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    64
             metadata:{
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    65
              format:'cinelab',
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    66
              src:'polemic_fr.json',
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
    67
              type:'json'}
227
0eb060a3b656 updated the test to use the new slider widget.
hamidouk
parents: 213
diff changeset
    68
            },
302
c057e5134fa2 update the examples to include the arrowWidget.
hamidouk
parents: 280
diff changeset
    69
            {type: "SegmentsWidget",
c057e5134fa2 update the examples to include the arrowWidget.
hamidouk
parents: 280
diff changeset
    70
             metadata:{
c057e5134fa2 update the examples to include the arrowWidget.
hamidouk
parents: 280
diff changeset
    71
              format:'cinelab',
c057e5134fa2 update the examples to include the arrowWidget.
hamidouk
parents: 280
diff changeset
    72
              src:'polemic_fr.json',
336
8da13562cfea segmentsWidget now uses the TooltipWidget instead of the jQuerytools tooltip.
hamidouk
parents: 302
diff changeset
    73
              type:'json'},
8da13562cfea segmentsWidget now uses the TooltipWidget instead of the jQuerytools tooltip.
hamidouk
parents: 302
diff changeset
    74
             requires: [{
8da13562cfea segmentsWidget now uses the TooltipWidget instead of the jQuerytools tooltip.
hamidouk
parents: 302
diff changeset
    75
              type: "TooltipWidget",
8da13562cfea segmentsWidget now uses the TooltipWidget instead of the jQuerytools tooltip.
hamidouk
parents: 302
diff changeset
    76
              width: 180,
8da13562cfea segmentsWidget now uses the TooltipWidget instead of the jQuerytools tooltip.
hamidouk
parents: 302
diff changeset
    77
              heigh: 160,
8da13562cfea segmentsWidget now uses the TooltipWidget instead of the jQuerytools tooltip.
hamidouk
parents: 302
diff changeset
    78
              metadata : {
8da13562cfea segmentsWidget now uses the TooltipWidget instead of the jQuerytools tooltip.
hamidouk
parents: 302
diff changeset
    79
                type:'empty'
8da13562cfea segmentsWidget now uses the TooltipWidget instead of the jQuerytools tooltip.
hamidouk
parents: 302
diff changeset
    80
              }
8da13562cfea segmentsWidget now uses the TooltipWidget instead of the jQuerytools tooltip.
hamidouk
parents: 302
diff changeset
    81
             }],
302
c057e5134fa2 update the examples to include the arrowWidget.
hamidouk
parents: 280
diff changeset
    82
            },
c057e5134fa2 update the examples to include the arrowWidget.
hamidouk
parents: 280
diff changeset
    83
            {type: "ArrowWidget",
c057e5134fa2 update the examples to include the arrowWidget.
hamidouk
parents: 280
diff changeset
    84
             metadata:{
c057e5134fa2 update the examples to include the arrowWidget.
hamidouk
parents: 280
diff changeset
    85
              format:'cinelab',
c057e5134fa2 update the examples to include the arrowWidget.
hamidouk
parents: 280
diff changeset
    86
              src:'polemic_fr.json',
c057e5134fa2 update the examples to include the arrowWidget.
hamidouk
parents: 280
diff changeset
    87
              type:'json'}
c057e5134fa2 update the examples to include the arrowWidget.
hamidouk
parents: 280
diff changeset
    88
            },
c057e5134fa2 update the examples to include the arrowWidget.
hamidouk
parents: 280
diff changeset
    89
266
1c83c4bba0ce added an annotationWidget to the integration tests.
hamidouk
parents: 227
diff changeset
    90
            {type: "AnnotationsWidget",
1c83c4bba0ce added an annotationWidget to the integration tests.
hamidouk
parents: 227
diff changeset
    91
						 metadata:{
1c83c4bba0ce added an annotationWidget to the integration tests.
hamidouk
parents: 227
diff changeset
    92
						  format:'cinelab',
1c83c4bba0ce added an annotationWidget to the integration tests.
hamidouk
parents: 227
diff changeset
    93
						  src:'polemic_fr.json',
1c83c4bba0ce added an annotationWidget to the integration tests.
hamidouk
parents: 227
diff changeset
    94
						  type:'json'}
1c83c4bba0ce added an annotationWidget to the integration tests.
hamidouk
parents: 227
diff changeset
    95
						},
267
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents: 266
diff changeset
    96
            {type: "TweetsWidget",
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents: 266
diff changeset
    97
						 metadata:{
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents: 266
diff changeset
    98
						  format:'cinelab',
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents: 266
diff changeset
    99
						  src:'polemic_fr.json',
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents: 266
diff changeset
   100
						  type:'json'}
280
3da58bd31096 Merge with popcorn-port
hamidouk
parents: 267 279
diff changeset
   101
						}      
213
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
   102
            ]
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
   103
        },
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
   104
      player:{
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
   105
      type:'jwplayer', // player type
178
83241c5139a7 changed test file to use the museologie stream.
hamidouk
parents: 169
diff changeset
   106
              flashplayer : '../libs/player.swf',
83241c5139a7 changed test file to use the museologie stream.
hamidouk
parents: 169
diff changeset
   107
              live: true, 
83241c5139a7 changed test file to use the museologie stream.
hamidouk
parents: 169
diff changeset
   108
              "controlbar.position" : "none", 
83241c5139a7 changed test file to use the museologie stream.
hamidouk
parents: 169
diff changeset
   109
              height: 300, 
83241c5139a7 changed test file to use the museologie stream.
hamidouk
parents: 169
diff changeset
   110
              width: 640, 
83241c5139a7 changed test file to use the museologie stream.
hamidouk
parents: 169
diff changeset
   111
              provider: "rtmp" 
465
daa60afb3a50 added mediafragment module to the polemic tweet example.
hamidouk
parents: 453
diff changeset
   112
      },
daa60afb3a50 added mediafragment module to the polemic tweet example.
hamidouk
parents: 453
diff changeset
   113
      modules: [
daa60afb3a50 added mediafragment module to the polemic tweet example.
hamidouk
parents: 453
diff changeset
   114
               { type: "MediaFragment",
daa60afb3a50 added mediafragment module to the polemic tweet example.
hamidouk
parents: 453
diff changeset
   115
  			     		 metadata:{
daa60afb3a50 added mediafragment module to the polemic tweet example.
hamidouk
parents: 453
diff changeset
   116
	  	  			   format:'cinelab',
daa60afb3a50 added mediafragment module to the polemic tweet example.
hamidouk
parents: 453
diff changeset
   117
		  				   src:'polemic_fr.json',
daa60afb3a50 added mediafragment module to the polemic tweet example.
hamidouk
parents: 453
diff changeset
   118
						     type:'json'}
daa60afb3a50 added mediafragment module to the polemic tweet example.
hamidouk
parents: 453
diff changeset
   119
						}]
daa60afb3a50 added mediafragment module to the polemic tweet example.
hamidouk
parents: 453
diff changeset
   120
213
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
   121
    };
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
   122
    
453
8568e47379a2 added autoconfiguration of the media source for rtmp streams.
hamidouk
parents: 336
diff changeset
   123
    IriSP.loadLibs(IriSP.lib, config.gui.css, "polemic_fr.json",
213
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
   124
      function() {   
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
   125
              var layoutManager = new IriSP.LayoutManager(config.gui.container);
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
   126
              var pop = IriSP.configurePopcorn(layoutManager, config.player);
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
   127
              
465
daa60afb3a50 added mediafragment module to the polemic tweet example.
hamidouk
parents: 453
diff changeset
   128
              var widgets = IriSP.configureWidgets(pop, layoutManager, config.gui); 
daa60afb3a50 added mediafragment module to the polemic tweet example.
hamidouk
parents: 453
diff changeset
   129
              var modules = IriSP.configureModules(pop, config.modules); 
daa60afb3a50 added mediafragment module to the polemic tweet example.
hamidouk
parents: 453
diff changeset
   130
      });
213
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
   131
    
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
   132
    });
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
   133
  </script>
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
   134
  
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
   135
  
178
83241c5139a7 changed test file to use the museologie stream.
hamidouk
parents: 169
diff changeset
   136
 </body>
83241c5139a7 changed test file to use the museologie stream.
hamidouk
parents: 169
diff changeset
   137
 <div id="PopcornContainer"></div>
302
c057e5134fa2 update the examples to include the arrowWidget.
hamidouk
parents: 280
diff changeset
   138
 </html>