• 技术文章 >web前端 >前端问答

    node怎么实现语音聊天

    藏色散人藏色散人2023-01-28 16:17:02原创53

    node实现语音聊天的方法:1、使用nodejs模块express创建一个web服务器;2、创建https连接;3、通过“socket.io”实现客户端与服务端实时通信即可。

    本教程操作环境:Windows10系统、node-v16.18.0版、DELL G3电脑

    node怎么实现语音聊天?

    基于nodejs的语音聊天

    da358ad935ac13429413ccc96473f60.jpg

    描述

    程序在 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事件,将客户端发送来的数据以广播的形式发送到每一个客户端,完成群聊的功能。

    创建https证书

    在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('<h1>Hello, Secure World!</h1>');
        });
    推荐学习:《node.js视频教程

    以上就是node怎么实现语音聊天的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:node
    上一篇:怎么在linux中安装node 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • 聊聊Node项目中怎么操作MySQL• 聊聊Node.js中怎么用async函数• Node学习之如何最小化堆分配和防止内存泄漏• 怎么在linux中安装node
    1/1

    PHP中文网