facebook-graph-api - SoundCloud 如何在 Facebook 上嵌入 HTML5/JS 小部件？

Question

这是我看到的场景 -

您点击将声音从 SoundCloud 发布到 Facebook

它在帖子中嵌入了一个播放器，可以单击该播放器将您带到 SoundCloud 上的原始项目，或者您可以单击播放图标在您的提要中播放声音。

该播放器是一个 Javascript/HTML5 播放器(您可以通过查看源代码看到)但是，如果您将嵌入的 URL 放入 Facebook 开放图形调试器中，您会看到它似乎正在定向嵌入 Flash SWF

SoundCloud 是如何做的，看起来是什么，某种重定向技巧来让“og:video”SWF 变成 JS/HTML5 播放器？

我注意到“soundcloud:sound”有一个“og:type”，那么它是某种白名单/Facebook 应用场景吗？

自己试试这个:

OG 调试: https://developers.facebook.com/tools/debug/og/object?q=https%3A%2F%2Fsoundcloud.com%2Fsystek_music%2Fcyberoptics-sub-antix-the%3Futm_source%3Dsoundcloud%26utm_campaign%3Dshare%26utm_medium%3Dfacebook

我确实从 SoundCloud 网站找到了一些关于他们如何切换到 JS 播放器(在旧浏览器上回退到 Flash)的信息: http://help.soundcloud.com/customer/portal/articles/1219149-where-has-the-flash-widget-gone-

Answer 1

这可能只是部分答案。但是有一个特殊的Facebook Open Graph Music “目前仅对列入白名单的合作伙伴可用”的程序。这包括 bridge其目标是“在 Facebook.com 上的动态消息上启用播放按钮，可以播放和暂停轨道并指示正在播放的轨道。”

但是，apparently您可以在 application/x-shockwave-flash 中包含 Flash (video/mp4) 和 HTML5 视频 (og:video:type) 格式属性(property)。