Question

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

我如何获得像Jabbr这样的内容提供商，甚至是gmail或Facebook。是否有一个已知的JS库或标准函数来实现这一目标？我查看了Jabbr代码，它已在服务器端完成，无法进行页面刷新。

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

Answer 1

我还没有找到任何预制的库来做到这一点。但是推出自己的东西也不算太糟糕;自动注入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;
}

查看这个示例小提琴，演示效果：example。它还匹配普通链接作为另一个例子。要扩展此概念，您只需要确定要匹配的输入类型（例如，我的示例中的正则表达式），以及需要注入的代码（例如，YouTube嵌入iframe）。

您应该注意仔细测试您的表情和注射，以免您允许用户注入恶意代码。

内容提供商喜欢Jabbr

1 个答案: