【问题标题】:Solutions for dynamic video content injection动态视频内容注入解决方案
【发布时间】:2011-11-30 17:17:07
【问题描述】:

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

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

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

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

如果这个问题在这里是错误的,请让我到正确的门户那里问我的问题(webapps 门户的常见问题解答说我不要在那里发布程序问题。通常这是一个编程问题)。

【问题讨论】:

    标签: flash html video canvas


    【解决方案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 并让服务器“写入”一个新的视频文件(如果您的服务器有足够的资源,这会非常快)然后将视频返回到前端以显示定制剪辑。这样做的缺点是它不是实时的,但优点是您可以下载/共享/发送自定义剪辑。

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

    Flash 的另一个好处是您可以访问网络摄像头并进入全屏模式,这在 HTML5 中尚无法实现。

    最好的 一个

    【讨论】:

    • 非常感谢您提供的信息丰富的回答。我会使用 HTML5,但似乎 Flash 会是更好的解决方案。
    【解决方案2】:

    别忘了html5视频标签的回滚方法。并且在不同浏览器和视频标签上的显示器尺寸之间存在差异,尤其是视频宽度。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-07-23
      • 2012-03-24
      • 2015-08-18
      • 2014-02-03
      • 1970-01-01
      • 2017-01-09
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多