码迷,mamicode.com
首页 > Web开发 > 详细

WebRTC 点对点视频通话系统

时间:2014-12-23 12:31:24      阅读:568      评论:0      收藏:0      [点我收藏+]

标签:webrtc   websocket   视频聊天   视频通话   

WebRTC 点对点视频通话系统    技术分享 

主要功能:
1、基于websocket的在线用户列表;
2、用websocket作为信令通道,构建WebRTC视频通话。


github:https://github.com/graceup/webrtc


 

开发IDE:MyEclipse 8.6 工程编码方式:UTF-8

环境要求: 1、Tomcat 要求为7.0以上的版本

注意: 部署时,需要将js/config.js文件中"ws://localhost:8080/"改为"ws://服务器计算机IP:端口/"。

出现问题及解决方法:

java.lang.NoSuchMethodException: org.apache.catalina.deploy.WebXml addServlet 解决方法:Tomcat安装文件context.xml里的Context标签中添加即可解决该问题。

java.lang.NoSuchMethodError: org.apache.catalina.connector.RequestFacade.doUpgrade(Lorg/apache/coyote/http11/upgrade/UpgradeInbound;)V 解决方法:找到Tomcat安装文件夹中的lib文件夹,删除其中名为“catalina.jar”和“tomcat-coyote.jar”两个jar文件,将本工程中WebRoot——>WEB-INF——>lib文件夹中名为“catalina.jar”和“tomcat-coyote.jar”两个jar文件拷贝到Tomcat安装文件夹内的lib文件夹里。


pc端,初次进入输入用户名称:

技术分享

pc端,已进入页面:

技术分享

pc端,通话请求提示:

技术分享

pc端,进入视频通话提示:

技术分享

pc端,视频通话连接中:

技术分享

pc端,进入视频通话页面(因为没有摄像头,所以显示只是一幅图像):

技术分享

手机端,初次进入输入用户名称:

技术分享

手机端,已进入页面:

技术分享

手机端,文字聊天页面:

技术分享

手机端(支持WebRTC的浏览器),进入视频通话页面:

技术分享

WebRTC 点对点视频通话系统

标签:webrtc   websocket   视频聊天   视频通话   

原文地址:http://blog.csdn.net/graceup/article/details/42099851

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!