test/mashup/player-local.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: 910
diff changeset
     1
<!DOCTYPE html>
904
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents:
diff changeset
     2
<html>
1076
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
     3
  <head>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
     4
    <title>Preuve de concept Mashup</title>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
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: 910
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: 910
diff changeset
     7
    <script
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
     8
      type="text/javascript"
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
     9
      src="../metadataplayer/LdtPlayer-core.js"
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    10
      type="text/javascript"
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    11
    ></script>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    12
  </head>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    13
  <body>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    14
    <div class="main-container">
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    15
      <div class="header">
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    16
        <h1>Hash Cut #</h1>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    17
      </div>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    18
      <div class="steps">
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
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: 910
diff changeset
    20
        <div class="steps-frame">
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    21
          <div class="step">
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    22
            <div class="step-icon step-1"></div>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
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: 910
diff changeset
    24
          </div>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    25
          <div class="step-separator"></div>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    26
          <div class="step">
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    27
            <div class="step-icon step-2"></div>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
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: 910
diff changeset
    29
          </div>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    30
          <div class="step-separator"></div>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    31
          <div class="step active">
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    32
            <div class="step-icon step-3"></div>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
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: 910
diff changeset
    34
          </div>
904
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents:
diff changeset
    35
        </div>
1076
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    36
      </div>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    37
      <div class="colgauche">
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    38
        <h2>Mon HashCut</h2>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    39
        <hr />
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    40
        <div id="LdtPlayer"></div>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    41
      </div>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    42
      <div class="coldroite">
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    43
        <div id="mediaList"></div>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    44
        <h2>Annotations</h2>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    45
        <hr />
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    46
        <div id="annotationList"></div>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    47
      </div>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    48
      <div class="footer">
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    49
        <hr />
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
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: 910
diff changeset
    51
      </div>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    52
    </div>
904
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents:
diff changeset
    53
    <script type="text/javascript">
1076
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    54
      IriSP.widgetsDir = "../metadataplayer";
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    55
      IriSP.language = "fr";
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    56
      var _metadata = {
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    57
        url: "bab_files/mashup.json",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    58
        format: "ldt",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    59
      };
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    60
      var _config = {
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    61
        gui: {
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    62
          width: 630,
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    63
          container: "LdtPlayer",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    64
          default_options: {
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    65
            metadata: _metadata,
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    66
          },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    67
          css: "../metadataplayer/LdtPlayer-core.css",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    68
          widgets: [
904
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents:
diff changeset
    69
            { type: "Slider" },
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents:
diff changeset
    70
            { type: "Controller" },
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents:
diff changeset
    71
            {
1076
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    72
              type: "Segments",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    73
              annotation_type: false,
904
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents:
diff changeset
    74
            },
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents:
diff changeset
    75
            { type: "Arrow" },
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents:
diff changeset
    76
            {
1076
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    77
              type: "Annotation",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    78
              annotation_type: false,
904
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents:
diff changeset
    79
            },
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents:
diff changeset
    80
            {
1076
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    81
              type: "MediaList",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    82
              container: "mediaList",
904
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents:
diff changeset
    83
            },
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents:
diff changeset
    84
            {
1076
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    85
              type: "AnnotationsList",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    86
              container: "annotationList",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    87
              ajax_url:
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    88
                "http://ldt.iri.centrepompidou.fr/ldtplatform/api/ldt/segments/{{media}}/{{begin}}/{{end}}?callback=?",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    89
              ajax_granularity: 30000,
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    90
              limit_count: 3,
904
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents:
diff changeset
    91
            },
1076
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    92
            { type: "Mediafragment" },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    93
          ],
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    94
        },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    95
        player: {
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    96
          type: "mashup",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    97
          live: true,
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    98
          height: 350,
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
    99
          width: 630,
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
   100
          provider: "rtmp",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
   101
          mashup_swf: "bab_files/player_bab_ldt.swf",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
   102
          mashup_xml: "bab_files/mashup-local.xml",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
   103
          autostart: true,
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
   104
          metadata: _metadata,
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
   105
        },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
   106
      };
904
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents:
diff changeset
   107
1076
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
   108
      _myPlayer = new IriSP.Metadataplayer(_config);
904
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents:
diff changeset
   109
    </script>
1076
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
   110
  </body>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 910
diff changeset
   111
</html>