自定義HTML5視頻

Question

我可以動態更改HTML5中的視頻以顯示自定義內容，例如視頻中顯示的用戶名？

（如果不是HTML5，可以採取其他方式）

Answer 1

是的。我推薦Popcorn.js，這是一個Javascript庫，它可以很容易地將動態內容與視頻同步。有很多爆米花插件可以生成不同類型的動態內容和效果，有些插件甚至可以製作非常豐富的動畫。或者，您可以編寫自己的插件。

如果您不想編寫代碼就可以試試它，還有一個Popcorn的圖形界面。 https://popcorn.webmaker.org/

如果您只是想在視頻上疊加內容，則可以使用HTML和CSS完成很多操作。使用畫布的主要優點是可以在動態內容和/或視頻本身上運行像素效果。 （例如，Seriously.js）。

使用畫布還有另一個奇怪的原因，即HTML/CSS內容看起來比視頻更清晰，因爲視頻是壓縮的，通常是縮放的，而HTML內容則不是。如果您想真正讓動態內容看起來像視頻的一部分，您可以在畫布上進行生成並縮放，模糊或以其他方式降級。