test/mashup/player-jwpmashup.htm
author ymh <ymh.work@gmail.com>
Tue, 22 Oct 2024 09:54:34 +0200
changeset 1080 2b513bcb710a
parent 1076 510fd2a482f4
permissions -rw-r--r--
increment version
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
1076
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
     1
<!DOCTYPE html>
965
eadb7290c325 Improvements in widget communication
veltr
parents:
diff changeset
     2
<html>
1076
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
     3
  <head>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
     4
    <title>Preuve de concept Mashup</title>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
     5
    <link rel="stylesheet" type="text/css" href="style.css" />
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
     6
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
     7
    <script
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
     8
      type="text/javascript"
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
     9
      src="../metadataplayer/LdtPlayer-core.js"
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    10
      type="text/javascript"
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    11
    ></script>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    12
  </head>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    13
  <body>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    14
    <div class="main-container">
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    15
      <div class="header">
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    16
        <h1>Hash Cut #</h1>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    17
      </div>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    18
      <div class="steps">
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    19
        <h2>Créer un Hash-cut en 3 étapes&nbsp;:</h2>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    20
        <div class="steps-frame">
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    21
          <div class="step">
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    22
            <div class="step-icon step-1"></div>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    23
            <div class="step-title">S'inscrire et<br />créer un projet</div>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    24
          </div>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    25
          <div class="step-separator"></div>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    26
          <div class="step">
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    27
            <div class="step-icon step-2"></div>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    28
            <div class="step-title">Découper et<br />Assembler</div>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    29
          </div>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    30
          <div class="step-separator"></div>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    31
          <div class="step active">
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    32
            <div class="step-icon step-3"></div>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    33
            <div class="step-title">Partager et<br />regarder&nbsp;!</div>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    34
          </div>
965
eadb7290c325 Improvements in widget communication
veltr
parents:
diff changeset
    35
        </div>
1076
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    36
      </div>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    37
      <div class="colgauche">
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    38
        <h2>Mon HashCut, avec des instances de Jw Player</h2>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    39
        <hr />
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    40
        <div id="LdtPlayer"></div>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    41
      </div>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    42
      <div class="coldroite">
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    43
        <div id="mediaList"></div>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    44
        <h2>Annotations</h2>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    45
        <hr />
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    46
        <div id="annotationList"></div>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    47
      </div>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    48
      <div class="footer">
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    49
        <hr />
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    50
        <p style="text-align: right">&copy; IRI 2012</p>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    51
      </div>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    52
    </div>
965
eadb7290c325 Improvements in widget communication
veltr
parents:
diff changeset
    53
    <script type="text/javascript">
1076
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    54
      IriSP.widgetsDir = "../metadataplayer";
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    55
      IriSP.language = "fr";
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    56
      var _metadata = {
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    57
        url: "bab_files/mashup.json",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    58
        //    url: 'http://ldt.iri.centrepompidou.fr/ldtplatform/ldt/cljson/id/b2754186-a0c9-11e0-b8bd-00145ea49a02?callback=?',
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    59
        //    url: 'http://ldt.iri.centrepompidou.fr/ldtplatform/ldt/cljson/id/5afd8bbe-9b75-11e1-9e5d-00145ea4a2be?callback=?'
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    60
        format: "ldt",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    61
      };
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    62
      var _config = {
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    63
        width: 630,
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    64
        container: "LdtPlayer",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    65
        default_options: {
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    66
          metadata: _metadata,
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    67
        },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    68
        css: "../metadataplayer/LdtPlayer-core.css",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    69
        widgets: [
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    70
          {
965
eadb7290c325 Improvements in widget communication
veltr
parents:
diff changeset
    71
            type: "MashupPlayer",
eadb7290c325 Improvements in widget communication
veltr
parents:
diff changeset
    72
            player_type: "JwpPlayer",
eadb7290c325 Improvements in widget communication
veltr
parents:
diff changeset
    73
            player_options: {
1076
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    74
              live: true,
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    75
              provider: "rtmp",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    76
              streamer: function (_url) {
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    77
                var _matches = _url.match(/^[^\/]+\/\/[^\/]+\/[^\/]+\//);
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    78
                if (_matches) {
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    79
                  return _matches[0];
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    80
                } else {
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    81
                  return _url;
965
eadb7290c325 Improvements in widget communication
veltr
parents:
diff changeset
    82
                }
1076
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    83
              },
965
eadb7290c325 Improvements in widget communication
veltr
parents:
diff changeset
    84
            },
1076
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    85
            //            split_screen: true
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    86
          },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    87
          { type: "Slider" },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    88
          { type: "Controller" },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    89
          {
965
eadb7290c325 Improvements in widget communication
veltr
parents:
diff changeset
    90
            type: "Segments",
1076
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    91
            annotation_type: false,
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    92
          },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    93
          {
965
eadb7290c325 Improvements in widget communication
veltr
parents:
diff changeset
    94
            type: "Annotation",
1076
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    95
            annotation_type: false,
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    96
          },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
    97
          {
965
eadb7290c325 Improvements in widget communication
veltr
parents:
diff changeset
    98
            type: "Tagger",
eadb7290c325 Improvements in widget communication
veltr
parents:
diff changeset
    99
            api_endpoint: "../post-test.php",
1076
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
   100
            tags: [
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
   101
              "actif",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
   102
              "amour",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
   103
              "bonheur",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
   104
              "captif",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
   105
              "charité",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
   106
              "désir",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
   107
              "dieu",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
   108
              "doute",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
   109
              "famille",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
   110
              "idéal",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
   111
              "internationale",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
   112
              "passif",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
   113
              "patrie",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
   114
              "peur",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
   115
              "politique",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
   116
              "président",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
   117
              "spleen",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
   118
              "travail",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
   119
            ],
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
   120
          },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
   121
          {
965
eadb7290c325 Improvements in widget communication
veltr
parents:
diff changeset
   122
            type: "MediaList",
1076
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
   123
            container: "mediaList",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
   124
          },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
   125
          {
965
eadb7290c325 Improvements in widget communication
veltr
parents:
diff changeset
   126
            type: "AnnotationsList",
eadb7290c325 Improvements in widget communication
veltr
parents:
diff changeset
   127
            container: "annotationList",
eadb7290c325 Improvements in widget communication
veltr
parents:
diff changeset
   128
            //ajax_url: "http://ldt.iri.centrepompidou.fr/ldtplatform/api/ldt/segments/{{media}}/{{begin}}/{{end}}?callback=?",
eadb7290c325 Improvements in widget communication
veltr
parents:
diff changeset
   129
            //ajax_granularity: 30000,
eadb7290c325 Improvements in widget communication
veltr
parents:
diff changeset
   130
            //limit_count: 3
1076
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
   131
          },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
   132
          { type: "Mediafragment" },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
   133
        ],
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
   134
      };
965
eadb7290c325 Improvements in widget communication
veltr
parents:
diff changeset
   135
1076
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
   136
      _myPlayer = new IriSP.Metadataplayer(_config);
965
eadb7290c325 Improvements in widget communication
veltr
parents:
diff changeset
   137
    </script>
1076
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
   138
  </body>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 965
diff changeset
   139
</html>