0

0

node怎么实现语音聊天

藏色散人

藏色散人

发布时间:2023-01-28 16:17:02

|

2956人浏览过

|

来源于php中文网

原创

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

node怎么实现语音聊天

本教程操作环境: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:实现语音消息的录取、播放、发送等

结构图和流程图

在这里插入图片描述

皮卡智能
皮卡智能

AI驱动高效视觉设计平台

下载

在这里插入图片描述

文本通信

详情见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('

Hello, Secure World!

'); });
推荐学习:《node.js视频教程》   

相关文章

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
菜鸟裹裹入口以及教程汇总
菜鸟裹裹入口以及教程汇总

本专题整合了菜鸟裹裹入口地址及教程分享,阅读专题下面的文章了解更多详细内容。

0

2026.01.22

Golang 性能分析与pprof调优实战
Golang 性能分析与pprof调优实战

本专题系统讲解 Golang 应用的性能分析与调优方法,重点覆盖 pprof 的使用方式,包括 CPU、内存、阻塞与 goroutine 分析,火焰图解读,常见性能瓶颈定位思路,以及在真实项目中进行针对性优化的实践技巧。通过案例讲解,帮助开发者掌握 用数据驱动的方式持续提升 Go 程序性能与稳定性。

9

2026.01.22

html编辑相关教程合集
html编辑相关教程合集

本专题整合了html编辑相关教程合集,阅读专题下面的文章了解更多详细内容。

56

2026.01.21

三角洲入口地址合集
三角洲入口地址合集

本专题整合了三角洲入口地址合集,阅读专题下面的文章了解更多详细内容。

51

2026.01.21

AO3中文版入口地址大全
AO3中文版入口地址大全

本专题整合了AO3中文版入口地址大全,阅读专题下面的的文章了解更多详细内容。

397

2026.01.21

妖精漫画入口地址合集
妖精漫画入口地址合集

本专题整合了妖精漫画入口地址合集,阅读专题下面的文章了解更多详细内容。

118

2026.01.21

java版本选择建议
java版本选择建议

本专题整合了java版本相关合集,阅读专题下面的文章了解更多详细内容。

3

2026.01.21

Java编译相关教程合集
Java编译相关教程合集

本专题整合了Java编译相关教程,阅读专题下面的文章了解更多详细内容。

16

2026.01.21

C++多线程相关合集
C++多线程相关合集

本专题整合了C++多线程相关教程,阅读专题下面的的文章了解更多详细内容。

11

2026.01.21

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
HTML5/CSS3/JavaScript/ES6入门课程
HTML5/CSS3/JavaScript/ES6入门课程

共102课时 | 6.8万人学习

前端基础到实战(HTML5+CSS3+ES6+NPM)
前端基础到实战(HTML5+CSS3+ES6+NPM)

共162课时 | 19万人学习

第二十二期_前端开发
第二十二期_前端开发

共119课时 | 12.5万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号