微信小程序播放音频,ios静音状态下无声音、音频播放创建多个等问题
首先需要全局设置ios静音模式下播放声音,当然此方法也可以设置其他参数,[微信开发文档地址]
wx.setInnerAudioOption(Object object)
基础库 2.3.0 开始支持,低版本需做兼容处理。
本接口从基础库版本 2.10.0 起支持在小程序插件中使用
设置 InnerAudioContext 的播放选项。设置之后对当前小程序全局生效。
参数
Object object
属性 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|
mixWithOther | boolean | true | 否 | 是否与其他音频混播,设置为 true 之后,不会终止其他应用或微信内的音乐 |
obeyMuteSwitch | boolean | true | 否 | (仅在 iOS 生效)是否遵循静音开关,设置为 false 之后,即使是在静音模式下,也能播放声音 |
speakerOn | boolean | true | 否 | true 代表用扬声器播放,false 代表听筒播放,默认值为 true。 |
success | function | 否 | 接口调用成功的回调函数 | |
fail | function | 否 | 接口调用失败的回调函数 | |
complete | function | 否 | 接口调用结束的回调函数(调用成功、失败都会执行) |
注意:千万不要用innerAudioContext.obeyMuteSwitch = false;,2.3.0 版本开始此参数不生效
注意:千万不要用innerAudioContext.obeyMuteSwitch = false;,2.3.0 版本开始此参数不生效
注意:千万不要用innerAudioContext.obeyMuteSwitch = false;,2.3.0 版本开始此参数不生效
在app.js中
onLaunch() {wx.setInnerAudioOption({obeyMuteSwitch: false,})
}
为防止创建多个音频播放,我这里采用全局创建的方式,通过停止、更换播放地址、播放等进行重新播放
const innerAudioContext = wx.createInnerAudioContext() //创建全局音频管理器
//在页面显示的时候写入对音频的播放进行监听
onShow(){//监听播报的事件innerAudioContext.onPlay(() => {console.log('开始播放');})//监听播报出错的事件innerAudioContext.onError(() => {console.log("监听音频播放出错事件")})innerAudioContext.onEnded(() => {console.log("监听播放结束事件") //这里可以写入一些播放结束后的逻辑})
}
微信小程序播放音频,ios静音状态下无声音、音频播放创建多个等问题相关推荐
- uniapp - [微信小程序] 超详细实时录音功能,录制外部声音及播放上传到服务器(支持录音完毕生成 mp3、试听音频(带进度条)、暂停录音、重新录音、限制录音最大时长、自定义音频名称等功能)
前言 网上的教程都太乱了,功能不好用且一堆 BUG,没有注释很难改造示例为自己用. 本文实现了 uniapp 微信小程序平台,授权麦克风进行录音并保存为音频的功能,内置播放器可播放录音文件, 您直接复 ...
- 微信小程序中苹果iOS手机显示时间格式NaN不正确的问题
项目场景: 实现安卓Android和苹果iOS中微信小程序显示订单时间信息 问题描述 微信小程序中苹果iOS手机显示时间格式NaN不正确的问题 原因分析: 安卓微信小程序显示正常,苹果按格式YYYY- ...
- 小程序 身份认证服务器,如何实现微信小程序与.net core应用服务端的无状态身份验证...
随着.net core2的发布,越来越多人使用.net core2开发各种应用服务端,下面我就结合自己最近开发的一款小程序,给大家分享下,怎么使用小程序登录后,小程序与服务端交互的权限控制. 服务端的 ...
- uni-app app 跳转 微信小程序(安卓/ios)
uni-app app 跳转 微信小程序(安卓/ios) 近日接到需求,需要实现在 app 中直接跳转到微信小程序中,其实非常简单,uni-app 都已经集成好了. 安卓和ios 有点区别,这个需要注 ...
- 微信小程序 1rpx border ios 真机显示不全
微信小程序 1rpx border ios 真机显示不全 问题描述 在微信小程序的原生页面,ios 真机上 1rpx border 会出现个别边显示不全的情况: 解决方案 这里先放上问题直通车:微信小 ...
- 微信小程序解决苹果端在禁止下拉刷新以后仍可以拖到屏幕的问题
微信小程序解决苹果端在禁止下拉刷新以后仍可以拖到屏幕的问题 .json文件中----缺点是固定整个页面 {"navigationBarTitleText": "首页&qu ...
- dakai微信小程序 ios_【iOS】微信小程序打开APP到底是怎么回事?
前言 从苹果官方来看,小程序新增了两个功能: 1. 支持打开移动应用 2. 标题栏区域开放自定义 针对第二个功能,就是开发者可以自定义小程序菜单栏的颜色风格,根据需求,对小程序菜单外的标题区域进行自定 ...
- 微信小程序Android和ios授权,uni-app之APP和小程序微信授权方法
uni-app 介绍 uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架. 适用平台:Android.iOS.微信小程序.实现了一套代码,同时发布到Android.iOS.微信小程序. ...
- 微信小程序项目重构之Redux状态管理
1.以往处理状态的一些方式 第一种:App上挂globalData 这种方式就是直接写在App里面啦,取值赋值比较方便 App.js App({globalData: {name: '前端学者',// ...
最新文章
- CUDA学习-计算实际线程ID
- [Vim 使用]vim 自动括号补全配置
- tensorflow 进阶(四)---CNN
- 绿盟科技发布OpenSSL高危漏洞技术分析与防护方案 G20成员国美国、中国、德国受影响较大...
- 第一篇博客记录下自己刚学习的问题
- 网页UTF8编码--多出空白行的问题(ZT)
- Windows8.1下安装NoSQL-- mongodb安装使用
- 了解SQL Server审核
- 计算机统计硕士排名,卡内基梅隆大学硕士统计学专业排名务必稳重的去看
- Autodesk 首届云编程马拉松过程纪实和感想
- Gym 101778G
- shipyard管理多HOST
- arm交叉编译ntpdate与服务器进行时间同步
- 【鼠标事件 MouseEvent】clientX clientY offsetX offsetX pageX screenX screenY
- 微信公众号推送天气教程,自动定时推送【Java版】开发者和小白详细教程
- 亚马逊跨境电商和国内的电商平台哪个好?
- Redis的zset结构跳表
- 认证资料大全(十三)------ Juniper Networks认证列表
- Android 加密压缩文件
- 20100919星期天最折磨人的一天。