Я интегрировал rtmp с сервером узлов, теперь мне нужно показать поток rtmp в моем приложении angular 6 в виде живого видео. Любое предложение для меня?
Я пробовал vidojs и другой плеер, но у меня это не сработало.
<video id="example_video_1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="264" poster="http://video-js.zencoder.com/oceans-clip.png" data-setup='{"example_option":true}'> <source src="http://video-js.zencoder.com/oceans-clip.mp4" type="video/mp4" /> <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
Поток должен быть доставлен в формате, который может быть воспроизведен на HTML5 (HLS, MPEG DASH, WebRTC).Если поток H264 + AAC может быть доставлен с использованием Wowza SE в качестве HLS для Safari, DASH для Chrome / Firefox (адаптивное воспроизведение требуется в зависимости от браузера)
Вы можете попробовать эту технологию в этой демонстрации, которая должна воспроизводить HLS вSafari и DASH в Chrome: https://videonow.live/channel/videonowlive/
Если вы используете разные кодеки или хотите опубликовать как WebRTC, также потребуется транскодирование.Для дальнейших исследований разверните этот бесплатный плагин с открытым исходным кодом WP для запуска этих возможностей на собственной установке: https://wordpress.org/plugins/videowhisper-live-streaming-integration/
Веб-браузеры не поддерживают RTMP без Flash. Вы должны конвертировать в формат, который он поддерживает, например, DASH, и использовать проигрыватель, такой как video.js