个性化视频/ Facebook应用程序 - 最佳方法是什么？

Question

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

Answer 1

多年来我已经做了几次这样的事情，是闪存是最简单的，但有一些选项你可以使用我知道哪些将纯粹基于HTML5，个人我会远离闪存在这里，因为它最终会以他的方式进入：

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来触发在预设提示点处覆盖在视频基础文件上的图像的显示。爆米花有你做这个的所有方法和手段。

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

Answer 2

我们实现了一些交互式视频应用，最近的一个项目非常类似于您的问题描述。

我们使用adobe flash跟踪动作 - 并通过create.js发布项目。您可以在create.js中创建图像序列，或将视频放在后面的图层中。然后，该视频将通过jquery控制create.js运动跟踪序列的玩家头部时间。

工作得很好 - 这里是一个带有图像序列的testsetup的链接。 视频集成将是下一步。

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

（德语文本，对不起，但在那里阅读并不重要。 只需单击图像即可进行操作）

您可以从链接下载来源，如果您需要我还可以上传Flash文件以向您显示动作跟踪。