3

基本想法是，如果我将您管的网址添加到我的聊天中，它将从 youtube 获取内容并在聊天窗口本身上显示视频。

我怎样才能获得像Jabbr甚至像 gmail 或 Facebook 这样的内容提供者。是否有已知的 JS 库或标准函数来完成此任务？我查看了 Jabbr 代码，它已在服务器端完成，并且无法进行页面刷新。

我正在寻找任何可以帮助我入门的资源。我希望在我的聊天中添加不同的内容提供商，如 Youtube.com、twitter 等。

4

1 回答 1

3

我也没有找到任何预制库来执行此操作。但是自己动手也不错。自动注入 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;
}

查看演示效果的示例小提琴：示例。作为另一个示例，它还匹配纯链接。为了扩展这个概念，你只需要弄清楚你想要匹配什么类型的输入（例如我的例子中的正则表达式），以及你需要注入什么代码（例如 YouTube 嵌入 iframe）。

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

于 2013-04-02T22:35:55.090 回答