使用 Paper.js 突出显示 YouTube 视频中的感兴趣区域
Using Paper.js to highlight a region of interest in a youtube video
我正在尝试使用 Paper.js 构建一个工具，允许用户在其浏览器中 select 视频中感兴趣的区域。这个例子反映了我想要完成的事情：http://paperjs.org/examples/hit-testing/
想象一下用户能够在 YouTube 视频的一部分周围创建一个 blob 以突出显示一个人。然后我计划根据用户的兴趣使用来自斑点的坐标进行一些计算机视觉处理。
我认为 Paper.js 是一个很好的工具，但是，我很难将 Youtube 视频嵌入到 canvas 元素中，这样我才能真正使用 Paper.js 构建工具。很难找到关于如何完成此操作的信息 - 这个 Whosebug 问题提供了答案，但必须下载 youtube 视频而不是简单地通过其 URL 链接：
我是否正确地完成了这项任务？任何人都可以想出一种方法来实现这一目标吗？谢谢！
我不知道如何将 youtube 视频嵌入 canvas，但我设法完全按照我的意愿将 youtube 视频放在 Canvas 元素后面！原来 canvas 是透明的，所以只需要一些 CSS 就可以完成我想要的。但是，这会禁用视频控件，您需要编写一些 javascript 才能使其正常工作。以下 link 说明如何将视频放在 canvas 后面：https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/HTML-canvas-guide/PuttingVideoonCanvas/PuttingVideoonCanvas.html
我正在尝试使用 Paper.js 构建一个工具，允许用户在其浏览器中 select 视频中感兴趣的区域。这个例子反映了我想要完成的事情：http://paperjs.org/examples/hit-testing/
想象一下用户能够在 YouTube 视频的一部分周围创建一个 blob 以突出显示一个人。然后我计划根据用户的兴趣使用来自斑点的坐标进行一些计算机视觉处理。
我认为 Paper.js 是一个很好的工具，但是，我很难将 Youtube 视频嵌入到 canvas 元素中，这样我才能真正使用 Paper.js 构建工具。很难找到关于如何完成此操作的信息 - 这个 Whosebug 问题提供了答案，但必须下载 youtube 视频而不是简单地通过其 URL 链接：
我是否正确地完成了这项任务？任何人都可以想出一种方法来实现这一目标吗？谢谢！
我不知道如何将 youtube 视频嵌入 canvas，但我设法完全按照我的意愿将 youtube 视频放在 Canvas 元素后面！原来 canvas 是透明的，所以只需要一些 CSS 就可以完成我想要的。但是，这会禁用视频控件，您需要编写一些 javascript 才能使其正常工作。以下 link 说明如何将视频放在 canvas 后面：https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/HTML-canvas-guide/PuttingVideoonCanvas/PuttingVideoonCanvas.html