大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
本篇内容主要讲解“node如何实现语音聊天”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“node如何实现语音聊天”吧!
成都创新互联公司主要从事网站设计制作、做网站、网页设计、企业做网站、公司建网站等业务。立足成都服务泾源,10余年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220
node实现语音聊天的方法:1、使用nodejs模块express创建一个web服务器;2、创建https连接;3、通过“socket.io”实现客户端与服务端实时通信即可。
基于nodejs的语音聊天
程序在 iamshaunjp 的群聊功能基础上利用webRTC技术,添加了语音群聊功能,在其他人键盘输入时,会出现类似微信的对方正在输入字样。
使用的nodejs模块
express
:创建一个web服务器
https
:创建https连接(局域网或者外网webRTC需要https连接,具体见tutoril)
socket.io
:客户端与服务端实时通信
js文件
chat.js
:实现按钮事件的注册、文本数据的发送等
record.js
:实现语音消息的录取、播放、发送等
详情见public/js/chat.js
注释
发送数据
进入页面进行与服务器的socket
连接
客户端输入文本数据
客户点击sent
按钮,触发click
事件,并产生chat
事件准备想服务器emit
soket
连接发送给服务器chat事件和客户端产生的数据
接收数据
socket
接受到服务器发送来的data和服务器发送来的chat事件
提取data文本
js在index.html
添加文本数据,完成接收数据并显示
详情见public/js/record.js
注释
接受和发送语音数据类似与文本数据的通信
利用webRTC
获取到用户的视频或者音频转换为blob
格式数据,并发送给服务器数据。
接受消息时,数据类型是blob
格式,对blob
数据解析,利用html5的audio标签进行播放
客户端发送给服务器数据,服务器触发chat
事件,将客户端发送来的数据以广播的形式发送到每一个客户端,完成群聊的功能。
在localhost中使用webRTC不需要使用https,但是在局域网或者外网使用webRTC,必须强制使用webRTC,这里采用自己生成证书供测试使用,具体生成方法和设置https方法参考博客:
生成自己签名的证书(有效期365天)
openssl req -x509 -newkey rsa:2048 -keyout key.pem -out cert.pem -days 365
使用https连接的express,例子如下:
var fs = require('fs'),
https = require('https'),
express = require('express'),
app = express();
https.createServer({
key: fs.readFileSync('key.pem'),
cert: fs.readFileSync('cert.pem')
}, app).listen(55555);
app.get('/', function (req, res) {
res.header('Content-type', 'text/html');
return res.end('Hello, Secure World!
');
});
到此,相信大家对“node如何实现语音聊天”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!