MPEG-DASH Adaptive Streaming с HTML5 не работает в Windows Chrome / Mozilla

Я совершенно новичок в MPEG-DASH Adaptive Streaming. Я пытаюсь создать видеоплеер с dash.js в браузере. Я сослался на некоторые полезные MPEG-DASH Adaptive Streaming документы. Эти ссылки

С помощью приведенных выше документов я создал образец HTML-файла.

<!DOCTYPE html>
<html>
<head>
    <title>Adaptive Streaming in HTML5</title>
    <style>
        video {
        width: 640px;
        height: 360px;
        }
    </style>
</head>
<body>
    <div>
        <h1>Adaptive Streaming with HTML5</h1>
        <video id="videoplayer" controls></video>
    <div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>    
    <!-- DASH-AVC/265 reference implementation -->
    <script src="https://cdn.dashjs.org/latest/dash.all.min.js"></script>
    <script>
    <!--setup the video element and attach it to the Dash player-->
            (function(){
                var url = "https://dash.akamaized.net/envivio/EnvivioDash3/manifest.mpd";
                var player = dashjs.MediaPlayer().create();
                player.initialize(document.querySelector("#videoPlayer"), url, true);
            })();
    </script>
</body>
</html>

Но после запуска на chrome (Version 63.0.3239.132 (Official Build) (64-bit)) и mozilla (version 57.0 (64-bit)) я не видел видео, воспроизводимого в этом плеере. Это выходной снимок экрана

введите описание изображения здесь

Я пытаюсь запустить локально в своем браузере. Будет ли это проблема? После нажатия кнопки воспроизведения я не смог увидеть ни одного видео по этому поводу. В Mozilla браузере я вижу следующее

[dash.js 2.6.4] MediaPlayer has been initialized

The character encoding of the HTML document was not declared. 
The document will render with garbled text in some browser configurations if the document contains characters from outside the US-ASCII range. 
The character encoding of the page must be declared in the document or in the transfer protocol. 

Но сценарий https://cdn.dashjs.org/latest/dash.all.min.js тоже работает нормально. Также, когда я добавляю URL https://dash.akamaized.net/envivio/EnvivioDash3/manifest.mpd в https://reference.dashif.org/dash.js/1.4.0/samples/dash-if-reference-player/index.html видеоплеер, он работает нормально.

На самом деле, что мне здесь не хватает? Есть предложения или помощь?


person user2986042    schedule 08.01.2018    source источник


Ответы (2)


Значения атрибутов в HTML-документах чувствительны к регистру.

Итак, это сработает, если вы измените элемент <video> на:

<video id="videoPlayer" controls></video>
person Aaron Chen    schedule 09.01.2018

HLS автоматически поддерживается HTML5, а MPEG-DASH - нет. Это означает, что некоторые браузеры или приложения не могут воспроизводить видеопотоки MPEG-DASH даже на устройствах сторонних производителей.

Прочтите HLS vs Dash по этой ссылке

person Perry    schedule 11.12.2020