前端小白006:关于uniapp小程序背景音频和音频一些注意事项

  • 全局唯一的背景音频
  • 权限申请
  • 背景音频和音频同时存在
  • 解决办法(个人推测)
  • 个人结语

全局唯一的背景音频

背景音频好处就是可以后台播放音频,不好的就是没有销毁实例的方法,不清楚小程序是不是每新建一个背景音频实例就会自动销毁上一个背景音频实例

权限申请

  1. ios App平台,背景播放需在manifest.json -> app-plus -> distribute -> ios 节点添加 “UIBackgroundModes”:[“audio”] 才能保证音乐可以后台播放(打包成ipa生效)
  2. 小程序平台,需在manifest.json 对应的小程序节点下,填写"requiredBackgroundModes": [“audio”]。发布小程序时平台会审核
  3. Android App端默认不会在通知栏出现音量控制,如需此功能,需要在插件市场单独下载原生插件

背景音频和音频同时存在

这个我是先创建全局的背景音频在状态管理存储,然后从列表进详情页的过程会触发一个创建音频的方法用于获取音频详情的总时长,就是因为这个原因,音频实例替换了背景音频或者说是权重比背景音频还高,导致在详情页熄屏会暂停播放或者静音模式下(如果没配置音频属性obeyMuteSwitch: false),微信小程序IOS端会没声音

解决办法(个人推测)

虽然音频实例在获取总时长的时候就销毁了,但是微信小程序IOS端问题还是存在。个人推测,在音频销毁后重新实例化背景音频。我个人的解决办法就是不使用音频获取总时长,完美解决音频和背景音频冲突问题

个人结语

缅怀先烈,勿忘国耻,致敬那些用鲜血和生命抗争的人!

前端小白006:关于uniapp小程序背景音频和音频一些注意事项相关推荐

  1. uniapp小程序开发设置系统状态栏高度、全屏背景图设置

    效果: uniapp小程序开发设置系统状态栏高度/全屏背景图设置 <view class="login"><view class="status_bar ...

  2. 前端上传图片到阿里云(pc端和uniapp小程序)

    1.pc端直接传文件 官方文档JavaScript客户端签名直传 如果前端是原生的html写的话,就去官网下载示例来看,把文件里面的配置修改成子阿里云的配置就好 ![在这里插入图片描述](https: ...

  3. uni-app小程序使用小程序码绑定用户信息合成海报

    uni-app小程序使用小程序码绑定用户信息合成海报 需求 uni-app小程序使用小程序码绑定用户信息合成海报,小程序码绑定用户信息,和背景图片生成一张海报并保存到本地. 目标 生成目标图片 并保存 ...

  4. uniapp 小程序实现 RSA 加密

    uniapp 小程序实现 RSA 加密 引言 创建并使用 jsencrypt 进行 RSA 加密 创建 rsa 文件 在需要的地方引用 注意 引言 前端开发时,有时候不可避免会使用到加密,本人在这次的 ...

  5. java基本微信小程序的快递代收派送系统 uniapp小程序

    随着时代的发展,人们生活的节奏越来越快,但是快递已经成为人们生活中的一个重要组成部分,基本每个人都会收发快递,如果这些事情全部都到快递站点进行处理,是很浪费时间和精力的一件事情.为了能够让快递代收和派 ...

  6. uniapp小程序 扫二维码登录uniapp h5

    uniapp扫码登录功能 一.测试环境:uniapp小程序 uniapp h5 二.实现思路 三.实现步骤 一.测试环境:uniapp小程序 uniapp h5 二.实现思路 1.手机登录uniapp ...

  7. uniapp 小程序、H5 点餐、外卖源码

    uniapp 小程序.H5 点餐.外卖源码 声明:前端源码是使用原作者提供的开源项目.后端云函数是本人自己开发,

  8. uniapp 小程序 APP 实现手写板 签名 画图 canvas 保存为图片格式

    文章目录 uniapp 小程序 APP 实现手写板 签名 画图 canvas 保存为图片格式 一.手写板 1.H5代码 2.JS代码 总结 uniapp 小程序 APP 实现手写板 签名 画图 can ...

  9. uni-app 小程序开发项目搭建

    前言 官网(搭建指南):https://uniapp.dcloud.io/quickstart-cli 在上手开发小程序之前,先去uni-app官网浏览下,熟悉下官网.然后重点来了,阅读大佬的文章,可 ...

最新文章

  1. 脑电分析系列[MNE-Python-18]| 生成模拟原始脑电数据
  2. 大学生应该学习python和linux而不是matlab和windows
  3. android 时间转换 工具下载,时间转换器手游下载_时间转换器安卓版下载v1.09.25_3DM手游...
  4. MQTT发布消息核心流程之一
  5. ADO学习(二).udl文件
  6. win10下最新MySQL8.0安装与环境配置,Navicat图形化管理工具连接,完整详细可收藏
  7. Python中的property类和@property装饰器
  8. [导入]创建一个ASP通用分页类代码部分
  9. 一加7海外提前上架 骁龙855+12GB超大内存
  10. 报 java.lang.ExceptionInInitializerError 的常见解决方法
  11. C#静态类,静态构造函数,静态变量
  12. php金额,PHP 如何处理金额
  13. 31.卷1(套接字联网API)---流
  14. 用计算机制作一张家庭年收支表,简洁明了的家庭收支记账表格
  15. PLC温室大棚自动控制系统
  16. 网络流行语“不作不死”英文入选美国词典
  17. java流程图都有哪些,盘点国内都有哪些免费好用的流程图设计工具
  18. opencv图像识别训练实例
  19. www.ku6d.com采集目标
  20. 针对宝宝肠胃保护,五大国际医生组织推荐使用爱乐乐益生菌

热门文章

  1. 关于Hibernate的Dialect
  2. UEFI+GPT与Legacy+MBR的区别
  3. springboot中用RestTemplate调用百度ip定位服务
  4. 利用百度地图API进行根据ip定位城市
  5. (软件工程复习核心重点)第九章面向对象分析-第二节:面向对象分析之建立对象模型
  6. 网络通信-7层模型OSI
  7. SAR成像1:匹配滤波与线调频-解线调频处理(距离高分辨)
  8. Win7 IIS服务器的搭建
  9. 云栖科技评论第28期:高通宣布芯片内置亚马逊Alexa
  10. 利用Python网络爬虫获取分类图片,简单处理反爬教学