Источник видео .m3u8, работающий только на macos - PullRequest
0 голосов
/ 07 мая 2020

С некоторых пор я пытаюсь получить источник видео в формате m3u8, работающий как html в браузере. Я много исследовал и не смог найти рабочего решения. Когда я собирался уйти, я случайно обнаружил, что код, который у меня есть, работает на моем MacBook (до того, как я разрабатывал и тестировал на машине windows) ... в каждом браузере. Итак, я снова начал исследования, но все еще не нашел решения. Я знаю, что есть решение, потому что источник видео, который я пытаюсь воспроизвести, скопирован с веб-сайта, на котором я могу смотреть видео на любой платформе. Поэтому я попытался еще немного изучить исходный веб-сайт и обнаружил, что он использует jwplayer. Все еще не могу запустить его.

Итак, это мой текущий HTML -Code (который работает в macos -> Chrome, Safari и Firefox:

<!DOCTYPE html>
<html>
<head>
  <script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
  <style>
    LEFT OUT BECAUSE OF LINE LIMIT AT STACKOVERFLOW
  </style>
</head>
<body>
  <video id="video" style="width: 100%; height: 100%;" controls></video>
  <script>
    function playM3u8(url){
      if(Hls.isSupported()) {
        var video = document.getElementById('video');
        video.volume = 1.0;
        var hls = new Hls();
        var m3u8Url = decodeURIComponent(url)
        hls.loadSource(m3u8Url);
        hls.attachMedia(video);
        hls.on(Hls.Events.MANIFEST_PARSED,function() {
          video.play();
        });
      } else if (video.canPlayType('application/vnd.apple.mpegurl')) {
        video.src = url;
        video.addEventListener('loadedmetadata', function() {
          video.play();
        });
      }
    }
    playM3u8("https://load.hdfilme.ws/hls/9618d6f005e7bf049e324b543727184e/9618d6f005e7bf049e324b543727184e.m3u8")
  </script>
</body>
</html>

Исследование:

Как мне встроить этот m3u8 в jw player

Как загрузить видео с URL-адресом blob

Воспроизведение файлов m3u8 с HTML тегом видео

И многое другое, но не хочу спамить здесь ...

Кто-то знает, как решить эту проблему и получить видео воспроизводится на каждой платформе? Какой плеер использовать и как выглядит код для этого? Заранее большое спасибо!

1 Ответ

0 голосов
/ 08 мая 2020

Ссылаясь на ваш другой вопрос: Почему ссылка работает только в операционной системе MacOS

Одна из проблем заключается в том, что у вас нет доступа к ресурсу, который вы пытаетесь разрешить видеоплееру играть. Я не уверен, можно ли и как вы могли добавить недостающее свойство заголовков из моего ответа в свой другой вопрос, но это путь к go.

...