内容提供商,如Jabbr
Content Provider Like Jabbr
基本的想法是,如果我从你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)。
你应该小心仔细地测试你的表达式和注入,以免你允许用户注入恶意代码。
相关文章:
- AWS Cognito:通过 google 获取“请提供有效的公共提供商”
- 角度模态服务未知提供商
- 选择下拉列表需要在选中时显示提供商的详细信息-无法通过我的脚本显示url
- 从服务提供商 IP 地址获取设备 IP 地址
- JsFiddle:未知提供商:$intervalProvider <- $interval
- 工厂和控制器,未知提供商
- 未知提供商:$resourceProvider - AngularJS
- 未知提供商:捆绑后$resourceProvider
- ES2015 单例或服务提供商或模块,用于敲除.js组件
- $http提供商向 Github API 发出外部请求,但不向 Google 地图 API 发出请求
- Angular Js:工厂、服务和提供商.何时使用哪个
- AngularJS + RequireJS.未知提供商:$routeProvider
- 为什么我必须添加尾部'提供商'到服务名称,当我使用es6时
- Chrome中阻止的视频-运行视频提供商的不安全内容
- 如何在AngularJs中设置来自其提供商的服务的依赖关系
- 单个<提供商>用于许多组件
- 从PhoneGap JavaScript访问Android上的内容提供商
- 未知提供商AngularJs在添加“时”;.运行”;
- AngularJS提供商和模型
- 内容提供商,如Jabbr