javascript - 如何创建类似 Facebook 直播的 javascript 插件？

Question

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

谢谢

Answer 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 中的内容

fb-root 元素也可能用于内容。不知道。必须查看@DOM。

这实际上是大多数这些小部件所做的。通常，您会告诉用户通过脚本标签获取 script.js，并定义他们希望内容出现在其中的元素。加载脚本标签后，注册一个 onload 处理程序，找到您的元素，然后执行操作你必须这样做。

请注意隔离您可能依赖的任何 jQuery 实例或全局变量，以免弄乱页面上的任何内容。