使用 Paper.js 在 youtube 视频中突出显示感兴趣的区域答案

【问题标题】：Using Paper.js to highlight a region of interest in a youtube video使用 Paper.js 在 youtube 视频中突出显示感兴趣的区域
【发布时间】：2016-01-17 18:16:34
【问题描述】：

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

想象一下用户能够在 youtube 视频的一部分周围创建一个 blob 以突出显示一个人。然后，我计划根据用户的兴趣使用来自 blob 点的坐标进行一些计算机视觉处理。

我认为 Paper.js 是一个很好的工具，但是，我很难将 Youtube 视频嵌入到画布元素中，以便我可以实际使用 Paper.js 来构建该工具。很难找到有关如何完成此任务的信息 - 这个 stackoverflow 问题提供了答案，但必须下载 youtube 视频，而不是简单地通过其 URL 链接：Youtube video Inside canvas

我是否正确地完成了这项任务？谁能想到一种方法来实现这一点？谢谢！

【问题讨论】：

标签： javascript html canvas youtube paperjs

【解决方案1】：

我不知道如何将 youtube 视频嵌入到画布中，但我成功地将 youtube 视频放置在 Canvas 元素后面！事实证明，画布是透明的，所以只需要一些 CSS 就可以完成我想要的。但是，这会禁用视频的控件，您需要编写一些 javascript 才能使其正常工作。以下链接说明了如何在画布后面放置视频：https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/HTML-canvas-guide/PuttingVideoonCanvas/PuttingVideoonCanvas.html

【讨论】：