javascript - HTML5相机缓冲和延迟(延迟镜像)

Question

我还不太熟悉 HTML5，但一直在寻找一个项目来深入研究它。

使用 HTML5 和相机访问可以实现以下功能吗？

• 第 1 阶段:可调节延迟的实时摄像机回放(又名延迟镜像)

• 阶段2:选择之前录制的直播流的部分内容并提供重播选项(连续循环、慢动作、绘制到图片中等)

理想情况下，它应该在 Android 平板电脑上运行。

这是一个为教练和运动员提供即时视觉反馈的应用程序。

感谢您的反馈，非常感谢! :)

汤姆

Answer 1

MDN tutorial on taking pictures with a webcam提供了以简单方式实现此功能所需的大部分内容。

• 请求视频媒体流并将其连接到视频元素。
• 将视频元素绘制到 Canvas 上。
• 将 Canvas 复制到数据 URL 或原始图像数据。
• 延迟后将其显示在另一个 Canvas 或 img 元素中。

Here is an example I wrote implementing a delayed mirror.

对于几秒钟的视频来说这已经足够了。例如，我可以用它练习舞蹈 Action 。录制和播放较长的流，您可能会遇到内存问题。