html一对一语音代码,index.html

本文介绍了一个使用Socket.IO实现的简单前端实时通讯示例。该示例通过按钮触发客户端设置名称并向另一个客户端发送消息,同时监听来自服务器的消息和在线用户列表。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

我是A

A对B说

我是B

B对A说

window.onload = function() {

}

var socket = io.connect('http://192.168.0.104:3001');

let btn_A = document.getElementById('btn-A');

let btn_B = document.getElementById('btn-B');

let send_B = document.getElementById('send-B');

let send_A = document.getElementById('send-A');

btn_A.onclick = function() {

socket.emit('setName', 'A');

}

send_B.onclick = function() {

socket.emit('sayTo',{to:'B', msg: '我是A'})

}

btn_B.onclick = function() {

socket.emit('setName', 'B');

}

send_A.onclick = function() {

socket.emit('sayTo',{to:'A', msg: '我是B'})

}

socket.on('message',function (data) {

console.log(data);

})

socket.on('users',function (data) {

console.log(data);

let user = []

for(let attr in data) {

user.push(attr)

}

console.log(user)

})

一键复制

编辑

Web IDE

原始数据

按行查看

历史

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值