在uniapp开发中遇到的问题(agora声网进行视频通话）

最新推荐文章于 2025-02-24 14:16:05 发布
最新推荐文章于 2025-02-24 14:16:05 发布
阅读量6.1k 收藏 1
点赞数
CC 4.0 BY-SA版权
文章标签： 音视频 android vue.js 前端 android studio
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Apple_Kevin_Jobs/article/details/122689136

自从uniapp诞生后，在实际开发的过程中使用的越来越多，虽说官方宣称是可以多平台进行适配，但在实际开发过程中可能是自己的能力不够，或者是其他什么问题，就感觉其实在做多平台的适配过程中特别是在功能的实现过程还是会遇到大大小小的问题，这里的所有前提是要去声网官方注册账号并申请频道和临时的token，具体操作请移步声网官方。

首先我们会想到去uniapp的官方插件市场看看，有没有可以用的插件，发现确实有声网的官方插件这里附上链接：https://ext.dcloud.net.cn/plugin?id=3720 大家可以去研究研究（本人不才反正最终没有选择这种方式去实现）

后来也下载了官方的实例项目导入Hbuilder里去运行，输入对应的appid，channel，token，运行确连实例视频图像都没出来，但是控制台是能看到已连接的。到这一步的时候我只能“曲线救国”了。

尝试的解决方法一：用vue的方式去实现视频通话的demo（并不能解决根本问题，因为是要在App中使用）

尝试的解决方法二：用android原生或者uniapp和android混合开发的的方式去实现视频通话（已成功解决）

Kevin Russell
关注
声网 Agora音视频uniapp插件跑通详解
Rey的技术博客
07-10 2398
在使用声网SDK做音视频会议开发时， 通过声网官方论坛了解到，声网是提供uniapp插件的，只是在官方文档中不是很容易找到。Agora音视频插件Agora音视频插件（JS）本文讲解如何跑通演示示例。
解决Agora声网音视频在后台没有声音的问题
booyoung的博客
09-14 1164
解决Agora声网音视频在后台没有声音的问题,本文会介绍 Android 与 iOS 两个平台的处理方式
Agora-SDK-在Android中的使用(在线视频通话)，安卓rxjava获取网络时间
m0_64319298的博客
12-08 562
|—x86 |—PLACEHOLDER |—res |—drawable-xxxhdpi |—btn_end_call.png |—btn_mute.png |—btn_switch_camera.png |—btn_video.png |—btn_voice.png |—ic_launcher.png |—layout |—activity_video_chat_view.xml |—values |—colors.xml |—dimens.xml |—strings.xml |—styles.xml |
Agora声网-Uniapp拉流（Vue拉流）
王阿星的博客
03-11 3296
/** * agora声网解决方案 * 1. 创建 AgoraClient 对象 * 2. join进入相应频道 * 3. on 监听 user-published 拿到远端用户对象 AgoraRTCRemoteUser * 4. subscribe订阅流 将3.内的参数(远端用户对象, type('video'/'audio'))赋值给subscribe，拿到最新的远端用户信息 * 5. 根绝监听 user-published 返回的type来分别处理音/视频 * video -&g
uniapp H5端接入声网SDK agora-rtc-sdk
NiHao___的博客
11-20 1193
uniapp H5端接入声网SDK agora-rtc-sdk
【声网】实现web端与uniapp微信小程序端音视频互动
xiaotangyu7dong的博客
04-26 3518
利用声网实现音视频互动。
uniapp 声网保姆级接入教程 语音通话1对1
m0_72809383的博客
12-19 1618
{{enableSpeakerphone?'开启扬声器' : '关闭扬声器'}}{{`麦克风 ${openMicrophone?'开启' : '关闭'}`}}
声网agora.io视频通话Demo
05-24
8. **频道管理**：在声网的架构中，视频通话发生在特定的频道内。每个用户需要先加入频道，然后才能与其他已加入同一频道的用户进行通话。Demo会演示如何创建和管理频道。 9. **安全机制**：声网提供了安全的通信...
VideoDemo Agora视频通话1-1
05-16
【声网Agora视频通话1-1】是一款基于声网Agora SDK实现的一对一视频通话应用的示例项目。在这个项目中，开发者可以学习到如何将Agora的SDK集成到自己的应用程序中，以实现高质量、低延迟的实时音视频通信功能。 ...
【2024】uniapp 接入声网音频RTC离线基座模式【H5+Android+IOS】Unibest模板下Vue3+Typescript
applebomb的专栏
10-05 2534
最近开发一个项目，需要实现声网的接入。由于采用uniapp模式，按照最佳实践采用优先开发H5再适配的模式。因此实现了H5和Android、IOS三模式的接入，Android和IOS里采用离线打包自定义基座来进行调试。怕自己忘记了，在这里详细的记录完整的核心整合逻辑
uni-app 自己封装的config.js
05-17
uni-app 自己封装的config.js 配置，链接的格式等数据。。。。。。。。。。。。。。。。。。
uniapp实现音视频通讯
anyRTC的博客
03-19 9103
uniapp实现音视频通讯 还在为uniapp的音视频通讯发愁吗？anyRTC为解决广大开发者需求，特别研发了uniapp版的音视频通讯。 anyRTC 实时通信包括两个模块： 实时音视频模块- 音视频通信 实时消息模块- 信令交互，直播间弹幕等通信 下面我来带大家先了解实时音视频模块 示例项目运行流程(本文使用远端插件) 前往uniapp插件市场 下载示例demo 打开manifest.json文件，选择App原生插件配置 => 远端插件 制作自定义基座 打包成功后选择
android声网动态更新token,uniapp无痛刷新token
weixin_36384501的博客
05-25 642
用户登录拿到token，但由于token是有时限的，刷新token的时候需要无声无息，用户还能继续之前的请求。这里我的想法是，当token到期，返回状态码401，就发起刷新token接口，拿到新的token就把之前的请求再发送一遍，暂时解决问题此法适用uniapp噢，之前看到其他人的教程，然后按照他的做法，自己亲测之后并记录首先，引入封装的request插件：https://ext.dcloud....
使用Uni-app实现语音视频聊天（Android、iOS）
最新发布
zhuweisky
02-24 2581
使用Uni-app开发手机端APP已经变得很普遍，同一套代码就可以打包成Android App 和 iOS App，相比原生开发，可以节省客观的人力成本。那么如何使用Uni-app来开发视频聊天软件或视频会议软件了？
uni-app实战--音频小说app小程序
Beggarya的博客
05-25 1711
项目介绍 这是一个使用vue和uni官方提供的框架在Hbulider开发的项目。我这里主要做的前端和界面设计，数据是后台接口提供的，但是自己也可以修改可以不使用接口，自己mock或者提供数据。如果要学习的话只需要掌握vue基础，和会看微信云开发文档就行了。其中细节处理了H5，微信小程序的一些数据兼容处理，在微信开发者工具和浏览器上都能运行。 功能演示 2.1 项目结构 2.2 主界面 2.3 听歌界面 2.4 读书界面 2.5 阅读界面 2.6 书本挑选界面 2..
小程序如何实时音视频聊天
dx0829的博客
09-07 2176
1.先在项目里引入声网(https://www.agora.io/cn)的SDK 可以直接下载下来放入自己项目的库文件里面 下载下来的SDK 文件 更名为mini-app-sdk-production.js 2.然后在你需要的文件 里面 引入 这个SDK文件 引入 请加*as 不懂什么意思的可以自行百度 3 我这边是封装了 他的监听事件 需要可以自行封装 在你需要的页面里onLoad周期里实例化一个Client对象new AgoraMiniappSDK.Client() 实例化成功后 就去...
uniapp+vue3+node实现视频通话（移动端）
2301_76553269的博客
10-08 2788
/ 视频(跳转推流)Live()})tip: 3 //视频});})// 视频接收（socket）// })})});// 拒绝视频// // 对方拒绝发送服务器});})// // 对方拒绝接收console.log('拒绝接收222222', msggs);});// 接收视频// // 对方接收视频发送服务器});})// // 对方接收视频接收// console.log('接收视频接收', msggs);});// 接收语音。
环信uni-app-demo 升级改造计划——单人&多人音视频通话（三）
huan132456765的博客
09-06 1146
在讲声网 uni-app 音视频插件正式集成进入环信的 uni-app-demo 中，标志着本次升级改造至此基本告一段落。在第三期的升级改造中，主要工作为在 Demo 层形成一个较为容易拆分的有关音视频相关组件，力求第一：代码是否可读、第二：可以对参考源码的同学提供实例、第三：能够方便在脱离其他 IM 功能时，完成对音视频功能的复用。同时也顺手针对 emChat 组件进行小范围重构，解决了 uni-app 在 App 以及小程序端，软键盘弹起消息列表不滚动以及软键盘遮挡功能栏问题。
声网(agora)音视频通话sdk—微信小程序demo
zbl413845230的博客
09-28 5834
首先需要注册一个声网账号，注册成功后创建项目 appid是指声网项目的appid(后续会在小程序的配置文件中用到) 声网视频通话小程序demo
拨打电话和管理通话uniapp是那个api
02-06
### UniApp 中拨打电话和管理通话的 API #### 拨打电话功能 在 UniApp 开发环境中，可以利用 `uni.makePhoneCall` 方法来实现拨打电话的功能。此方法允许应用程序发起电话拨打请求给用户的默认电话应用。 ```javascript // 使用 makePhoneCall 函数进行拨号操作 uni.makePhoneCall({ phoneNumber: '1234567890', // 需要拨打的号码 }); ``` 该函数接受一个对象参数，其中包含待拨打的电话号码作为属性值[^1]。 #### 管理通话（音视频） 对于更复杂的通话场景比如音视频通话，则通常依赖第三方服务提供商如Agora（声网）。通过集成这些服务商提供的 SDK 及其配套 API 来完成相应的开发工作。具体来说，在 uni-app 原生环境下支持单聊一对一、群组多人音视频通话等功能[^2]。 为了确保不同设备间的兼容性和互操作性，开发者还需要关注跨平台通信协议的设计与实现，特别是当涉及到多终端之间的信令传递时。这可能涉及学习如何处理来自 PC Web、Android 和 iOS 设备的消息交换机制。 另外值得注意的是，在某些特定情况下，例如使用 NVUE 组件构建界面时，可能会遇到一些特殊的限制条件或最佳实践建议，例如推拉流视频容器仅能在 NVUE 组件内有效运作等问题。 #### 录制音频并上传至服务器 如果目标还包括录制语音消息并通过网络发送出去的话，那么还可以借助于专门为此设计的一系列接口和服务。例如，可以通过调用合适的插件或者库来进行本地录音，并最终把生成好的 MP3 文件提交到远程服务器上存储起来以便后续访问[^3]。 ```javascript const recorderManager = uni.getRecorderManager(); recorderManager.start(options); recorderManager.onStop((res) => { console.log('停止录音'); const { tempFilePath } = res; uploadAudioFile(tempFilePath); // 自定义上传函数 }); function uploadAudioFile(filePath){ uni.uploadFile({ url: 'https://example.com/upload', filePath, name: 'file' }); } ``` 这段代码展示了怎样启动录音过程以及监听结束事件之后执行文件上传动作。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值