WebRTC 示例在本地运行时在 Chrome 和 Firefox 上失败

Question

在尝试将视频流式传输到对等连接的 WebRTC 示例时：

https://github.com/webrtc/samples/tree/gh-pages/src/content/capture/video-pc

在 Firefox 中，我只看到右侧视频中呈现的黑色视频 :-(

在 Chrome 中，我遇到了一个跨域错误：Uncaught DOMException: Failed to execute 'captureStream' on 'HTMLMediaElement': Cannot capture from element with cross-origin data at HTMLVideoElement.maybeCreateStream

我没有进行任何代码更改，我只是克隆了 repo 并打开了 index.html。我还尝试在没有看到视频的情况下提供页面。

如何使用 Chrome 或 Firefox 在 Windows 上本地运行此示例？

Answer 1

如何使用 Chrome 或 Firefox 在 Windows 上本地运行此示例？

代码库包含 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测试的。