如何使用angular6在浏览器中播放rtsp url?

How to play rtsp url in browser using angular6?

在我的应用中,我必须在浏览器上播放 N 个视频。另外,我只有 rtsp URL 和 usernamepassword.

我对此做了一些 RND,我发现有一些 media 服务和 npm package 分别像 Wowzaffmpeg 一样可用。

就我而言,我没有任何后端服务。有什么方法可以在浏览器上流式传输实时摄像头。我正在使用 Angular6

我有一个 URL 这样的流。

rtsp://name:password@yourip:port/webcam/xyz?channel=10&subtype=25

任何人都可以建议或分享任何可以帮助我的参考资料 link 吗?

我们将不胜感激任何帮助。

HTML5 浏览器可以将实时视频播放为 HLS。 所以你需要一个流媒体服务器来输入你的RTSP流并输出一个HLS流。

实施:

  • 对于 RTSP 到 HLS,Wowza SE 可用于输入 RTSP 并重新流式传输为 RTMP 或直接 HTML5 HLS 到网页。这涉及到有一个专用服务器来部署流媒体服务和许可 Wowza SE: https://www.wowza.com/pricing/streaming-engine

  • 另一种选择是获得交钥匙计划(降低成本并避免服务器 installation/administration 麻烦): https://webrtchost.com