动态视频内容注入的解决方案

时间:2011-11-30 17:17:08

标签: flash html5 video canvas

我不确定这是一个问这个问题的正确平台。 我正在搜索网络视频中动态视频内容注入的解决方案。

例如:让用户定义一些数据或对象,例如将在发布后在视频中使用的照片。

我找到了一个HTML5 Canvas的例子: http://ajaxian.com/archives/dynamic-content-injection-with-html5-canvas-and-video

但这看起来有点实验性,当然,我正在寻找最好的解决方案。这也可以是Flash的解决方案。我不知道最好的办法是什么。

如果这个问题出错了,请转到右侧门户网站询问我的问题(webapps门户网站的常见问题解答说我不会在那里发布程序设计问题。一般来说这是一个编程问题。)

1 个答案:

答案 0 :(得分:2)

这里有许多选项,分为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并让服务器“写入”一个新的视频文件(如果您的服务器有足够的资源,这可能非常快)然后将视频返回到前端以显示定制剪辑。这样做的缺点是它不是实时的,但好处是你可以下载/分享/发送自定义剪辑。

在闪存中你也有很多可能性,我敢说它的视频处理功能在闪存中得到了更多验证,你也可以通过这种方式获得更广泛的浏览器渗透,因为在Explorer 6/7/8中不支持html5视频而闪存总的来说会是。您可以使用Flash视频的每个帧中的BitmapData来分析图片,并在as3中合成您喜欢的任何Sprite类型。我之前使用过一个很棒的图书馆,名为HiSlope http://play.blog2t.net/tag/hislope/,这个图书馆没有很好的记录,但是非常适合分析和合成形状,图像,文本等到重新录制视频。 这是一个在现场网络摄像头或视频流上工作的演示。 http://play.blog2t.net/files/black-or-white/

闪存的另一个好处是你可以访问网络摄像头并进入全屏,但这些都无法在HTML5中完成。

最佳