javascript - 使用 WebRTC 流式传输 HTML5 Canvas 事件

Question

我想使用 WebRTC 流式传输 HTML5 Canvas 的事件。一个用户广播他的 Canvas ，连接的对等点看到远程对等点在他的 Canvas 上做什么，如果他正在画一条线或任何东西，我希望连接的对等点看到他自己的 Canvas 上的变化。

我的问题是，WebRTC 开箱即用吗？经过我的搜索，我会说情况并非如此。

如果不是，您将如何处理这样的系统？

谢谢。

Answer 1

是的，有； CANVAS 元素带有一个 captureStream 方法，允许您将 Canvas 捕获为 RTC Peer Channel 兼容的 MediaStream。正如您将相机流发送给另一个对等点一样，您可以将捕获的流发送给对等点以使其正常工作。

引用:https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/captureStream

当然不是所有浏览器都支持它；但它是一项有用的技术，因为它可以按照您提到的方式用于 CANVAS 流式传输。

我很惊讶地看到有一个 2015 年的答案说这是不可能的 - canvas 上的 captureStream 方法自 2014-2015 年以来一直存在......今天有很多演示可能会对你有所帮助开始吧。