如何将基于SWF的自定义音频播放器嵌入到Facebook墙贴中?

时间:2010-10-22 14:30:38

标签: javascript facebook flash

我们有一个基于SWF的音频播放器。我们希望能够将此播放器嵌入到Facebook墙上的帖子,就像将Youtube视频或BandPage歌曲嵌入到Facebook Feed墙中一样。现在点击我们提供的图片重定向到播放器,而不是内嵌加载播放器。

更新:我们希望像BandPage一样嵌入我们的SWF播放器。我们希望在我们的图像上方放置一个小游戏按钮。我们还希望将小符号留给日期。

alt text

单击图像或播放按钮,然后加载SWF内联。

alt text

如何使用Facebook JavaScript API实现这一目标?这真的只是白名单问题吗?或者我必须提供更多参数吗?

这就是我现在所拥有的:

function fb_post()
{
    var message = 'Look at my fantastic SWF!';
    var picture = 'A LINK TO A 100X100 IMAGE';
    var link = 'A LINK TO OUR SWF';
    var source = 'A LINK TO OUR SWF';
    var name = 'Blah blah';
    var caption = 'Yada yada yada';
    var description = 'Facebook programming';
    var type = 'swf';

    FB.api('/me/feed', 'post', { message: message, picture: picture, link: link, name: name, type: type }, function(response) {
     if (!response || response.error) {
         alert('Error occured: ' + response.error.message);
        } else {
         alert('Post ID: ' + response);
        }
    });
}

更新:它现在正在运作!我们的图像上有播放按钮,SWF已加载并显示在Facebook墙上:)虽然我们还没有使用FB.api。我们正在使用FB.ui。

将此表单用于Video Embed Whitelist Request。我们不得不等待不到一周的时间才能将我们的网址列入白名单。

2 个答案:

答案 0 :(得分:6)

您需要将您的域名列入白名单。 表格如下:http://www.facebook.com/help/contact.php?show_form=video_embed_whitelist

更新: 你看过this了吗?这似乎涵盖了你的需求(男人,你不得不讨厌FB提出所有这些API和半条文档)

这可能很有趣:

<meta property="og:video" content="http://www.example.com/player.swf?video_id=123456789"/> 
<meta name="video_height" content="200" /> 
<meta name="video_width" content="300" />
<meta name="video_type" content="application/x-shockwave-flash" />

这是视频播放器的示例,但它也适用于音频播放器。

另请阅读OpenGraph文档 - 有很多关于如何使您的网站对Facebook友好的信息。

答案 1 :(得分:0)

我还尝试使用元标记在Facebook帖子中使用基于swf的音频播放器嵌入wav音频文件。

我所做的如下:

  • 使用Feed graph api将链接发布到用户的墙上。
  • 单击链接时,服务器端我将元标记添加到响应标头。

    1. 我可以在用户的​​墙上成功发布。
    2. 当朋友查看同一帖子时,朋友正确查看帖子。点击带有播放器按钮的图片时,它会播放音频。点击链接网址也可以正常播放。问题是整个帖子区域是可点击的,当点击链接和图像以外的任何区域时,它会显示我在响应标题中设置的html代码。