動態視頻內容注入解決方案

Question

我不確定這是否是正確的平臺問這個問題。 我正在尋找在網絡視頻中動態視頻內容注入的解決方案。

例如：讓用戶定義一些數據或對象，如發佈後將在視頻中使用的照片。

我發現HTML5畫布的例子： http://ajaxian.com/archives/dynamic-content-injection-with-html5-canvas-and-video

但是，這看起來有點實驗，當然，我正在尋找最佳的解決方案。這也可能是Flash的解決方案。我不知道最好的辦法是做什麼。

如果這個問題在這裏是錯誤的，請轉到正確的門戶網站，在那裏問我的問題（webapps門戶網站的常見問題說我不要在那裏發佈programmign問題，通常這是一個編程問題）。

Answer 1

這裏有很多選項分成2個基本集合; flash或html5。

一般人這些天更喜歡HTML5解決方案，因此這裏有方法，我會去這個在HTML5： 使用視頻對象與畫布對象（物體/元素）。這裏有一個基本的例子： http://developer.apple.com/library/safari/#documentation/AudioVideo/Conceptual/HTML-canvas-guide/PuttingVideoonCanvas/PuttingVideoonCanvas.html 這種方法的好處是你可以讓動態對象與視頻實時交互。 如果你想爲先進的視頻處理一個簡單但非常強大和穩定的工具，我強烈建議Popcorn.js： http://popcornjs.org/這裏看看他們的演示，什麼可能的味道：http://popcornjs.org/demos

第二個選項，如果你不」需要實時操作的是使用服務器端庫，如ffmpeg http://ffmpeg.org/。例如，您可以將一些圖像，動畫，文本等張貼到ffmpeg，並讓服務器「寫入」一個新的視頻文件（如果您的服務器有足夠的資源，這個文件可以非常快），然後將視頻返回到前端以顯示定製剪輯。這樣做的缺點是它不是實時的，但好處是可以下載/共享/發送自定義剪輯。

在閃光你有多種可能性也和我敢說它的視頻處理能力更證明了在閃光你也將得到更廣泛的瀏覽器滲透率這種方式在資源管理器6/7/8支持，而HTML5視頻的心不是總體來說就是閃光。您可以使用Flash視頻的每個幀中的BitmapData來分析圖片並將as3中您喜歡的任何Sprite類型合成。有一個偉大的圖書館，我以前用它叫做HiSlope http://play.blog2t.net/tag/hislope/，這個圖書館沒有很好的文檔記錄，但是對於分析和合成形狀，圖像，文本等等在重播視頻上真的非常好。 這裏有一個演示它在現場攝像頭或視頻流上的工作。 http://play.blog2t.net/files/black-or-white/

flash的另一個好處是，您可以訪問網絡攝像頭並進入全屏模式，但這兩種模式都無法在HTML5中完成。

最佳 一個

Answer 2

不要忘了HTML5視頻標籤的回滾方法。視頻標籤上的瀏覽器和顯示器尺寸存在差異，尤其是視頻寬度。