test/videojs-dist.html
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:
1073
687133dc13cf Add VideojsPlayer for handling youtube and vimeo
ymh <ymh.work@gmail.com>
parents:
diff changeset
     1
<!DOCTYPE html>
687133dc13cf Add VideojsPlayer for handling youtube and vimeo
ymh <ymh.work@gmail.com>
parents:
diff changeset
     2
<html>
687133dc13cf Add VideojsPlayer for handling youtube and vimeo
ymh <ymh.work@gmail.com>
parents:
diff changeset
     3
  <head>
1076
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
     4
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
1073
687133dc13cf Add VideojsPlayer for handling youtube and vimeo
ymh <ymh.work@gmail.com>
parents:
diff changeset
     5
    <title>Metadataplayer test with JwPlayer</title>
687133dc13cf Add VideojsPlayer for handling youtube and vimeo
ymh <ymh.work@gmail.com>
parents:
diff changeset
     6
    <!--        <link href='open-sans/css/fonts.css' rel='stylesheet' type='text/css'>
687133dc13cf Add VideojsPlayer for handling youtube and vimeo
ymh <ymh.work@gmail.com>
parents:
diff changeset
     7
-->
1076
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
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: 1073
diff changeset
     9
    <link href="/dist/LdtPlayer-core.css" rel="stylesheet" type="text/css" />
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    10
    <link href="/src/main.module.css" rel="stylesheet" type="text/css" />
1073
687133dc13cf Add VideojsPlayer for handling youtube and vimeo
ymh <ymh.work@gmail.com>
parents:
diff changeset
    11
  </head>
687133dc13cf Add VideojsPlayer for handling youtube and vimeo
ymh <ymh.work@gmail.com>
parents:
diff changeset
    12
  <body>
687133dc13cf Add VideojsPlayer for handling youtube and vimeo
ymh <ymh.work@gmail.com>
parents:
diff changeset
    13
    <h1>Metadataplayer test with Videojs</h1>
687133dc13cf Add VideojsPlayer for handling youtube and vimeo
ymh <ymh.work@gmail.com>
parents:
diff changeset
    14
    <div id="LdtPlayer"></div>
687133dc13cf Add VideojsPlayer for handling youtube and vimeo
ymh <ymh.work@gmail.com>
parents:
diff changeset
    15
    <div id="AnnotationsListContainer"></div>
687133dc13cf Add VideojsPlayer for handling youtube and vimeo
ymh <ymh.work@gmail.com>
parents:
diff changeset
    16
    <div id="SlideShareContainer"></div>
687133dc13cf Add VideojsPlayer for handling youtube and vimeo
ymh <ymh.work@gmail.com>
parents:
diff changeset
    17
    <script src="/dist/LdtPlayer-core.js" type="text/javascript"></script>
687133dc13cf Add VideojsPlayer for handling youtube and vimeo
ymh <ymh.work@gmail.com>
parents:
diff changeset
    18
    <script>
687133dc13cf Add VideojsPlayer for handling youtube and vimeo
ymh <ymh.work@gmail.com>
parents:
diff changeset
    19
      //import LdtPlayerCore from "/src/main.js";
1076
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    20
      IriSP.language = "fr";
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    21
      var _metadata = {
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    22
        //        url: 'json/ldt-jwplayer.json',
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    23
        url: "https://ldt.iri.centrepompidou.fr/ldtplatform/ldt/cljson/id/e2f36e5c-8b26-11e2-a28d-00145ea4a2be",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    24
        //        url: 'http://capsicum/pf/ldtplatform/ldt/cljson/id/f1a17368-2bc8-11e1-b21a-00145ea49a02',
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    25
        //        url: 'http://ldt.iri.centrepompidou.fr/ldtplatform/ldt/cljson/id/fc0a654e-49ea-11e2-b4ad-00145ea4a2be',
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    26
        format: "ldt",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    27
      };
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    28
      var _config = {
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    29
        width: 550,
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    30
        container: "LdtPlayer",
1073
687133dc13cf Add VideojsPlayer for handling youtube and vimeo
ymh <ymh.work@gmail.com>
parents:
diff changeset
    31
        default_options: {
1076
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    32
          metadata: _metadata,
1073
687133dc13cf Add VideojsPlayer for handling youtube and vimeo
ymh <ymh.work@gmail.com>
parents:
diff changeset
    33
        },
687133dc13cf Add VideojsPlayer for handling youtube and vimeo
ymh <ymh.work@gmail.com>
parents:
diff changeset
    34
        widgets: [
1076
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    35
          {
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    36
            type: "VideojsPlayer",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    37
            autostart: true,
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    38
            url_transform: function (url) {
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    39
              return url.replace(
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    40
                "/ddc_player/video/",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    41
                "/ddc_player/mp4:video/"
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    42
              );
1073
687133dc13cf Add VideojsPlayer for handling youtube and vimeo
ymh <ymh.work@gmail.com>
parents:
diff changeset
    43
            },
1076
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    44
          },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    45
          { type: "Slider" },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    46
          { type: "Controller" },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    47
          {
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    48
            type: "Polemic",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    49
            max_elements: 20,
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    50
            annotation_type: false,
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    51
          },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    52
          { type: "Sparkline" },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    53
          { type: "MultiSegments" },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    54
          {
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    55
            type: "CreateAnnotation",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    56
            api_endpoint_template: "post-test.php",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    57
            creator_name: "Metadataplayer",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    58
            creator_avatar: "https://via.placeholder.com/48",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    59
            tag_titles: ["amateur", "digital-humanities"],
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    60
            //show_title_field: false,
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    61
            //show_creator_field: false,
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    62
            show_slice: false,
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    63
          },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    64
          {
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    65
            type: "Tweet",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    66
          },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    67
          {
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    68
            type: "Tagcloud",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    69
          },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    70
          {
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    71
            type: "AnnotationsList",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    72
            container: "AnnotationsListContainer",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    73
            default_thumbnail:
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    74
              "https://ldt.iri.centrepompidou.fr/static/site/ldt/css/imgs/video_sequence.png",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    75
            //ajax_url: "/pf/ldtplatform/api/ldt/1.0/segments/bytimecode/{{media}}/{{begin}}/{{end}}",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    76
            //ajax_granularity : 300000
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    77
          },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    78
          // {
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    79
          //     type: "Slideshare",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    80
          //     container: "SlideShareContainer"
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    81
          // },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    82
          { type: "Mediafragment" },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    83
          //            { type: "Trace",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    84
          //            js_console: true }
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    85
        ],
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    86
      };
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    87
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    88
      var _myPlayer = new IriSP.Metadataplayer(_config);
1073
687133dc13cf Add VideojsPlayer for handling youtube and vimeo
ymh <ymh.work@gmail.com>
parents:
diff changeset
    89
    </script>
687133dc13cf Add VideojsPlayer for handling youtube and vimeo
ymh <ymh.work@gmail.com>
parents:
diff changeset
    90
  </body>
1076
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset
    91
</html>