微信小程序播放背景音乐（wx.createInnerAudioContext）

需求背景：微信小程序内添加背景音乐，进行全局控制播放与暂停

创建全局背景音乐
app.js

// app.js
App({onLaunch() {this.initAudeo();},globalData: {innerAudioContext: "",audioSrc: "", // 音频地址},// 初始化音频信息initAudeo() {this.globalData.innerAudioContext = wx.createInnerAudioContext();this.globalData.innerAudioContext.autoplay = true;this.globalData.innerAudioContext.src = this.globalData.audioSrc;this.globalData.innerAudioContext.loop = true;},// 播放事件audioPlay() {this.globalData.innerAudioContext.play();},// 暂停事件audioPause() {this.globalData.innerAudioContext.pause();},
});

业务脚本js使用举例

const app = getApp(); // 引用全局公共jsPage({data: {},onReady() {},onLoad(options) {},// 播放事件audeoPlay() {app.audioPlay();},// 暂停事件audioPause() {app.audioPause();},
});

功能依托于微信小程序内置的 wx.createInnerAudioContext() 方法，相关更多方式使用可参考官方文档。

官方文档：https://developers.weixin.qq.com/miniprogram/dev/api/media/audio/InnerAudioContext.html

简单记录如有问题或更优解还请不要吝啬的分享出来，此结。

微信小程序播放背景音乐（wx.createInnerAudioContext）相关推荐

微信小程序播放背景音乐，关闭背景音乐的操作
多读多写多记录,多学多练多思考.----------- Grapefruit.Banuit Gang(香柚帮) 微信小程序打开某个页面播放背景音乐,离开此页面时关闭背景音乐一.首先在app.json ...
微信小程序播放背景音乐
1.实现效果 2.实现原理 1.wx.getBackgroundAudioManager : 获取全局唯一的背景音频管理器. 小程序切入后台,如果音频处于播放状态,可以继续播放.但是后台状态不能通过调 ...
微信小程序完美解决wx.createInnerAudioContext()坑
我刚开始用wx.createInnerAudioContext(),是将此方法写在了我的播放语音函数里,发现怎么暂停和取消都不好使经过踩坑,得出结论!!! 1.将此方法声明在onLoad中,(如果声 ...
微信小程序播放背景音乐及开发工具没有声音问题解决
1.背景音乐播放 2.以上真机测试可行,但是开发工具不可行!! 但是原因很简单: 点击三个小点: 点击取消静音即可! 考,搞了一个上午..
微信小程序播放音乐的方法中的两种方法
微信小程序播放音乐的方法有很多种,这里总结一下其中两种的优缺点,主要是最近用到了 audio组件这个是最简单的 <audio src="播放链接" id="mus ...
微信小程序播放器的一些简单功能实现
微信小程序播放器的一些简单功能实现准备工作一.构建npm(后面用到moment的格式化时间) 二.系统后台监测程序播放器配置(系统后台要知道该播放器是否在播放歌曲,并有一些简单的业务逻辑) 在ap ...
[微信小程序开发] 用wx.navigateTo方法跳转到tabBar中被定义了的页面将无法跳转
[微信小程序开发] 用wx.navigateTo方法跳转到tabBar中被定义了的页面将无法跳转举例: main.js中: tabBar中定义了页面"pages/test/main&qu ...
taro开发微信小程序-播放轨迹(十一)
taro集成了地图后如何实现轨迹播放,暂停,停止呢?本身地图并不具备轨迹播放的能力,但是基于地图api可以实现轨迹播放的效果思路如下: 1.获取所有的轨迹坐标点-最好是数组格式的json 2.定义一 ...
C# 利用正则表达式获取文本中的https网址并替换新的对应的值,微信小程序播放腾讯视频
后台用KindEditor传了好几个视频地址,需要在微信小程序播放,复文本框写的内容是保存在数据库的一个字段的,就像下面这样,像这小程序播放,需要解析除真正的视频地址,所有需要获取里面的两个视频地址, ...
微信小程序播放bilibili视频
微信小程序播放B站视频前端代码 wxml文件 <view class="body-view" style="text-align: center;"&g ...

微信小程序播放背景音乐（wx.createInnerAudioContext）

微信小程序播放背景音乐（wx.createInnerAudioContext）相关推荐

最新文章

热门文章