实现原理利用workerman的websocket实现实时消息传递。
webrtc自带p2p功能,利用STUN中继服务器实现webrtc实时音视频
看看我们的前端文件,只是一个单页面
content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
新申言自研rtc实时音视频通话[v-cloak] {
display: none;
}
body { /* IOS禁止微信调整字体大小 */
-webkit-text-size-adjust: 100% !important;
text-size-adjust: 100% !important;
-moz-text-size-adjust: 100% !important;
}
{
{v.cid}}
播放
My Stream
Remote Stream
// 在 #app 标签下渲染一个按钮组件
new Vue({
el: '#app',
data: {
cid: {},
list: "",
ws: '',
ws_url: "ws://127.0.0.1:8282",
localStream: '',
p2p: '',
stunConfig: {
iceServers: [{
urls: "stun:stun.xten.com"
}]
},
remoteStream: '',
answer: false
},
created() {
this.openSocket()
},
meth