google-chrome - 在 Chrome 上显示 RTSP

标签 google-chrome rtsp

我正在寻找一种在 Windows 中的 Chrome 上显示 RTSP 流的方法。我已经找到了如何用 Firefox 做到这一点。但我无法在 chrome 上做到这一点。我已经找了好几天了,所有的谷歌路径都没有答案。
我尝试过以下方法:
1. git 上的 html5_rtsp_player 但从他们的描述中还不清楚如何让它运行。我什至无法运行他们的示例。它说我需要编译一些 ES5 文件,但它没有给出预期的文件结果。此外,它应该与某种我不太明白它需要做什么的服务器一起使用。
2. WebRTC - 我在几个地方看到这可能会有所帮助,而在其他地方我看到它不支持仅 IP Cam 网络摄像头。

编辑: 我已经有一个软件可以在 ip cam 和客户端之间建立 p2p 连接。它为我提供了一个 rtsp 地址,我可以使用 VLC 观看该地址。我想做的是在浏览器中显示该 RTSP 链接。我不确定我是否还真的需要服务器。在firefox上查看的方法是使用一些chrome上不可用且不支持的插件。

最佳答案

如果您希望 html5_rtsp_player 正常工作,请按照以下步骤操作:

  1. 要获取捆绑文件,请导航到 src 文件夹并执行命令 webpack --config webpack.config.js 。这会生成 test.bundle.js,您可以将其包含在包含 rtsp 流的 html 文件中。

  2. 安装 ws-rtsp-proxy 服务器(在 Ubuntu 16.04/Fedora 上)。我在 Ubuntu 16.04 上尝试过(服务器未安装在 Ubuntu 14.04 或 12.04 上)。链接中提到了步骤:https://github.com/SpecForge/html5_rtsp_player

  3. 更改/etc/ws_rtsp.ini 中的端口(例如 8181)并启动服务器。

  4. 在 test.js 中添加 websocket url 配置属性 示例:rtsp.RTSP_CONFIG['websocket.url'] = "ws://172.30.5.220:8181/ws";

  5. 重新运行webpack --config webpack.config.js以反射(reflect)更改。为了验证,test.js 中添加的 websocket url 应反射(reflect)在 test.bundle.js 中

关于google-chrome - 在 Chrome 上显示 RTSP,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39433809/

相关文章:

html - 在 Chrome 中使用检查器时如何防止页面导航

javascript - 我可以将 popup.html 中的输入数据保存在 localStorage 中吗?

javascript - Chrome 中的标签 ID 是如何生成的?

OpenCV RTSP H264 捕获

amazon-web-services - Crtmpserver 将 rtmp 流转换为 rtsp 流

javascript - 在 Chrome 应用程序的 <img> 标签中加载外部图像

javascript - 使用 javascript 在 Chrome/Mac 上强制 "overscrolling"

python - 打开 CV RTSP 相机缓冲区滞后

c++ - 最佳 C++ RTP/RTSP 库

java - Android 中的 RTSP 流,带有用户名和密码