uniapp - [全端兼容] 音乐列表播放与切换歌曲，点击列表播放 mp3 wav 音乐文件（支持点击播放与暂停，图标切换 / 流畅的切换音频、暂停保留歌曲及恢复功能等详细教程）

前言

网上教程都太乱了，各种不兼容、功能缺陷等问题，我们很难对示例进行改造。

本文站在新手角度，实现了 uniapp 全端兼容（h5网页 / 小程序 / 安卓苹果app / nvue等），歌曲音乐列表点击播放与暂停、切换歌曲等功能（音乐列表多个音频切换），

支持 uniapp v2 / v3 版本，您可以直接复制源码，稍微改改样式马上就能用了，快速移植到您的项目中去。

---

如下图真机测试，歌曲列表多个音乐随意切换，丝滑流畅，

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

示例代码干净整洁，无任何乱七八糟的乱代码

完整源码

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