WebRTC 样本在 Chrome 和 Firefox 上失败,当本地 运行
WebRTC samples fail on Chrome and Firefox when running locally
在尝试将视频流式传输到对等连接的 WebRTC 示例时:
https://github.com/webrtc/samples/tree/gh-pages/src/content/capture/video-pc
在 Firefox 中,我只看到右侧视频呈现黑色视频:-(
在Chrome中我遇到了一个跨域错误:
未捕获的 DOMException:无法在 'HTMLMediaElement' 上执行 'captureStream':无法从具有跨域数据的元素中捕获
在 HTMLVideoElement.maybeCreateStream
我没有做任何代码更改,我只是克隆了 repo 并打开了 index.html。我也试过在没有看到视频的情况下提供页面。
如何使用 Chrome 或 Firefox 在 Windows 上本地 运行 此示例?
How can I run this sample locally on Windows using either Chrome or
Firefox?
代码库在 web_server 文件夹下包含一个 server.js 文件。您可以 运行 在本地使用 nodejs。
- 确保您安装了 nodejs 和 npm。
- 运行
npm install
从基本目录安装
依赖项。
- 转到 web_server 文件夹,然后 运行 使用 server.js 文件
node server.js
- 它应该启动服务器,样本将在
可用
https://localhost:8080
您应该可以访问您的演示 https://localhost:8080/src/content/capture/video-pc/
演示 运行 在我的机器上。您没有提到您使用的是哪个浏览器版本。
我使用 Chrome : Version 75.0.3770.100
进行测试。
在尝试将视频流式传输到对等连接的 WebRTC 示例时:
https://github.com/webrtc/samples/tree/gh-pages/src/content/capture/video-pc
在 Firefox 中,我只看到右侧视频呈现黑色视频:-(
在Chrome中我遇到了一个跨域错误: 未捕获的 DOMException:无法在 'HTMLMediaElement' 上执行 'captureStream':无法从具有跨域数据的元素中捕获 在 HTMLVideoElement.maybeCreateStream
我没有做任何代码更改,我只是克隆了 repo 并打开了 index.html。我也试过在没有看到视频的情况下提供页面。
如何使用 Chrome 或 Firefox 在 Windows 上本地 运行 此示例?
How can I run this sample locally on Windows using either Chrome or Firefox?
代码库在 web_server 文件夹下包含一个 server.js 文件。您可以 运行 在本地使用 nodejs。
- 确保您安装了 nodejs 和 npm。
- 运行
npm install
从基本目录安装 依赖项。 - 转到 web_server 文件夹,然后 运行 使用 server.js 文件
node server.js
- 它应该启动服务器,样本将在
可用 https://localhost:8080
您应该可以访问您的演示 https://localhost:8080/src/content/capture/video-pc/
演示 运行 在我的机器上。您没有提到您使用的是哪个浏览器版本。
我使用 Chrome : Version 75.0.3770.100
进行测试。