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

前言

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

本文站在新手角度，实现了 uniapp 全平台兼容，歌曲音乐列表点击播放与暂停、切换歌曲等功能（音乐列表多个音频切换），

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

---

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

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

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

完整源码

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

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

<template>