Content Provider Like Jabbr

Question

基本思路是，如果我從你的管道添加網址到我的聊天，它會從YouTube獲取內容並在聊天窗口本身顯示視頻。

我如何獲得內容提供者，如Jabbr甚至像Gmail或Facebook。有沒有一個已知的JS庫或標準函數來完成這個？ 我看了一下Jabbr代碼，它已經在服務器端完成了，並且不能用於頁面刷新。

我正在尋找任何資源，你可以指點我可以幫助我開始。 我期待添加像Youtube.com，twitter等不同的內容提供商到我的聊天。

Answer 1

我還沒有找到任何預製庫來做到這一點。但是推出自己的產品還不錯， jQuery代碼自動注入一個YouTube視頻可能是這樣的：

urls = text.match(/http:\/\/www.youtube.com\/watch\?.*v\=([^\?\&]+)/); 

if (urls) { 
    $("#chatbox").prepend('<div class="entry"><iframe title="YouTube video player" class="youtube-player" type="text/html" width="320" height="240" src="http://www.youtube.com/embed/' + urls[1] + '" frameborder="0" allowFullScreen></iframe></div>'); 
    return; 
} 

看看這個例子搗鼓這表明了效果：example。作爲另一個例子，它也匹配簡單的鏈接。爲了擴展這個概念，你只需要弄清楚你想要匹配什麼類型的輸入（例如，像我的例子中的正則表達式），以及你需要注入什麼代碼（例如，YouTube嵌入iframe）。

您應該小心謹慎地測試表達式和注入，以免讓用戶注入惡意代碼。