test/integration/polemic.htm
author hamidouk
Tue, 29 Nov 2011 11:09:08 +0100
branchpopcorn-port
changeset 345 8a088f7daa66
parent 336 8da13562cfea
child 453 8568e47379a2
permissions -rw-r--r--
rollover over the interface buttons now works as expected. Also changed the width of the buttons to the correct size. Resized the width and height of the sprites to be the same as the boxes we display them in.
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
              container: 'PopcornContainer',
83241c5139a7 changed test file to use the museologie stream.
hamidouk
parents: 169
diff changeset
   107
              // the rest is player-dependent configuration options.
83241c5139a7 changed test file to use the museologie stream.
hamidouk
parents: 169
diff changeset
   108
              file : "video/ldtplatform/museologie_inaugurale_20111018_flat.f4v", 
83241c5139a7 changed test file to use the museologie stream.
hamidouk
parents: 169
diff changeset
   109
              streamer: "rtmp://media.iri.centrepompidou.fr/ddc_player/", 
83241c5139a7 changed test file to use the museologie stream.
hamidouk
parents: 169
diff changeset
   110
              flashplayer : '../libs/player.swf',
83241c5139a7 changed test file to use the museologie stream.
hamidouk
parents: 169
diff changeset
   111
              live: true, 
83241c5139a7 changed test file to use the museologie stream.
hamidouk
parents: 169
diff changeset
   112
              "controlbar.position" : "none", 
83241c5139a7 changed test file to use the museologie stream.
hamidouk
parents: 169
diff changeset
   113
              height: 300, 
83241c5139a7 changed test file to use the museologie stream.
hamidouk
parents: 169
diff changeset
   114
              width: 640, 
83241c5139a7 changed test file to use the museologie stream.
hamidouk
parents: 169
diff changeset
   115
              provider: "rtmp" 
83241c5139a7 changed test file to use the museologie stream.
hamidouk
parents: 169
diff changeset
   116
            }
213
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
   117
    };
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
   118
    
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
   119
    IriSP.loadLibs(IriSP.lib, config.gui.css, 
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
   120
      function() {   
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
   121
              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
   122
              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
   123
              
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
   124
              var widgets = IriSP.configureWidgets(pop, layoutManager, config.gui); });
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
   125
    
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
   126
    });
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
   127
  </script>
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
   128
  
d65dafb9273d changed tab to space and added a couple of lines for samuel's keynote.
hamidouk
parents: 208
diff changeset
   129
  
178
83241c5139a7 changed test file to use the museologie stream.
hamidouk
parents: 169
diff changeset
   130
 </body>
83241c5139a7 changed test file to use the museologie stream.
hamidouk
parents: 169
diff changeset
   131
 <div id="PopcornContainer"></div>
302
c057e5134fa2 update the examples to include the arrowWidget.
hamidouk
parents: 280
diff changeset
   132
 </html>