内容提供商,如Jabbr

Content Provider Like Jabbr

本文关键字:Jabbr 提供商      更新时间:2023-09-26

基本的想法是,如果我从你tube添加url到我的聊天,它会从youtube得到的内容,并显示在聊天窗口本身的视频。

我怎么能得到像Jabbr甚至像gmail或Facebook的内容提供商。有一个已知的JS库或标准函数来完成这一点吗?我看了看Jabbr代码,它已经在服务器端完成了,不做页面刷新。

我正在寻找任何资源,你可以指给我,可以帮助我开始。我希望添加不同的内容提供商,如Youtube.com, twitter等到我的聊天。

我还没有找到任何预先制作的库来做到这一点。但你自己卷也不错;自动注入YouTube视频的jQuery代码可能如下所示:

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;
}

查看这个演示效果的示例fiddle: example。作为另一个例子,它还匹配普通链接。为了扩展这个概念,你只需要弄清楚你想要匹配的输入类型(例如,我的例子中的正则表达式),以及你需要注入的代码(例如,YouTube嵌入iframe)。

你应该小心仔细地测试你的表达式和注入,以免你允许用户注入恶意代码。