Воспроизведение потокового HLS Amazon с использованием видео. js - PullRequest
Новая
       103

Воспроизведение потокового HLS Amazon с использованием видео. js

0 голосов
/ 26 апреля 2020

Я хочу транслировать видео с использованием amazon в качестве источника, это VOD-контент, поэтому я не хочу, чтобы мой зритель мог легко его скачать.

Я не могу использовать обычный DRM, потому что он чрезвычайно дорогой.

В Amazon я обнаружил, что они позволяют вам создать protected hls, поэтому я создал один, теперь я хочу передать его с помощью video.js

В Amazon они описали это так: 

// VideoJS elements
<video id="videojs" class="player video-js vjs-default-skin" controls autoplay></video>
<link rel="stylesheet" href="https://vjs.zencdn.net/6.6.3/video-js.css">
<script src="https://vjs.zencdn.net/6.6.3/video.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/videojs-contrib-hls/5.14.1/videojs-contrib- hls.js"></script>
...

else if (playerName === 'VideoJS') {
var playerElement = $('#videojs');
playerElement.show();
var player = videojs('videojs');
console.log('Created VideoJS Player');
player.src({
src: response.HLSStreamingSessionURL,
type: 'application/x-mpegURL'
});
console.log('Set player source');
player.play();
console.log('Starting playback');

Я пытаюсь заставить его работать на https://codepen.io/talyYang/pen/qbMVjB, добавляя код в: 

<head>
  <video id="videojs" class="player video-js vjs-default-skin" controls autoplay></video>
    <link rel="stylesheet" href="https://vjs.zencdn.net/6.6.3/video-js.css">
    <script src="https://vjs.zencdn.net/6.6.3/video.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/videojs-contrib-hls/5.14.1/videojs-contrib-hls.js"></script>
  </head>

  <body>
    <video id="my-video" class="video-js" controls preload="auto" width="640" height="264" data-setup="{}">
      <source src="amazon-s3-url/hlsdemo.m3u8" type='application/x-mpegURL'>

      <p class="vjs-no-js">
  To view this video please enable JavaScript, and consider upgrading to a web browser that
  <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
      </p>
    </video>


  </body>

Но это не работает - что мне делать звонить?

...