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）。

您应该小心谨慎地测试表达式和注入，以免让用户注入恶意代码。