如何创建像Facebook直播流的javascript插件?

时间:2011-07-18 16:50:19

标签: javascript

我希望为我的网站创建一个简单的java脚本插件,可以放在其他网站上从我的网站提取信息。 Facebook直播插件允许您选择几个选项,它会吐出一行代码放在您的网站上以获得Facebook直播。有人可以指出我正确的方向或给我一些如何做到这一点的信息?我知道如何编写java脚本来从我的网站提取,但我不知道如何将它简单地集成到另一个网站。我真的很喜欢Facebook插件只需要一行java脚本,这将使我的客户更容易加入他们的网站。任何帮助将不胜感激。

由于

1 个答案:

答案 0 :(得分:1)

查看使用FB直播流时必须发布的代码:

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js#appId=APP_ID&amp;xfbml=1"></script>
<fb:live-stream event_app_id="APP_ID" width="400" height="500" xid="" 
always_post_to_friends="false"></fb:live-stream>

所以这就是我认为在封面下发生的事情:

  1. 从服务器获取脚本
  2. Onload脚本代码查找fb:live-stream元素并将属性视为参数
  3. fb:live-stream元素从DOM中删除并转换为适当的DIV等。
  4. 脚本注册了一些机制来定期刷新DIV中的内容
  5. fb-root元素也可能用于内容。不知道。必须看看@ DOM。

    这些小部件中的大多数都是这样的。通常你告诉用户通过脚本标签获取script.js,并定义他们希望内容出现的元素。加载脚本标记后,注册一个onload处理程序,找到你的元素,然后做什么你必须这样做。

    请小心隔离您可能依赖的任何jQuery实例或全局变量,这样就不会弄乱页面上的任何内容。