0
A
回答
1
是的。我推薦Popcorn.js,這是一個Javascript庫,它可以很容易地將動態內容與視頻同步。有很多爆米花插件可以生成不同類型的動態內容和效果,有些插件甚至可以製作非常豐富的動畫。或者,您可以編寫自己的插件。
如果您不想編寫代碼就可以試試它,還有一個Popcorn的圖形界面。 https://popcorn.webmaker.org/
如果您只是想在視頻上疊加內容,則可以使用HTML和CSS完成很多操作。使用畫布的主要優點是可以在動態內容和/或視頻本身上運行像素效果。 (例如,Seriously.js)。
使用畫布還有另一個奇怪的原因,即HTML/CSS內容看起來比視頻更清晰,因爲視頻是壓縮的,通常是縮放的,而HTML內容則不是。如果您想真正讓動態內容看起來像視頻的一部分,您可以在畫布上進行生成並縮放,模糊或以其他方式降級。
相關問題
- 1. html5視頻自定義控件
- 2. 自定義HTML5視頻停止點/幀
- 3. HTML5視頻與自定義控件
- 4. HTML5自定義視頻播放器
- 5. 使用HTML5視頻和Javascript的自定義控件的視頻
- 6. HTML5視頻與JavaScript - 自定義按鈕的多個視頻
- 7. 自定義視頻
- 8. 自定義html5音頻播放器
- 9. HTML5視頻播放器與自定義開始末尾scrubar
- 10. 如何創建自定義HTML5視頻控件?
- 11. jquery自定義HTML5視頻不工作在ipod
- 12. 是否可以自定義本地播放器HTML5視頻?
- 13. 爲HTML5創建自定義音量控件的問題視頻
- 14. 自定義標題與HTML5視頻請求
- 15. HTML5:iPad上的視頻 - 自定義縮放控件
- 16. html5視頻//自動播放
- 17. HTML5視頻重定向
- 18. HTML5視頻鉻
- 19. 視頻在HTML5
- 20. 對HTML5視頻
- 21. Chrome html5視頻
- 22. HTML5視頻爲
- 23. HTML5視頻量
- 24. html5視頻流
- 25. HTML5視頻和HTML5樣板
- 26. 自定義UIView顯示視頻
- 27. 自定義視頻拍攝方向
- 28. Android自定義視頻播放器
- 29. HTML 5視頻自定義控件
- 30. WXPython視頻MediaCtrl自定義按鈕
您可以將這些幀複製到畫布上,並像這樣操作它。但是,爲什麼不簡單地將你的內容覆蓋在'video'元素之上呢? –
任何教程/例子都會很棒,覆蓋內容vs使用cavas的好處/缺點是什麼 – anon