Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 两个或多个画布元素与一个视频元素同步_Javascript_Html_Video_Canvas_Css - Fatal编程技术网

Javascript 两个或多个画布元素与一个视频元素同步

Javascript 两个或多个画布元素与一个视频元素同步,javascript,html,video,canvas,css,Javascript,Html,Video,Canvas,Css,我想做的是定义一个隐藏的HTML5视频元素,并生成两个画布对象,显示该视频的左半部和右半部。有人有一个简单的例子,或者对此有什么建议吗?将一个HTML5视频元素分解成几个部分。因此,您应该能够根据需要对其进行调整。这应该适合您以下是一个捕获视频帧并将其显示在画布上的示例:在实时执行此操作时,您可能会遇到性能问题。实际上,我的意思是播放与2个或更多画布元素同步的同一视频。谢谢你的链接。我正在检查它。@Volkan,我明白了。该示例显示了一个画布元素,该元素引用视频片段,但您应该能够使其适应多个画布

我想做的是定义一个隐藏的HTML5视频元素,并生成两个画布对象,显示该视频的左半部和右半部。有人有一个简单的例子,或者对此有什么建议吗?

将一个HTML5视频元素分解成几个部分。因此,您应该能够根据需要对其进行调整。

这应该适合您

以下是一个捕获视频帧并将其显示在画布上的示例:在实时执行此操作时,您可能会遇到性能问题。实际上,我的意思是播放与2个或更多画布元素同步的同一视频。谢谢你的链接。我正在检查它。@Volkan,我明白了。该示例显示了一个画布元素,该元素引用视频片段,但您应该能够使其适应多个画布。