test/onthefly.html
author ymh <ymh.work@gmail.com>
Tue, 22 Oct 2024 07:03:54 +0200
changeset 1076 510fd2a482f4
parent 1072 ac1eacb3aa33
permissions -rw-r--r--
Add Dailymotion Tech and remove unused libs
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: 1072
diff changeset
     1
<!DOCTYPE html>
969
353b0881a0b9 Added On-the-fly (file-less) metadata generation test
veltr
parents:
diff changeset
     2
<html>
1076
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
     3
  <head>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
     4
    <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: 1072
diff changeset
     5
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
     6
    <title>Metadataplayer test with HTML5 / OGG Video</title>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
     7
    <link href="open-sans/css/fonts.css" rel="stylesheet" type="text/css" />
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
     8
    <link href="test.css" rel="stylesheet" type="text/css" />
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
     9
    <script
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    10
      type="text/javascript"
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    11
      src="metadataplayer/LdtPlayer-core.js"
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    12
      type="text/javascript"
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    13
    ></script>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    14
    <script
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    15
      type="text/javascript"
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    16
      src="libs/underscore-min.js"
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    17
      type="text/javascript"
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    18
    ></script>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    19
  </head>
969
353b0881a0b9 Added On-the-fly (file-less) metadata generation test
veltr
parents:
diff changeset
    20
1076
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    21
  <body>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    22
    <h1>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    23
      Metadataplayer test with HTML5 / H.264 Video - Uses Popcorn with
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    24
      compatible browsers, JwPlayer with others
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    25
    </h1>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    26
    <div id="LdtPlayer"></div>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    27
    <div id="AnnotationsListContainer"></div>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    28
    <script type="text/javascript">
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    29
      IriSP._ = _;
969
353b0881a0b9 Added On-the-fly (file-less) metadata generation test
veltr
parents:
diff changeset
    30
1076
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    31
      IriSP.widgetsDir = "metadataplayer";
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    32
      var _dir = new IriSP.Model.Directory(),
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    33
        _src = _dir.newLocalSource(),
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    34
        _media = new IriSP.Model.Media(false, _src),
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    35
        _cutt = new IriSP.Model.AnnotationType(false, _src),
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    36
        _ann1 = new IriSP.Model.Annotation(false, _src),
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    37
        _ann2 = new IriSP.Model.Annotation(false, _src);
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    38
      _cutt.title = "Chapitrage";
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    39
      _ann1.setAnnotationType(_cutt.id);
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    40
      _ann2.setAnnotationType(_cutt.id);
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    41
      _ann1.setMedia(_media.id);
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    42
      _ann2.setMedia(_media.id);
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    43
      _ann1.setBegin(0);
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    44
      _ann1.setEnd(32000);
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    45
      _ann1.title = "Première Annotation";
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    46
      _ann2.setBegin(32000);
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    47
      _ann2.setEnd(64000);
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    48
      _ann2.title = "Deuxième Annotation";
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    49
      _media.video = "trailer.mp4";
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    50
      _media.setDuration(64000);
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    51
      console.log("OK");
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    52
      var _config = {
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    53
        width: 620,
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    54
        container: "LdtPlayer",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    55
        default_options: {
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    56
          metadata: _src,
969
353b0881a0b9 Added On-the-fly (file-less) metadata generation test
veltr
parents:
diff changeset
    57
        },
1076
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    58
        css: "metadataplayer/LdtPlayer-core.css",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    59
        widgets: [
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    60
          {
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    61
            type: "AdaptivePlayer",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    62
          },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    63
          { type: "Sparkline" },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    64
          { type: "Slider" },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    65
          { type: "Controller" },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    66
          { type: "Polemic" },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    67
          { type: "Segments" },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    68
          { type: "Annotation" },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    69
          { type: "Tweet" },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    70
          { type: "Tagcloud" },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    71
          {
969
353b0881a0b9 Added On-the-fly (file-less) metadata generation test
veltr
parents:
diff changeset
    72
            type: "AnnotationsList",
1076
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    73
            container: "AnnotationsListContainer",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    74
          },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    75
          { type: "Mediafragment" },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    76
        ],
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    77
      };
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    78
      _myPlayer = new IriSP.Metadataplayer(_config);
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    79
    </script>
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1072
diff changeset
    80
  </body>
969
353b0881a0b9 Added On-the-fly (file-less) metadata generation test
veltr
parents:
diff changeset
    81
</html>