WebRTC 视频通话小 demo,采用 node 和 vue
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利
开发 WebRTC 视频通话需要有客户端,信令服务器,turn 服务器
科普性的知识在此就不赘述了,如有需要将会开专栏详细普及相关知识
所采用的技术
视频通话采用 WebRTC 提供的 API 接口;由于我不会使用 JQuery,而作为 vue 新手,刚好拿来练手,所以客户端采用了 vue 进行的开发;信令服务主要起到分发消息的作用,因此采用 node 和 socket.io;turn服务器搭建在阿里云的 Ubuntu 16.04 下面 大家有需要也可以免费使用我搭建的 turn 服务器: { “url”: “turn:115.28.170.217:3478”, “credential”: “zmecust”, “username”: “zmecust” }
使用方法
目前仅支持 PC 端 chrome 浏览器。进入页面,输入你的昵称,可以选择当前“在线”的其他用户进行通话,等待对方接受视频即可开始。
演示地址
项目地址
https://github.com/zmecust/Vue-WebRTC2.0
计划
目前只支持一对一视频,未来将考虑多人视频通话。由于本人不是专业前端开发人员且水平欠佳,你如果有什么好的想法和建议,随时可以联系我。