小程序如何实时音视频聊天

本文介绍了在微信小程序中实现实时音视频聊天的步骤,包括引入声网SDK,封装监听事件,创建Client对象并初始化,加入频道,处理音频流的发布与订阅,以及监听用户加入、退出频道的事件。通过这些操作,可以实现在小程序中进行实时的音视频交流。
摘要由CSDN通过智能技术生成

1.先在项目里引入声网(https://www.agora.io/cn)的SDK 可以直接下载下来放入自己项目的库文件里面 下载下来的SDK 文件 更名为mini-app-sdk-production.js

2.然后在你需要的文件 里面 引入 这个SDK文件 

 引入 请加*as 不懂什么意思的可以自行百度 

3 我这边是封装了 他的监听事件 需要可以自行封装  在你需要的页面里onLoad周期里实例化一个Client对象  new AgoraMiniappSDK.Client() 实例化成功后 就去调用它的Client.init方法初始化 init里面有两个参数 第一个是你的声网里面的APPid,第二个就是回调,在回调里面可以使用join方法一共四个参数   这些参数是从接口获取的 在回调里面需要把自己本地的录音传到声网的频道里就要用到publish 里面会返你一个音频地址 。

 拿到这个地址如图需要在我们的html or template里面去循环渲染我们的拉流组件和推流组件

这个media数组的uid如果等于自己的id 那么就 渲染推流组件 “live-pusher” 如果不等于就渲染其他人的拉流组件。

评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值