Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >使用Paper.js在youtube视频中突出显示感兴趣的区域

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

Stack Overflow用户

提问于 2016-01-17 10:16:34

回答 1查看 428关注 0票数 0

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

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

我认为Paper.js是一个很好的工具，然而，我很难将Youtube视频嵌入到一个画布元素中，这样我就可以使用Paper.js来构建这个工具了。令人惊讶的是，很难找到关于我如何做到这一点的信息--这个堆叠溢出问题提供了一个答案，但是youtube视频必须下载，而不是简单地通过URL：Youtube video Inside canvas链接。

我是否正确地完成了这项任务？有人能想出办法来完成这个任务吗？谢谢!

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-01-18 14:05:41

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

票数 0

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/34841877

复制

相关文章

Swift 中的属性包装器

swift ios 存储 api

当处理代表某种状态形式的属性时，通常会在每次修改值时触发某种关联的逻辑。例如，我们可以根据一组规则验证每个新值，可以以某种方式转换分配的值，或者每当值更改时都可以通知一组观察者。

韦弦zhy

2021/04/08

2.7K0

CSS中的“>”是什么意思

java https 网络安全

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/113498.html原文链接：https://javaforall.cn

全栈程序员站长

2022/07/07

4.1K0

css中的clear的作用是什么_css中class的用法

元素浮动之后，周围的元素会重新排列，为了避免这种情况，使用 clear 属性。

全栈程序员站长

2022/10/01

1.6K0

css中的clear的作用是什么_css中class的用法

java中的包装类

数据结构编程算法 c++

通过查看源码或API文档，我们可以知道包装类再java.lang包下，而且所有包装类都是final修饰的，即不能被继承。里面维护的基本数据类型的变量value，也是final修饰的，不能更改，即一旦创建对象，其内容就不能修改。包装类主要分为三种不同类型：数值类型(Byte、Short、Integer、Long、Float和Double)、Character类型、Boolean类型。

别团等shy哥发育

2023/02/25

1.1K0

CSS中，如何处理短内容和长内容？

css github https git 开源

最近开源了一个 Vue 组件，还不够完善，欢迎大家来一起完善它，也希望大家能给个 star 支持一下，谢谢各位了。

前端小智@大迁世界

2021/02/04

1.9K0

CSS 中的定位(position)布局，是什么？

使用 position、left、right、top、bottom，可以改变元素现有位置，譬如让元素从正常布局流中跳出来，固定在页面某个位置上。

Learn-anything.cn

2021/12/10

5480

CSS 中的网格(grid)布局，是什么？

网格布局就是把页面拆分成很多小格子，用于对齐和摆放元素。有三个重要的属性：行(row)、列(column)、沟槽(gutter，表示行列的间隙)。

Learn-anything.cn

2021/12/10

3.1K0

CSS中的计数器

<p>Place the flour in a large bowl, make a well in the centre and pour in the milk and eggs. Give the liquid mixture a quick whisk before incorporating the flour. Continue to whisk until you have a smooth batter.</p>

大江小浪

2018/07/25

1.3K0

【说站】css中hack是什么

因为不同的厂商或浏览器的不同版本(如IE6-IE11,Firefox/Safari/Opera/Chrome等)，对CSS的支持、解析并不相同，导致在不同浏览器环境下呈现不一致的页面展示效果。

很酷的站长

2022/11/24

4990

【说站】css中animation是什么

css3中提供了很强大的animation动画，它可以指定多个关键帧，从而允许定义更加丰富的自定义动画。

很酷的站长

2022/11/24

3630

【说站】css中animation是什么

【说站】css中transition是什么

通常情况下，CSS 属性变化是立即生效的，新的属性值在超级短的时间内替换掉旧的属性值，然后浏览器重新绘制样式内容（可能是 reflow 或者 repaint）。大部分情况下会感觉样式变化突兀，而transition则可以添加顺滑的一个变化效果。

很酷的站长

2022/11/24

3060

【说站】css中transition是什么

【说站】css中flex是什么

以上就是css中flex的介绍，希望对大家有所帮助。更多css学习指路：css教程

很酷的站长

2022/11/24

6700

Java-包装器类

java c++编程算法

所有的基本类型都有一个与之对应的类，这些类称为包装器类。对象包装器类是不可改变的，即一旦构造类包装器类，就不允许更改包装在其中的值。同时，对象包装器类还是final，因此不能定义它们的子类。

用户7886150

2021/02/02

6030

【说站】css中sticky属性是什么

1、position的新属性sticky，在屏幕范围内(viewport)设置sticky元素时，该元素的位置不会受到定位的影响。

很酷的站长

2022/11/23

5530

【说站】css中sticky属性是什么

【说站】css中couters函数是什么

1、counters函数也必须和content属性一起使用，用来显示CSS计数器。

很酷的站长

2022/11/24

2350

【说站】css中couters函数是什么

【说站】css中rotate函数是什么

2、指定的角度定义了旋转的量度。若角度为正，则顺时针方向旋转，否则逆时针方向旋转。旋转180°也被称为点反射。

很酷的站长

2022/11/24

6010

【说站】css中rotate函数是什么

【说站】css中clear属性是什么

1、用于规定元素哪一侧不允许浮动元素，默认值为none，表示不清除，左右两侧允许浮动元素。

很酷的站长

2022/11/23

5440

【说站】css中clear属性是什么

【说站】css中Grid模块是什么

1、为了创建一个有行和列的布局，Grid模块增加了18个新的CSS属性。grid-gap属性可用于CSS网格可以很容易地在列和行之间增加间距。这是行和列之间的简称。

很酷的站长

2022/11/24

4510

【说站】css中Grid模块是什么

在CSS中写 when/else 是什么体验

大家都知道CSS已经有@media、@support 查询形式的条件，可以非常灵活地选择对应的样式，然而还有一个新的提议叫做 when/else，这语法似乎看起来更加明了方便

@零一

2021/12/16

8480

【C++11】包装器 | bind

c++bind 对象函数指针

function包装器也被叫做适配器 C++11中function本质是类模板，也是一个包装器

lovevivi

2023/10/17

2690

【C++11】包装器 | bind

相似问题

相对包装器中的CSS居中内容

10

#CSS包装器无法识别内容

24

CSS拉伸包装器垂直封装内容

17

带有CSS样式的内容包装器问题

21

HTML/CSS -自动调整包装器中内容的宽度

23

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例