Mercurial Mercurial > metadataplayer / annotate
summary | shortlog | changelog | graph | tags | bookmarks | branches | files | changeset | file | latest | revisions | annotate | diff | comparison | raw | help
Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
test/videojs.html
author ymh <ymh.work@gmail.com>
Tue, 22 Oct 2024 07:03:54 +0200
changeset 1076 510fd2a482f4
parent 1073 687133dc13cf
permissions -rw-r--r--
Add Dailymotion Tech and remove unused libs
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="/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 
    10
 
  </head>
687133dc13cf Add VideojsPlayer for handling youtube and vimeo
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    11
 
  <body>
687133dc13cf Add VideojsPlayer for handling youtube and vimeo
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    12
 
    <h1>Metadataplayer test with JwPlayer</h1>
687133dc13cf Add VideojsPlayer for handling youtube and vimeo
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    13
 
    <div id="LdtPlayer"></div>
687133dc13cf Add VideojsPlayer for handling youtube and vimeo
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    14
 
    <div id="AnnotationsListContainer"></div>
687133dc13cf Add VideojsPlayer for handling youtube and vimeo
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    15
 
    <div id="SlideShareContainer"></div>
687133dc13cf Add VideojsPlayer for handling youtube and vimeo
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    16
 
    <script type="module">
687133dc13cf Add VideojsPlayer for handling youtube and vimeo
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    17
 
      import LdtPlayerCore from "/src/main.js";
1076
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    18
 
      IriSP.language = "fr";
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    19
 
      var _metadata = {
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    20
 
        //        url: 'json/ldt-jwplayer.json',
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    21
 
        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 
    22
 
        //        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 
    23
 
        //        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 
    24
 
        format: "ldt",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    25
 
      };
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    26
 
      var _config = {
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    27
 
        width: 550,
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    28
 
        container: "LdtPlayer",
1073
687133dc13cf Add VideojsPlayer for handling youtube and vimeo
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    29
 
        default_options: {
1076
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    30
 
          metadata: _metadata,
1073
687133dc13cf Add VideojsPlayer for handling youtube and vimeo
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    31
 
        },
687133dc13cf Add VideojsPlayer for handling youtube and vimeo
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    32
 
        widgets: [
1076
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    33
 
          {
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    34
 
            type: "VideojsPlayer",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    35
 
            autostart: true,
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    36
 
            url_transform: function (url) {
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    37
 
              return url.replace(
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    38
 
                "/ddc_player/video/",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    39
 
                "/ddc_player/mp4:video/"
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    40
 
              );
1073
687133dc13cf Add VideojsPlayer for handling youtube and vimeo
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    41
 
            },
1076
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    42
 
          },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    43
 
          { type: "Slider" },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    44
 
          { type: "Controller" },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    45
 
          {
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    46
 
            type: "Polemic",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    47
 
            max_elements: 20,
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    48
 
            annotation_type: false,
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    49
 
          },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    50
 
          { type: "Sparkline" },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    51
 
          { type: "MultiSegments" },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    52
 
          {
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    53
 
            type: "CreateAnnotation",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    54
 
            api_endpoint_template: "post-test.php",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    55
 
            creator_name: "Metadataplayer",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    56
 
            creator_avatar: "https://via.placeholder.com/48",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    57
 
            tag_titles: ["amateur", "digital-humanities"],
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    58
 
            //show_title_field: false,
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    59
 
            //show_creator_field: false,
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    60
 
            show_slice: false,
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    61
 
          },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    62
 
          {
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    63
 
            type: "Tweet",
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
 
          {
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    66
 
            type: "Tagcloud",
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
 
          {
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    69
 
            type: "AnnotationsList",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    70
 
            container: "AnnotationsListContainer",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    71
 
            default_thumbnail:
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    72
 
              "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 
    73
 
            //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 
    74
 
            //ajax_granularity : 300000
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    75
 
          },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    76
 
          // {
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    77
 
          //     type: "Slideshare",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    78
 
          //     container: "SlideShareContainer"
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    79
 
          // },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    80
 
          { type: "Mediafragment" },
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    81
 
          //            { type: "Trace",
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    82
 
          //            js_console: true }
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    83
 
        ],
510fd2a482f4 Add Dailymotion Tech and remove unused libs
ymh <ymh.work@gmail.com>
parents: 1073
diff changeset 
    84
 
      };
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


      var _myPlayer = new IriSP.Metadataplayer(_config);







1073






687133dc13cf
Add VideojsPlayer for handling youtube and vimeo



ymh <ymh.work@gmail.com>


parents: 

diff
changeset




    87


    </script>












687133dc13cf
Add VideojsPlayer for handling youtube and vimeo



ymh <ymh.work@gmail.com>


parents: 

diff
changeset




    88


  </body>







1076






510fd2a482f4
Add Dailymotion Tech and remove unused libs



ymh <ymh.work@gmail.com>


parents: 
1073

diff
changeset




    89


</html>














metadataplayer