С некоторых пор я пытаюсь получить источник видео в формате 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 тегом видео
И многое другое, но не хочу спамить здесь ...
Кто-то знает, как решить эту проблему и получить видео воспроизводится на каждой платформе? Какой плеер использовать и как выглядит код для этого? Заранее большое спасибо!