Facebook graph api SoundCloud是如何在Facebook上嵌入HTML5/JS小部件的?

Facebook graph api SoundCloud是如何在Facebook上嵌入HTML5/JS小部件的?,facebook-graph-api,facebook-opengraph,soundcloud,Facebook Graph Api,Facebook Opengraph,Soundcloud,下面是我看到的情景- 您单击以将声音从SoundCloud发布到Facebook 它在帖子中嵌入了一个播放器,你可以点击它将你带到SoundCloud上的原始项目,也可以点击播放图标在你的订阅源中播放声音 该播放器是一个Javascript/HTML5播放器(您可以通过查看源代码看到),但是,如果您将嵌入的URL放入Facebook open graph调试器中,您将看到它似乎指向嵌入Flash SWF SoundCloud是如何做的,看起来是什么,某种重定向技巧来让“og:video”SW

下面是我看到的情景-

  • 您单击以将声音从SoundCloud发布到Facebook
  • 它在帖子中嵌入了一个播放器,你可以点击它将你带到SoundCloud上的原始项目,也可以点击播放图标在你的订阅源中播放声音
  • 该播放器是一个Javascript/HTML5播放器(您可以通过查看源代码看到),但是,如果您将嵌入的URL放入Facebook open graph调试器中,您将看到它似乎指向嵌入Flash SWF
SoundCloud是如何做的,看起来是什么,某种重定向技巧来让“og:video”SWF变成JS/HTML5播放器的

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

你自己试试这个:

  • OG调试:

我确实从SoundCloud网站上找到了一些关于他们如何切换到JS播放器(在旧浏览器上使用Flash)的信息:

这可能只是部分答案。但有一个特殊的项目“目前只对列入白名单的合作伙伴开放”。这包括一个游戏,其目标是“在Facebook.com上的提要故事上启用播放按钮,可以播放和暂停曲目,并指示正在播放的曲目。”


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

这也让我感到困扰。我从未见过任何其他内容包含在带有iframe/oembed的facebook中。关于soundcloud.sound,这是soundcloud在Facebook上定义的实体-soundcloud应用程序OpenGraph entities。oEmbed代码可能在其他地方。+1,我似乎找不到任何关于这方面的文档。我无法告诉你怎么做,但他们在2011年或2012年f8期间宣布了一项特别交易(内容合作)-最终,我认为facebook向sc提供了一个特殊的facebook应用程序/小部件,它可以更深入地集成到fbs的时间线中——也许仅仅通过使用og tagHi mb21,我认为Kaltura也被列入了白名单。你确定现在FB接受HTML5视频播放器来嵌入吗?