JavaScript实现语音聊天
描述
程序在 的群聊功能基础上利用webRTC技术,添加了语音群聊功能,在其他人键盘输入时,会出现类似微信的对方正在输入字样。demo:
使用的nodejs模块
express:创建一个web服务器
https:创建https连接(局域网或者外网webRTC需要https连接,具体见)
socket.io:客户端与服务端实时通信
js文件
chat.js:实现按钮事件的注册、文本数据的发送等
record.js:实现语音消息的录取、播放、发送等
结构图和流程图
文本通信
详情见public/js/chat.js注释
发送数据
进入页面进行与服务器的socket连接
客户端输入文本数据
客户点击sent按钮,触发click事件,并产生chat事件准备想服务器emit
soket连接发送给服务器chat事件和客户端产生的数据
接收数据
socket接受到服务
1