阿龙教你和女生聊天,实战FR一步一步走进去女生的心！ - 舞步学院基于SimpleWebRTC快速实现网页版的多人文本、视频聊天室。
1 实现方法
复制下面的代码，保存为一个html文件
&!DOCTYPE html&
&script src="https://code.jquery.com/jquery-1.9.1.js"&&/script&
&script src="http://simplewebrtc.com/latest.js"&&/script&
var webrtc = new SimpleWebRTC({
// the id/element dom element that will hold "our" video
localVideoEl: 'localVideo',
// the id/element dom element that will hold remote videos
remoteVideosEl: 'remoteVideos',
// immediately ask for camera access
autoRequestMedia: true,
//url:'http://111.172.238.250:8888'
nick: 'wuhan'
// we have to wait until it's ready
webrtc.on('readyToCall', function () {
// you can name it anything
webrtc.joinRoom('room1');
// Send a chat message
$('#send').click(function () {
var msg = $('#text').val();
webrtc.sendToAll('chat', { message: msg, nick: webrtc.config.nick });
$('#messages').append('&br&You:&br&' + msg + '\n');
$('#text').val('');
//For Text Chat ------------------------------------------------------------------
// Await messages from others
webrtc.connection.on('message', function (data) {
if (data.type === 'chat') {
console.log('chat received', data);
$('#messages').append('&br&' + data.payload.nick + ':&br&' + data.payload.message+ '\n');
#remoteVideos video {
height: 150
#localVideo {
height: 150
&textarea id="messages" rows="5" cols="20"&&/textarea&&br /&
&input id="text" type="text" /&
&input id="send" type="button" value="send" /&&br /&
&video id="localVideo"&&/video&
&div id="remoteVideos"&&/div&
修改里面的nick：&wuhan&为自己的名字，用firefox、chrome或opera打开，即可开始测试。
界面简陋了点，上面是收发消息，下面是本地和远程的视频图：
作者： 出处：
先简单介绍下SimpleWebRTC，它是WebRTC的一个封装类库。
WebRTC的目的是为了简化基于浏览器的实时数据通信的开发工作量，但实际应用编程还是有点复杂，尤其调用RTCPeerConnection必须对怎样建立连接、交换信令的流程和细节有较深入的理解。因此有高人为我们开发了WebRTC封装库，将WebRTC的调用细节封装起来，包装成更简单的API，使开发应用程序更简单。封装库的还有一个目的是为了屏蔽不同浏览器之间的差异，比如上面说的API名称的差异。当然，这些库都是开源的，能够依据自己的须要又一次改动。
眼下网上找到的有两种WebRTC封装库，一个是webrtc.io，网址是，上面有具体说明和用法，有非常多demo使用它；还有一个是SimpleWebRTC，网址是，貌似比webrtc.io用起来更简单。
3.1 视频聊天
这是官方第一个demo，三步创建视频聊天：
3.1.1 html页面
&!DOCTYPE html&
&script src="//simplewebrtc.com/latest.js"&&/script&
&video height="300" id="localVideo"&&/video&
&div id="remotesVideos"&&/div&
3.1.2 创建web RTC对象
var webrtc = new SimpleWebRTC({
// the id/element dom element that will hold "our" video
localVideoEl: 'localVideo',
// the id/element dom element that will hold remote videos
remoteVideosEl: 'remotesVideos',
// immediately ask for camera access
autoRequestMedia: true
3.1.3 进入房间
// we have to wait until it's ready
webrtc.on('readyToCall', function () {
// you can name it anything
webrtc.joinRoom('wuhan');
3.2 文本聊天
这个是最基本的功能，但官方文档里居然没有介绍，很奇怪。
3.2.1 html内容
&textarea id="messages" rows="5" cols="20"&&/textarea&&br /&
&input id="text" type="text" /&
&input id="send" type="button" value="send" /&&br /&
3.2.2 发消息
// Send a chat message
$('#send').click(function () {
var msg = $('#text').val();
webrtc.sendToAll('chat', { message: msg, nick: webrtc.config.nick });
$('#messages').append('&br&You:&br&' + msg + '\n');
$('#text').val('');
3.3.3 收消息
// Await messages from others
webrtc.connection.on('message', function (data) {
if (data.type === 'chat') {
console.log('chat received', data);
$('#messages').append('&br&' + data.payload.nick + ':&br&' + data.payload.message+ '\n');
阅读(...) 评论()[转载]一步一步开发自己的Openfire插件（聊天记录插件）
作用:初始化时在控制台打印测试消息。
开发环境：winxp/eclipse3.6/jdk1.5&1.6/mysql5.0/openfire3.7
开发步骤：
布署openfire3.7源码
2.&src/plugins目录下新建文件夹chatHistory。并按下图的目录结构新建对应的文件。
plugin.xml文件代码如下：
ChatHistoryInterceptor.java文件代码如下：
最后输出语句“测试插件启动成功”在控制台显示乱码，将此改为""
ChatHistoryPlugin.java文件代码如下：
3.打包插件
a.第一次打包需配置ant工具。在环境变量中，
添加 path=C:Program FilesJavajdk1.5.0_09;D:Program
FilesMyEclipse6.5eclipsepluginsorg.apache.ant_1.7.0.vbin
(如果原来有path,在变量值的尾部添加半角分号 ; 然后再加入上面的jdk和ant路径 )
进入cmd，进入 openfire／build所在目录：输入命令：ant&plugins
等待执行完，而且没有报错，说明打包成功。在openfire3.6.3targetopenfireplugins目录下就生成了itvi.jar
启动openfire
，如发现控制台输出“测试插件启动成功”，说明插件开发成功。
注：这是第一次开发插件，纠结中成功！但是控制台没有打印出“测试插件启动成功”信息！待研究。。。
问题解决：
主要是控制台不打印汉字，改为英语，一切OK！以下是运行效果：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。如何让一个微信号在两个客户端同事登陆，而且不被另一边发现，同步微信聊天记录朋友圈消息权限？
如何让一个微信号在两个客户端同事登陆，而且不被另一边发现，同步微信聊天记录朋友圈消息权限？
17-08-10 &
该问题赏金500，恭喜
获得了该赏金！
在此强烈推荐他们的微信是 hka3377 我破解男朋友的微信密码和聊天记录是找他的，同时在线，不被发现 。信誉很好，非常专业 全网只有他们可以，价格优惠，还可以后付款 需要的找他们
打赏人数：1
该回答总赏金：10
请登录后再发表评论!
仿佛随时无益中看到你的帖子，在此强烈推荐他，他的Q是，，我破解女朋友的微信密码和聊天记录是找他的，同时在线，不被发现&。信誉很好，非常专业。需要的找他
打赏人数：1
该回答总赏金：10
请登录后再发表评论!
高技术呀，这是黑客才能干的活。
请登录后再发表评论!
高技术呀，这是黑客才能干的活。
请登录后再发表评论!
嘉@威联系信：iiisss7——怎样查询别人微信/聊天内容记录/支持查询各类记录，他人信息记录调取——官方认证　　数据（Data）：数据是指对某项事实的代称，并方便存储在计算机介质上，常见的数据有学生的姓名、客户的编号、供货商的产品名称、手机的品牌、游戏的名称等。现在的数据除了一般的文本和数字外，还包含了语音、图形和视频等。数据库（Database）：数据库是指逻辑上相关数据的集合。在日常生活中，有许多的数据，有些数据是没有关系的，例如，水果的名称和学生的借书数据；有些数据则是有关系的，例如，客户的姓名、客户的住址和客户的电话。而数据库就是将这些有关系的数据加以处理（存储），以方便数据或信息的存取。数据库系统（Database&System）：数据库系统指的是软件厂商所开发的系统软件，例如Oracle的8i和9i、微软的SQL&Server、IBM的DB2和Sybase等都是用来管理数据的系统软件。数据库管理系统（Database&Management&System，DBMS）数据库管理系统指的是数据库管理员和程序员依照客户方的需求来构建与维护所需要的管理系统，例如，企业的进销存管理系统、会计管理系统、客户关系管理（CRM）系统、企业资源规则（ERP）管理系统等。数据库系统的架构：数据库管理员要想管理好数据库系统，最好能了解数据库系统的架构。就如同一家公司的新任总经理，若想管好这家公司，最好先了解这家公司的组织架构一般。
请登录后再发表评论!
相信很简单的
请登录后再发表评论!
高技术呀，这是黑客才能干的活。
请登录后再发表评论!
相信很简单的★★不知道怎么才能帮助到你，但是我知道有人会，&他们帮我查QQ微信密码和微信聊天记录是找他的，在这里谢谢他了，希望可以帮助到你。★★他的Ｑ~Ｑ&呺是&&--------查通话记录短信内容定位服务-----------------==============================================
打赏人数：1
该回答总赏金：10
请登录后再发表评论!
强烈推荐他们的微信是&hka3377&我破解男朋友的微信密码和聊天记录是找他的，同时在线，不被发现&。信誉很好，非常专业&全网只有他们可以，价格优惠，还可以后付款&需要的找他们
打赏人数：1
该回答总赏金：10
请登录后再发表评论!
在此强烈推荐他们的微信是&axx77a&他们是藤讯内部人，我破解男朋友的微信密码和聊天记录是找他的，同时在线，不被发现&。信誉很好，非常专业&全网只有他们可以，价格优惠，还可以后付款&需要的找他们
请登录后再发表评论!
我登陆老公的微信是找他们破解的,他们的qq是&&&,能同时登陆同步聊天记录朋友圈等一切，不被发现，不影响老公微信的使用，都登陆一年多了，现在还在用。信誉很好,需要的可以找他们！
打赏人数：1
该回答总赏金：10
请登录后再发表评论!今日律师风向标：
公司要求第三方身份为白富美，跟顾客聊天，引导客户投资，看到律师对这个问题说销售本身合法，多走一小步就会到违法的边缘，请问这个“一小步”是啥？
公司要求第三方身份为白富美，跟顾客聊天，引导客户投资，看到律师对这个问题说销售本身合法，多走一小步就会到违法的边缘，请问这个“一小步”是啥？
wl1832jshp
律师回复区
[VIP+版主]
你好，涉嫌诈骗，可以报警处理。
[VIP+版主]
您好，如果不涉嫌诈骗就行
你好：违法的
以上回复，不符合你的实际情况？马上咨询在线律师！
当前在线律师：1757人
今日回复问题：7037个
相关法律咨询
标签：公司
标签：公司年假
标签：公司职工
相关文章推荐
共帮助过681人
共帮助过557人
共帮助过779人
共帮助过494人
共帮助过804人
最新法律咨询
相关律师推荐
法律快车 版权所有
粤ICP备号-5 增值电信业务经营许可证 （ICP）证粤B2-
客服QQ： （注：此QQ不提供法律咨询）
免费问律师