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. 大量目錄是否對性能產生負面影響?
- 2. Drools Salience是否會對性能產生影響?
- 3. Flex移動 - 是否有可能對啓動畫面有影響?
- 4. 是否有可能產生具有FPDF
- 5. 未使用的導入和對象是否會對性能產生影響
- 6. 在生產中使用ActionCable時,性能是否會影響?
- 7. C# - WebMethodAttribute可以對性能產生負面影響嗎?
- 8. 是否有可能產生JSFManagedBean
- 9. html5評論會對結果產生影響,但爲什麼?
- 10. 依賴注入是否會對JVM的優化能力產生負面影響?
- 11. 視圖中的跨模式查詢是否對Oracle產生了性能影響?
- 12. 向MySQL表添加大列(VARCAHR)是否會對性能產生重大影響?
- 13. 基於文件的CacheDependency是否會對性能產生負面影響?
- 14. Docker的調試和實驗標誌是否會對性能產生影響?
- 15. 「set -euo pipefail」是否對eval有影響?
- 16. 對自己的typedef是否有影響?
- 17. 到期日是否對MemoryCacheClient有影響?
- 18. 運營商overloader沒有產生影響
- 19. 將* .sdf文件添加到.gitignore中可能產生的影響
- 20. 使用_config.GetSection(「section」)[「key」]會對性能產生影響嗎?
- 21. Oracle中使用LIKE'string'vs ='string'會對性能產生什麼影響?
- 22. dns預取會對性能產生負面影響嗎?
- 23. 不使用jquery函數會對性能產生什麼影響?
- 24. 在GridView中使用android:numColumns =「auto_fit」會對性能產生影響嗎?
- 25. ELMAH會對性能產生什麼影響?
- 26. 爲什麼GIL替代品會對性能產生影響?
- 27. 是否有任何可能影響鎖屏gui
- 28. 是否有可能影響'_'lambda參數的排序方式?
- 29. NSLog是否對應用程序性能有任何影響?
- 30. 爲什麼不可能對焦點的子元素產生影響?
是否可以使視頻透明?我擔心的一個問題是,我會如何讓一隻老虎在拍照時動起來。 – Albert 2013-02-15 07:53:01
可能,是的。你能否更詳細地解釋你想做什麼......我不清楚。 – markE 2013-02-15 16:48:13