Сначала необходимо указать атрибут типа MIME в теге video:
Тип = "применение / х-mpegURL". Тег видео, который я использую для просмотра потока
как это.
<video width="352" height="198" controls>
<source src="VLCLiveStreamingURLGoesHere" type="application/x-mpegURL">
</video>
Обязательно замените VLCLiveStreamingURLGoesHere
URL-адресом вашего потока VLC Live.
Если вы хотите воспроизвести прямой файл HLS, добавьте расширение Chrome, называемое Native HLS Playback, из веб-приложения Chrome.
Возможная альтернатива для этого:
Используйте кодировщик (например, VLC или FFmpeg) для пакетирования вашего входного потока
в формат OGG. Например, в этом случае я использовал VLC для пакетирования
устройство захвата экрана с этим кодом:
C: \ Program Files \ VideoLAN \ VLC \ vlc.exe -I фиктивный экран: //
: screen-fps = 16.000000: screen-caching = 100
: Sout = # перекодировать {vcodec = Theo, VB = 800, масштаб = 1, ширина = 600, высота = 480, acodec = mp3}: {HTTP Мультиплексор = OGG, ДСТ = 127.0.0.1: 8080 / desktop.ogg}
: no-sout-rtp-sap: no-sout-standard-sap: ttl = 1: sout-keep
Вставьте этот код в тег на вашей HTML-странице следующим образом:
Это должно сработать. Однако это отчасти плохая производительность и
Контейнер AFAIK MP4 должен иметь лучшую поддержку среди браузеров
чем OGG.
Прямая трансляция HTML5