如何在小程序中实现背景音乐的播放与暂停功能？

本文共计753个文字，预计阅读时间需要4分钟。

原文示例：本文字例为大家庭分享了小程序背景音乐，供大家参考，具体内容如下：我做这个项目的需求，用到的是一个背景音乐的播放和暂停；当用户点击进入音乐界面的时候，用户需要手动点击播放对“

改写后：本例分享小程序背景音乐，供参考。需求为：实现背景音乐的播放与暂停功能；用户进入音乐界面时，需手动操作播放按钮。

本文实例为大家分享了小程序背景音乐，供大家参考，具体内容如下

我做这个项目的需求，用到一个背景音乐的播放和暂停；
当用户点击进入音乐界面的时候用户需要手动点击播放对应的音乐，那么播放以后推出音乐界面这个音乐还是处于播放状态，以及音乐的图标的状态也一个是播放。so看看代码吧！
那这里用到了一个新的api 知点，wx.createInnerAudioContext，可以参考小程序官方文档 wx.createInnerAudioContext

具体属性

innerAudioContext.autoplay = true 是否自动播放
innerAudioContext.src=“url” 音乐路径
方法 innerAudioContext.onPlay() 播放
InnerAudioContext.pause() 暂停

首先看一下我的目录结构

我的照片放在了images里。