【问题标题】:Personalized Video / Facebook App - What is the best approach?个性化视频/Facebook 应用程序 - 最好的方法是什么?
【发布时间】:2012-11-18 16:32:26
【问题描述】:

我想构建一个具有个性化视频的 facebook 应用程序,该应用程序从用户的 facebook 个人资料及其扩展的社交图谱中导入内容资产,并将这些资产集成到时间线中。我正在考虑使用 Flash,但是一个关键规定是该应用程序可以在移动设备上运行 - 所以我需要使用 HTML5。我的问题是:我是否可以使用 Flash 构建应用程序,然后将应用程序编译为 HTML5 - 或者是否有其他解决方案,其形式为带有编程层的 HTML5 视频工具包,允许我构建 Web 应用程序/访问Facebook API?

【问题讨论】:

标签: facebook html flash facebook-graph-api html5-video


【解决方案1】:

这些年来我已经做过几次了,是的,flash 是最简单的,但是有一些可供您使用的选项,我知道它们将完全基于 HTML5,我个人会远离 flash在这里,因为它最终会进入他的方式:

1- 最简洁的方法是在服务器端使用视频合成工具,该工具可以编程为接受变量。就我个人而言,我只使用 ffmpeg 做过这个,但是有几个替代品。 基本过程是从 FB 获取媒体,然后使用 shell 脚本在服务器上的基本视频的顶部/下方/周围的某个点合成它们,然后将媒体资产作为变量传递给该脚本。您可能希望如何完成此操作有很多选择,可能最好看看其中一些示例:

http://broadcasterproject.wordpress.com/2010/05/18/how-to-layerremix-videos-with-free-command-line-tools/

http://graphcomp.com/ffmpeg/

ffmpeg watermark without vhook?

请注意,我上次这样做时使用了 vhooks 和自定义过滤器,现在 vhooks 已被弃用

如果您的应用很受欢迎,但它可能是跨设备等最强大的应用,则此方法将意味着相当重的服务器负载。

2- 使用Popcorn.js,让处理在客户端完成。您可以使用 css/js/html 对其进行硬编码,但爆米花非常稳定,尽管我还没有看到它如何在设备上运行,但理论上它应该可以工作(所有标准化技术)。基本上,该过程将使用 javascript 在预设提示点处触发覆盖在视频基础文件上的图像显示。爆米花已经为你准备好了所有的方法和手段。

希望这会有所帮助。祝你好运,听起来很有趣。

【讨论】:

    【解决方案2】:

    我们意识到一些交互式视频应用程序,最近的一个项目与您的问题描述的非常相似。

    我们使用 adobe flash 来跟踪运动 - 并通过 create.js 发布项目。您可以从 create.js 中获得图像序列,或者将视频放在后面的层中。然后,该视频将通过 jquery 控制 create.js 运动跟踪序列的播放器头部时间。

    工作正常 - 这里是一个带有图像序列的测试设置的链接。 视频集成将是下一步。

    http://www.jungeroemer.net/projekte/testpersvid/elftest01.html

    (德语文本,抱歉,在那里阅读并不重要。 只需点击图片即可)

    您可以从链接下载源代码,如果您需要,我还可以上传 Flash 文件以向您展示运动跟踪。

    【讨论】:

      猜你喜欢
      • 2012-08-08
      • 1970-01-01
      • 2020-10-19
      • 1970-01-01
      • 1970-01-01
      • 2010-09-20
      • 1970-01-01
      • 2011-12-24
      • 1970-01-01
      相关资源
      最近更新 更多