我想构建一个具有个性化视频的 facebook 应用程序,该应用程序从用户的 facebook 个人资料及其扩展的社交图谱中导入内容资产,并将这些资产集成到时间线中。我正在考虑使用 Flash,但是一个关键规定是该应用程序可以在移动设备上运行 - 所以我需要使用 HTML5。我的问题是:我是否可以使用 Flash 构建应用程序,然后将应用程序编译为 HTML5 - 或者是否有其他解决方案,即带有编程层的 HTML5 视频工具包,允许我构建 Web 应用程序/访问脸书API?
2 回答
这些年来我已经做过几次了,是的,flash 是最简单的,但是我知道有一些选项可供你使用,我知道它们将完全基于 HTML5,我个人会远离 flash,因为它最终只会进入他的方式:
1- 最简洁的方法是使用服务器端的视频合成工具,可以对其进行编程以接受变量。就我个人而言,我只使用 ffmpeg 做过这个,但是有几个替代品。基本过程是从 FB 获取媒体,然后使用 shell 脚本在服务器上的基础视频的顶部/下方/周围的某个点合成它们,然后将媒体资产作为变量传递给该脚本。您可能希望如何完成此操作有很多选择,可能最好查看其中一些示例:
请注意,上次我这样做时我使用了 vhooks 和自定义过滤器,现在不推荐使用 vhooks
如果您的应用程序很受欢迎,这种方法将意味着相当重的服务器负载,但它可能是跨设备等最强大的。
2- 使用Popcorn.js,让处理在客户端完成。您可以使用 css/js/html 对其进行硬编码,但 popcorn 非常稳定,尽管我还没有看到它是如何在设备上运行的,但理论上它应该可以工作(所有标准化技术)。基本上,该过程将使用 javascript 在预设提示点处触发覆盖在视频基础文件上的图像显示。爆米花已经为您提供了所有方法和手段。
希望这个对你有帮助。祝你好运,听起来很有趣。
我们意识到一些交互式视频应用程序,最近的一个项目与您的问题描述的非常相似。
我们使用 adobe flash 来跟踪运动 - 并通过 create.js 发布项目。您可以从 create.js 中获得图像序列,或者将视频放在后面的层中。然后,该视频将通过 jquery 控制 create.js 运动跟踪序列的播放器头部时间。
工作正常 - 这里是一个带有图像序列的测试设置的链接。视频集成将是下一步。
http://www.jungeroemer.net/projekte/testpersvid/elftest01.html
(德语文本,抱歉,在那里阅读并不重要。只需单击图像即可)
您可以从链接下载源代码,如果您需要,我还可以上传 Flash 文件向您展示运动跟踪。