HTML5 аудио тег - Обработка m3u8 в Chrome / Firefox - PullRequest
Новая
       105

HTML5 аудио тег - Обработка m3u8 в Chrome / Firefox

0 голосов
/ 09 января 2020

У меня проблемы с плейлистами m3u8 на chrome и firefox (ребро работает как шарм)

Я пытаюсь отправить данные, преобразованные с помощью ffmpeg, строка, которую я использую для конвертации, - это После создания файла m3u8 одновременно: 

ffmpeg -i .\european-anthem-2012.mp3 -c:a aac -b:a 64k -f segment -segment_time 15 -segment_time_delta 3 -segment_list_type m3u8 -segment_list playlist_aac.m3u8 outfile_aac-%03d.aac

В качестве форматов назначения я пробовал также mp3: -c:a mp3 -b:a 64k и vorbis: -c:a libvorbis -b:a 64k

файл m3u8 выглядит следующим образом: 

#EXTM3U
#EXT-X-VERSION:3
#EXT-X-MEDIA-SEQUENCE:0
#EXT-X-ALLOW-CACHE:YES
#EXT-X-TARGETDURATION:16
#EXTINF:12.004717,
outfile_aac-000.aac
#EXTINF:15.000091,
outfile_aac-001.aac
#EXTINF:15.000091,
outfile_aac-002.aac
#EXTINF:15.000091,
outfile_aac-003.aac
#EXTINF:15.000091,
outfile_aac-004.aac
#EXTINF:15.000091,
outfile_aac-005.aac
#EXTINF:15.000091,
outfile_aac-006.aac
#EXTINF:15.000091,
outfile_aac-007.aac
#EXTINF:10.495420,
outfile_aac-008.aac
#EXT-X-ENDLIST

файл, который я использую, это: EU Anathem

HTML Я использую это: 

<html>
<audio  id="track2" 
        src="playlist_aac.m3u8" 
        type="audio/x-mpegurl"
        >

    <p>Your browser does not support the audio element</p>

</audio>
<button onclick="document.getElementById('track2').play();">Play</button>

</html>

файлы (используемые аудио фрагменты, список воспроизведения и html) находятся в той же локальной папке, что и html страница

Когда я запускаю этот код по краю (двойной щелчок по HTML), все работает на chrome как только я нажимаю кнопку, консоль регистрирует audiotag.html:61 Uncaught (in promise) DOMException: The element has no supported sources

Вкл. Firefox. Ошибка заключается в следующем: NotSupportedError: The media resource indicated by the src attribute or assigned media provider object was not suitable.

(ожидаемое поведение при воспроизведении файла)

...