SoundCloud如何在Facebook上嵌入HTML5/JS小部件？

Question

这是我看到的情景 -

• 您单击以将声音从SoundCloud发布到Facebook
• 它会在帖子中嵌入一个播放器,可以单击该播放器将您带到SoundCloud上的原始项目,也可以单击播放图标在播放中播放声音.
• 播放器是一个Javascript/HTML5播放器(你可以通过查看来源看到)但是如果你把嵌入式URL放在Facebook开放图调试器中,你会发现它似乎指向嵌入Flash SWF

SoundCloud如何做,似乎是某种重定向技巧,让"og:video"SWF变成JS/HTML5播放器？

我注意到有一个"og:type"的"soundcloud:sound",所以它是某种白名单/ Facebook应用场景吗？

自己尝试一下:

• OG调试: https ://developers.facebook.com/tools/debug/og/object？q = http %% 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都具有一个最闪光的小部件,gone-

Answer 1

这可能只是部分答案。但Facebook存在一个特殊的Open Graph Music计划，“目前仅向白名单合作伙伴开放”。其中包括一个桥，其目标是“在 Facebook.com 上的动态故事上启用播放按钮，可以播放和暂停曲目并指示正在播放的曲目”。

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