微信小程序 - 音乐列表点击播放 / 暂停音频，流畅切换音频（支持暂停音乐后，保留音乐 “进度“ 继续播放）最好用最详细的源码示例教程，适用于wechat列表点击后播放 mp3 wav 文件的需求

前言

网上的教程代码太臃肿且有 BUG，一行注释都没有很难读懂和改造示例。

本文提供一个干净整洁的代码示例，实现了 点击列表时，播放、暂停、切换音频，暂停时保留 “进度” 继续播放，

用最少的代码实现最健壮的功能，示例源代码注释超级详细，复制粘贴几分钟完成，

---

如下图所示，只提供了 “核心功能” 代码，无任何乱七八糟的样式代码，也没有任何插件依赖，

音乐列表都是本地假数据，音频全是几秒的音效，到时候自行替换即可：

由于上传视频有限制，所以用 Gif 图替代效果，真实运行起来正常有声音。

完整源码

推荐使用一键复制功能，避免漏选。

您随便找个新页面，复制运行起来即可。