使用Paper.js突出显示YouTube视频中感兴趣的区域

时间:2016-01-17 18:16:35

标签: javascript html5 canvas youtube paperjs

我正在尝试使用Paper.js构建一个工具,允许用户在浏览器中选择视频中的感兴趣区域。这个例子反映了我想要完成的任务:http://paperjs.org/examples/hit-testing/

想象用户能够围绕YouTube视频的一部分创建blob以突出显示某个人。然后,我计划根据用户的兴趣,使用blob点的坐标进行计算机视觉处理。

我认为Paper.js是一个很好的工具,但是,我很难在画布元素中嵌入Youtube视频,这样我才能真正使用Paper.js来构建工具。很难找到关于如何实现这一目标的信息 - 这个stackoverflow问题提供了答案,但必须下载youtube视频而不是简单地通过其URL链接:Youtube video Inside canvas

我是否正确接近此任务?谁能想到一种方法来实现这一目标?谢谢!

1 个答案:

答案 0 :(得分:0)

我无法想象如何在画布中嵌入youtube视频,但我设法完全按照我想要将youtube视频放在Canvas元素后面!事实证明画布是透明的,所以只需要一些CSS来完成我想要的东西。但是,这会禁用视频的控件,您需要编写一些javascript才能正常工作。以下链接说明了如何在画布后面放置视频:https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/HTML-canvas-guide/PuttingVideoonCanvas/PuttingVideoonCanvas.html