如何使用angular6在浏览器中播放rtsp url？答案

【问题标题】：How to play rtsp url in browser using angular6?如何使用angular6在浏览器中播放rtsp url？
【发布时间】：2020-01-12 23:43:29
【问题描述】：

在我的应用程序中，我必须在浏览器上播放 N 数量的视频。此外，我只有rtsp URL，它是username 和password。

我对此做了一些 RND，我发现有一些 media 服务和 npm package 可用，分别像 Wowza 和 ffmpeg。

就我而言，我没有任何后端服务。有没有办法在浏览器上流式传输实时摄像机源。我正在使用Angular6。

我有一个这样的流的 URL。

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

任何人都可以建议或分享任何可以帮助我的参考链接吗？

任何帮助将不胜感激。

【问题讨论】：

【解决方案1】：

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

实施：

对于 RTSP 到 HLS，Wowza SE 可用于输入 RTSP 并作为 RTMP 重新流式传输或直接 HTML5 HLS 到网页。这包括拥有一个专门的服务器来部署流媒体服务和许可 Wowza SE： https://www.wowza.com/pricing/streaming-engine
另一种选择是获得交钥匙计划（降低成本并避免服务器安装/管理麻烦）： https://webrtchost.com

【讨论】：

感谢您的回答。但我想将我的 RTSP 从 angular6 转换为 HLS。我可以将 Wowza 服务器集成到我的 Angular 应用程序中，以便它可以给我翻译后的 URL 吗？当我在 API 响应中获得 RTSP URL 时。