微信小程序音频的使用：wx.createInnerAudioContext的使用

需求是一进来音乐就开始播放，本来以为只有wx.playBackgroundAudio（使用后台播放器播放音乐，对于微信客户端来说，只能同时有一个后台音乐在播放。当用户离开小程序后，音乐将暂停播放；当用户在其他小程序占用了音乐播放器，原有小程序内的音乐将停止播放。）才能实现。还是文档没仔细看。发现有更好用的wx.createInnerAudioContext。
由于自己是边写项目边看文档，发现自己对小程序的文档还不够熟练啊。仔细阅读文档的重要性。
这里只介绍简单的播放暂停，具体详见文档
https://developers.weixin.qq.com/miniprogram/dev/api/createInnerAudioContext.html
js

const innerAudioContext = wx.createInnerAudioContext();
Page({data: {},onShow: function () {innerAudioContext.src = "http://ws.stream.qqmusic.qq.com/M500001VfvsJ21xFqb.mp3?guid=ffffffff82def4af4b12b3cd9337d5e7&uin=346897220&vkey=6292F51E1E384E061FF02C31F716658E5C81F5594D561F2E88B854E81CAAB7806D5E4F103E55D33C16F3FAC506D1AB172DE8600B37E43FAD&fromtag=46"//音频的数据链接，用于直接播放。支持云文件ID（2.2.3起）。},//点击播放,(如果要一进来就播放放到onload即可)play: function () {innerAudioContext .play();},//点击 停止stop: function () {innerAudioContext .pause();}
})

微信小程序音频的使用：wx.createInnerAudioContext的使用相关推荐

微信小程序-音频播放-wx.createInnerAudioContext() 每次都是重复播放同一条录音
前言在调试微信小程序音频播放时,刚开始我也是直接复制官方文档的实例: const innerAudioContext = wx.createInnerAudioContext() innerAudi ...
微信小程序音频播放功能createInnerAudioContext
微信小程序音频播放功能createInnerAudioContext 效果: 前端界面代码: <view class="cu-modal {{ModalName=='DialogMo ...
微信小程序全局音频设置,手机上播放不了音频的问题解决方案,微信小程序音频无法播放问题.
微信小程序设置全局音频: 微信小程序目前已经不支持audio组件的使用, 只能使用wx.createInnerAudioContext 接口. 具体操作如下 app.js文件的设置 // app.js ...
微信小程序-音频播放每次都是重复播放同一条录音
前言在调试微信小程序音频播放时,刚开始我也是直接复制官方文档的实例: const innerAudioContext = wx.createInnerAudioContext() innerAudi ...
uniapp实现微信小程序音频播放倒计时的功能，类似微信语音条
uniapp实现微信小程序音频播放功能最近需要有个项目需要用到音频播放,第一个想到的是audio标签,但是查阅了uniapp官方文档,发现audio组件已经不维护了. 官网推荐使用uni.creat ...
微信小程序音频相关问题：播放，录音等相关
其实我也知道音频问题,十分尴尬,可以参考的资料极少,研究者也不多,所处的教程也基本是基础的内容,稍微深入几乎一篇都没有:所以前段时间我就准备弄的东西,一直没弄,因为没资料去弄,但是今天,看到一个同学遇 ...
微信小程序-API-数据缓存-wx.setStorageSync
微信小程序-API-数据缓存-wx.setStorageSync-2020-2-18 存 wx.setStorageSync('openid', openid); //将openid存入本地缓存取 ...
微信小程序设置请求超时wx.request等，简单易懂！
微信小程序设置请求超时wx.request等一.用到的方法: 个人理解,比较粗糙看不懂可以百度一下具体用法 new Promise:new了一个函数或者方法,可以被Promise.race等方法调 ...
微信小程序登录流程+介绍wx.login和auth.code2Session
微信小程序登录流程+介绍wx.login和auth.code2Session 几个核心API和核心字段 wx.login() 调用接口获取登录凭证(code) code2Session 登录凭证校验, ...
微信小程序音频IOS无法播放问题总结
[问题] 微信小程序,将文字转换为语音后,使用音频进行播放.在安卓手机下可以正常播放,在IOS下不行. [环境] 微信小程序库版本2.3.0 百度语音合成服务 [解决方法] 正确代码: //创建一个音 ...

微信小程序音频的使用：wx.createInnerAudioContext的使用

微信小程序音频的使用：wx.createInnerAudioContext的使用相关推荐

最新文章

热门文章