0
A
回答
0
我想我知道你在问什么?
画布足够快,可让您在画布上播放视频,然后在移动视频的顶部绘制人物图片。
下面是一些示例代码,演示如何将视频绘制到画布中。
然后,您将使用相同的画布上下文将人员的照片添加到视频。
效果就像天气预报员在天气图顶部“绿色屏蔽”一样。
<canvas id=c></canvas>
<video id=v controls loop>
<source src=video.webm type=video/webm>
<source src=video.ogg type=video/ogg>
<source src=video.mp4 type=video/mp4>
</video>
<script>
document.addEventListener('DOMContentLoaded', function(){
var video = document.getElementById('v');
var canvas = document.getElementById('c');
var context = canvas.getContext('2d');
var cw = Math.floor(canvas.clientWidth/100);
var ch = Math.floor(canvas.clientHeight/100);
canvas.width = cw;
canvas.height = ch;
video.addEventListener('play', function(){
draw(this,context,cw,ch);
},false);
},false);
function draw(video,canvasContext,w,h) {
if(video.paused || video.ended) return false;
c.drawImage(video,0,0,w,h);
setTimeout(draw,20,video,canvasContext,w,h);
}
</script>
相关问题
- 1. Drools Salience是否会对性能产生影响?
- 2. 是否有可能产生具有FPDF
- 3. 未使用的导入和对象是否会对性能产生影响
- 4. 在生产中使用ActionCable时,性能是否会影响?
- 5. html5评论会对结果产生影响,但为什么?
- 6. 向MySQL表添加大列(VARCAHR)是否会对性能产生重大影响?
- 7. 基于文件的CacheDependency是否会对性能产生负面影响?
- 8. Docker的调试和实验标志是否会对性能产生影响?
- 9. 依赖注入是否会对JVM的优化能力产生负面影响?
- 10. 视图中的跨模式查询是否对Oracle产生了性能影响?
- 11. Qt :: FramelessWindowHint setSizeConstraint对closeevent产生的影响
- 12. 到期日是否对MemoryCacheClient有影响?
- 13. “set -euo pipefail”是否对eval有影响?
- 14. 将* .sdf文件添加到.gitignore中可能产生的影响
- 15. 不使用jquery函数会对性能产生什么影响?
- 16. dns预取会对性能产生负面影响吗?
- 17. 在GridView中使用android:numColumns =“auto_fit”会对性能产生影响吗?
- 18. Oracle中使用LIKE'string'vs ='string'会对性能产生什么影响?
- 19. HTML5的影响,
- 20. 在此选择器中包含标签是否会对速度产生影响?
- 21. 视频缓冲是否会对缓慢连接的视频产生影响?
- 22. 是否有可能生产独立的haskell可执行文件
- 23. 在jQuery中使用live而不是绑定会对性能产生影响吗?
- 24. 是否有可能判断java ResultSet是否为空而不影响记录?
- 25. 我的asp.net/Razor项目中的HTML5能否影响功能?
- 26. 没有听众的事件会对性能产生相当大的影响吗?
- 27. Red5是否可以生产?
- 28. 相对或绝对协议是否影响dns预取性能?
- 29. 变量是否会影响性能?
- 30. 此javascript语句是否影响性能?
是否可以使视频透明?我担心的一个问题是,我会如何让一只老虎在拍照时动起来。 – Albert 2013-02-15 07:53:01
可能,是的。你能否更详细地解释你想做什么......我不清楚。 – markE 2013-02-15 16:48:13