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 进行测试。