Я создаю веб-приложение, которое должно воспроизводить поток RTSP / RTP с сервера http://lscube.org/projects/feng.
Поддерживает ли тег HTML5 video / audio rtsp или rtp? Если нет, какое было бы самое простое решение? Возможно, перейдите к плагину VLC или чему-то в этом роде.
(но не совсем ...)
Тег <video> HTML 5 не зависит от протокола - ему все равно. Вы помещаете протокол в атрибут src как часть URL-адреса. Например.:
<video src="rtp://myserver.com/path/to/stream">
Your browser does not support the VIDEO tag and/or RTP streams.
</video>
или, может быть
<video src="http://myserver.com:1935/path/to/stream/myPlaylist.m3u8">
Your browser does not support the VIDEO tag and/or RTP streams.
</video>
Тем не менее, реализация тега <video> зависит от браузера. Поскольку HTML 5 только начинается, я ожидаю частого изменения поддержки (или отсутствия поддержки).
Из спецификации HTML5 W3C (элемент видео):
Пользовательские агенты могут поддерживать любые видео и аудио кодеки и форматы контейнеров.
GET rtp://239.255.0.1:6970 net::ERR_UNKNOWN_URL_SCHEME. Кажется, что для video элементов разрешены только схемы HTTP [S].
- person Yan Foto; 21.07.2015
Я думаю, что на суть вопроса не было дано точного ответа. Нет, на данный момент вы не можете использовать видеотег для воспроизведения потоков RTSP. Другой ответ относительно ссылки на «никогда» парня из Chromium немного вводит в заблуждение, поскольку связанный поток / ответ напрямую не относится к Chrome, воспроизводящему rtsp через тег видео. Прочтите всю связанную ветку, особенно комментарии в самом низу и ссылки на другие темы.
Настоящий ответ таков: нет, вы не можете просто поместить тег видео на страницу html 5 и воспроизвести rtsp. Вам нужно использовать какую-то библиотеку Javascript (если вы не хотите играть во флэш и Silverlight плееры) для воспроизведения потокового видео. {IMHO} Учитывая скорость обсуждения и реализации видео html 5, различные поставщики проприетарных видеостандартов не заинтересованы в продвижении вперед, поэтому не рассчитывайте на обещанную простоту использования тега видео, если только производители браузеров берусь на себя как-то решить проблему ... опять же вряд ли. {/ IMHO}
Это старый запрос, но мне пришлось сделать это недавно, и я добился чего-то работающего, поэтому (помимо ответа, подобного моему, я бы сэкономил некоторое время): в основном используйте ffmpeg для изменения контейнера на HLS, большую часть потока IPCams h264 и некоторые основной тип PCM, поэтому используйте что-то вроде этого:
ffmpeg -v info -i rtsp://ip:port/h264.sdp -c:v copy -c:a copy -bufsize 1835k -pix_fmt yuv420p -flags -global_header -hls_time 10 -hls_list_size 6 -hls_wrap 10 -start_number 1 /var/www/html/test.m3u8
Затем используйте video.js с HLS plugin Это будет хорошо воспроизводить прямой эфир. Также по второй ссылке есть пример jsfiddle).
Примечание: хотя это не встроенная поддержка, она не требует дополнительных действий в пользовательском интерфейсе.
ffmpeg -v info -rtsp_transport tcp -i rtsp://host:port/[sdp] -c:v copy -c:a copy -maxrate 400k -bufsize 1835k -pix_fmt yuv420p -flags -global_header -hls_time 10 -hls_list_size 6 -hls_wrap 10 -start_number 1 /var/www/html/test.m3u8
- person Pawel K; 30.11.2016
ffmpeg.exe -fflags nobuffer -rtsp_transport tcp -i rtsp://[SOURCE] -flags +cgop -g 30 -hls_flags delete_segments [DESTINATION]
- person DanTheMan; 14.08.2018
native? Что считается native? Спасибо!
- person Minh Nghĩa; 03.09.2019
В HTML5 есть три протокола / технологии потоковой передачи:
Прямая трансляция, низкая задержка - WebRTC - Websocket
VOD и прямая трансляция, высокая задержка - HLS
1. WebRTC
Фактически WebRTC - это SRTP (безопасный протокол RTP). Таким образом, можно сказать, что видеотег поддерживает RTP (SRTP) косвенно через WebRTC.
Поэтому, чтобы получить поток RTP в вашем Chrome, Firefox или другом браузере HTML5, вам понадобится сервер WebRTC, который будет доставлять поток SRTP в браузер.
2. Websocket
Он основан на TCP, но с меньшей задержкой, чем HLS. Снова вам нужен сервер Websocket.
3. HLS
Самый популярный протокол потоковой передачи с высокой задержкой для VOD (предварительно записанное видео).
Chrome никогда не будет поддерживать потоковую передачу RTSP.
По крайней мере, здесь разработчик Chromium:
мы никогда не собираемся добавлять поддержку для этого
С помощью VLC я могу перекодировать живой поток RTSP (mpeg4) в поток HTTP в формате OGG (Vorbis / Theora). Качество плохое, но видео работает в Chrome 9. Я также тестировал транкодирование в WEBM (VP8), но, похоже, он не работает (у VLC есть опция, но я не знаю, действительно ли она реализована на данный момент. .)
Первый, у кого есть документ по этому поводу, должен известить нас об этом;)
"C:\Program Files\VideoLAN\VLC\vlc.exe" -I dummy screen:// :screen-fps=16.000000 :screen-caching=100 :sout=#transcode{vcodec=theo,vb=800,scale=1,width=600,height=480,acodec=mp3}:http{mux=ogg,dst=127.0.0.1:8080/desktop.ogg} :no-sout-rtp-sap :no-sout-standard-sap :ttl=1 :sout-keep - это команда VLC, которая передает ваш ввод (например, устройство захвата экрана) в заданный выходной поток (например, 127.0 .0.1: 8080 / desktop.ogg)
- person Zsolt; 12.02.2013
<video id="video" src="http://localhost:8080/desktop.ogg" autoplay="autoplay">.
- person Zsolt; 12.02.2013
my_ip:port, а затем использовал тег HTML5 <video>, например: <video width="640"><source src="http://my_ip:port/test" type="video/ogg">HTML5 not supported</video>.
- person patryk.beza; 06.07.2013
Chrome не поддерживает потоковую передачу RTSP. Важный проект по проверке именно WebRTC.
«WebRTC - это бесплатный открытый проект, который предоставляет браузерам и мобильным приложениям возможности связи в реальном времени (RTC) через простые API»
Поддерживаемые браузеры:
Chrome, Firefox и Opera.
Поддерживаемые мобильные платформы:
Android и IOS
Мои наблюдения относительно видеотега HTML 5 и потоков rtsp (rtp) заключаются в том, что он работает только с konqueror (KDE 4.4.1, Phonon-backend установлен на GStreamer). У меня было только видео (без звука) с потоком H.264 / AAC RTSP (RTP).
Потоки из http://media.esof2010.org/ не работали с konqueror (KDE 4.4. 1, Phonon-backend установлен на GStreamer).
Делаем вывод на данный момент.
Я бессмысленно пытаюсь обойти это, поскольку rtsp не работает OOB. Сейчас это невозможно без менеджера, управляющего потоковой передачей.
В настоящее время я работаю над решением android + html (гибридным), чтобы управлять этим очень злым способом. Поскольку предполагается, что он будет воспроизводиться напрямую с камеры на Android без промежуточных серверов, мы придумали решение, включающее тег холста, чтобы связать не-веб-просмотр с веб-просмотром.
