uniapp 之 base64转临时地址播放mp3

需求是:进入页面的时候是先有背景音乐,发送问题请求回答的时候会返回文字和音频,前端要把音频读出来,并且把背景音乐停止,读完音频后再打开背景音乐

一开始用的直接base64直接拼接在地址后 真机放不了

const innerAudioContext = wx.createInnerAudioContext();
innerAudioContext.src ='data:audio/mp3;base64,'+ 请求获取的base64编码的mp3格式文件;
innerAudioContext.play();

下面这个方式亲测有效

//背景音乐playBackground(innerAudioContext, stop) {// const innerAudioContext = uni.createInnerAudioContext();innerAudioContext.autoplay = true;innerAudioContext.loop = true; //循环播放innerAudioContext.src = 'https://wealthgod.oss-cn-beijing.aliyuncs.com/caishen/backgroundmq3.mp3';innerAudioContext.onPlay(() => {console.log('开始播放');});innerAudioContext.onStop((res) => {innerAudioContext.stop()//播放停止,销毁该实例innerAudioContext.destroy()});innerAudioContext.onEnded((res) => {innerAudioContext.play();});},
//回答音频			
playerAnswer(url) {const backgroundAudioManager = wx.getBackgroundAudioManager()var number = Math.random()const audioPath = wx.env.USER_DATA_PATH + '/new' + number + '.mp3'const fs = wx.getFileSystemManager();fs.writeFile({filePath: audioPath,data: url,encoding: 'base64',success(res) {backgroundAudioManager.title = '财神'backgroundAudioManager.src = audioPathbackgroundAudioManager.onEnded((res) => {backgroundAudioManager.src = 'https://wealthgod.oss-cn-beijing.aliyuncs.com/caishen/backgroundmq3.mp3';});},})},this.playBackground(uni.createInnerAudioContext())this.playerAnswer(surl)//surl是背景地址
//manifest.json中/* 小程序特有相关 */"mp-weixin" : {     "requiredBackgroundModes" : [ "audio" ],},

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/669757.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

GCC编译器技巧--在C语言里面使用使用内敛汇编

GCC内敛汇编 基本格式 asm(汇编语句 :输出操作数(可选) :输入操作数(可选) :被破坏的寄存器(可选) );示例 int a 10, b; asm("movl %1, %%eax; movl %%eax, %0;":"r"(b) /*输出*/:"r"(a) /*输入*/:"%eax" /*破坏的寄存器*/)实现…

【RT-DETR有效改进】利用SENetV2重构化网络结构 (ILSVRC冠军得主,全网独家首发)

👑欢迎大家订阅本专栏,一起学习RT-DETR👑 一、本文介绍 本文给大家带来的改进机制是SENetV2,其是2023.11月的最新机制(所以大家想要发论文的可以在上面下点功夫),其是一种通过调整卷积网络中的通道关系来提升性能的网络结构。SENet并不是一个独立的网络模型,而…

Node.js JSON Schema Ajv依赖库逐步介绍验证类型和中文错误提示

在构建应用程序时,数据的有效性是至关重要的。为了确保传入的数据符合预期的格式和规范,我们可以使用 Ajv(Another JSON Schema Validator)进行验证。在这篇博文中,我们将从头开始学习 Ajv,逐步介绍验证类型…

【kafka】使用kafka client连接 kerberos认证的 kafka,scala版

注意keytab路径中不要使用\\,都使用/作为分隔符 使用kerberos需要配置jaas如下日志打印,两个配置至少设置一个: [DEBUG] org.apache.kafka.common.security.JaasContext:106 --- System property java.security.auth.login.config and Kafk…

Unity3D判断屏幕中某个坐标点的位置是否在指定UI区域内

系列文章目录 unity工具 文章目录 系列文章目录前言一、使用rect.Contains()判断1-1、转换坐标1-2、代码如下:1-3、注意事项1-3、测试效果如下 二、使用坐标计算在不在区域内2-1、方法如下:2-2、注意事项 三、使用RectTransformUtility.ScreenPointToLo…

2024-02-05 Linux shell 脚本检查检测某个环境变量是否已设置

一、这段脚本定义了一个函数check_config,用于检查传递给函数的环境变量或shell变量是否已设置(即非空)。如果所有变量都已设置,函数返回0(成功);否则,它打印一条信息,指…

MongoDB从入门到实战之Docker快速安装MongoDB

前言 在上一篇文章中带领带同学们快速入门MongoDB这个文档型的NoSQL数据库,让大家快速的了解了MongoDB的基本概念。这一章开始我们就开始实战篇教程,为了快速把MongoDB使用起来我将会把MongoDB在Docker容器中安装起来作为开发环境使用。然后我这边MongoD…

