如何創建一個JavaScript插件，如Facebook直播流？

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. 加載腳本代碼查找fb：live-stream元素並查看屬性作爲參數小號
3. 在FB：實時流元件從DOM移出並轉化成適當的DIV等
4. 腳本寄存器一些機制來週期性地刷新的DIV內容

它也有可能是fb-root元素用於內容。不知道。將不得不看@一個DOM。

這些小部件確實都是大部分組件。通常你告訴用戶通過腳本標籤獲取script.js，並定義一個他們希望內容出現的元素。一旦腳本標籤被加載，註冊一個onload處理程序，找到你的元素並執行你必須這樣做。

只要小心隔離可能依賴的所有jQuery實例或全局變量，這樣就不會搞亂頁面上的任何內容。