SQL Server数据库日志查看若已满需要清理的三种解决方案

首先查看获取实例中每个数据库日志文件大小及使用情况,根据数据库日志占用百分比来清理 DBCC SQLPERF(LOGSPACE) 第一种解决方案: 在数据库上点击右键 → 选择 属性 → 选择 文件,然后增加数据库日志文件的文件大小。 第二种解决方案 手动…

宝塔+php+ssh+vscode+虚拟机 远程调试

远程(虚拟机)宝塔 安装扩展 配置文件添加,zend_extension看你虚拟机的具体位置 [Xdebug] zend_extension/www/server/php/74/lib/php/extensions/no-debug-non-zts-20190902/xdebug.so xdebug.modedebug xdebug.start_with_requesttrigger xdebug.client_host&quo…

gunicorn日志--access-logformat不起作用

使用gunicornsupervisor启动fastapi服务,命令如下: gunicorn main:app --workers 2 --worker-class uvicorn.workers.UvicornWorker --bind 127.0.0.1:8000 --access-logfile - 其中access log记录到的内容如下: 176.123.7.11:0 - "GE…

服务器与电脑的区别

1. PC机和专业服务器是完全是两种东西,硬件不同,当然驱动也不可能相同。比如说对服务器/工作站主板而言,最重要的 是高可靠性和稳定性,其次才是高性能。因为大多数的服务器都要满足每天24小时、每周7天的满负荷工作要求。价格方面…

C/C++ - 容器list

目录 容器特性 list 容器特性 使用场景 构造函数 默认构造函数 填充构造函数 范围构造函数 复制构造函数 大小函数 函数:size 函数:empty​ 函数:max_size​ 增加函数 函数:​push_back​ 函数:push_f…

车位检测,YOLOV8,OPENCV调用

车位检测YOLOV8NANO,opencv调用 车位检测,YOLOV8NANO,训练得到PT模型,然后转换成ONNX,OPENCV的DNN调用,支持C,PYTHON,ANDROID

行业知识图谱是什么

行业知识图谱是一种将行业知识从业务场景抽象到计算机可读的知识结构。它是指在行业内业务领域中,对各种业务实体、概念、属性以及关系的一种结构化描述。是一种通过知识表示、推理和查询的手段,将行业知识以图形化方式表示出来。它可以被用来建立企业的…

C#用Array类的FindAll方法和List<T>类的Add方法按关键词在数组中检索元素并输出

目录 一、使用的方法 1. Array.FindAll(T[], Predicate) 方法 (1)定义 (2)示例 2.List类的常用方法 (1)List.Add(T) 方法 (2)List.RemoveAt(Int32) 方法 (3&…

Bytebase 签约 Vianova,助力欧洲城市交通智能平台中 Snowflake 和 PG 的变更自动化及版本控制

在数字化发展的浪潮中,自动化数据库变更管理成为提升产品上线效率、降低人为失误风险的关键工具,同时促进流程的一致性与标准化,确保合规性和变更的可追溯性。近日,数据库 DevOps 团队协同管理工具 Bytebase 签约欧洲交通数据管理…

免费在线绘图工具有哪些好用的?线画图工具是比较好的选择?

据说一张图胜过千言万语。一张好的图片可以帮助你快速表达自己的想法,让自己的想法更直观清晰,无论是产品分析、方案选项还是技术交流。市面上有很多绘图工具。这里有一些好用又免费的工具,绝对会让你在几分钟内坠入爱河。 即时设计 - 可实时…

Android~集成opencv问题

dlopen failed: library “libopencv_java4.so” not found E FATAL EXCEPTION: mainProcess: com.cv.monitor, PID: 4371java.lang.UnsatisfiedLinkError: dlopen failed: library "libopencv_java4.so" not found: needed by /data/app/~~KwL8rjD8_by_YVAyU82UCA…

YUM | 起源 | 发展 | 运行逻辑

介绍 YUM(Yellowdog Updater, Modified)起源于 Red Hat Linux 发行版 up2date 工具。 最初,up2date 是由 Red Hat 公司提供的用于管理系统更新的工具。然而,社区逐渐对 up2date 出现一些不满,主要是由于其使用体验和…

ubuntu20安装mysql8

1.安装 sudo apt update sudo apt install mysql-server-8.0 -y2.查看运行状态 yantaoubuntu20:~$ sudo systemctl status mysql ● mysql.service - MySQL Community ServerLoaded: loaded (/lib/systemd/system/mysql.service; enabled; vendor preset:>Active: active …