请问APlayer如何设置列表播放

[tingwensuojian]

APlayer在文章中只能一首一首添加，

在文章中的效果是这样

请问如何设置成音乐是列表模式，如图所示这样

请大佬帮忙解答一下

[yiyou888]

同问

[Aziteee]

这个功能还没做，暂时只能通过插入html代码的方式实现，可以参考aplayer文档

[Aziteee]

或是将歌曲做成网易云/qq音乐的歌单，通过meting插入

[tingwensuojian]

这个功能还没做，暂时只能通过插入html代码的方式实现，可以参考aplayer文档

或是将歌曲做成网易云/qq音乐的歌单，通过meting插入

使用的音频是本地的，上传网易云或者QQ音乐会被下架，所以想这个方式不太适合，目前这列表功能没有做，请问后期会加入这个功能吗？期待可以加入

[tingwensuojian]

同问

<!-- 引入 APlayer CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.css">

<!-- 播放器容器 -->
<div id="player"></div>

<!-- 引入 APlayer JS 并初始化 -->
<script src="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.js"></script>
<script>
  document.addEventListener('DOMContentLoaded', function() {
    const ap = new APlayer({
      container: document.getElementById('player'),
      listFolded: false,
      listMaxHeight: 90,
      lrcType: 3,
      audio: [
        {
          name: 'name1',
          artist: 'artist1',
          url: 'url1.mp3',
          cover: 'cover1.jpg',
          lrc: 'lrc1.lrc',
          theme: '#ebd0c2'
        },
        {
          name: 'name2',
          artist: 'artist2',
          url: 'url2.mp3',
          cover: 'cover2.jpg',
          lrc: 'lrc2.lrc',
          theme: '#46718b'
        }
      ]
    });
  });
</script>

插入html代码，可以实现我上述提出的需求，

[yiyou888]

希望添加进插件里~操作方便些，最好能添加更多功能

[Aziteee]

这个功能还没做，暂时只能通过插入html代码的方式实现，可以参考aplayer文档

或是将歌曲做成网易云/qq音乐的歌单，通过meting插入

使用的音频是本地的，上传网易云或者QQ音乐会被下架，所以想这个方式不太适合，目前这列表功能没有做，请问后期会加入这个功能吗？期待可以加入

这一年我实在忙，等有空了会把这个功能做出来的，也欢迎大家pr

[Aziteee]

同问

<!-- 引入 APlayer CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.css">

<!-- 播放器容器 -->
<div id="player"></div>

<!-- 引入 APlayer JS 并初始化 -->
<script src="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.js"></script>
<script>
  document.addEventListener('DOMContentLoaded', function() {
    const ap = new APlayer({
      container: document.getElementById('player'),
      listFolded: false,
      listMaxHeight: 90,
      lrcType: 3,
      audio: [
        {
          name: 'name1',
          artist: 'artist1',
          url: 'url1.mp3',
          cover: 'cover1.jpg',
          lrc: 'lrc1.lrc',
          theme: '#ebd0c2'
        },
        {
          name: 'name2',
          artist: 'artist2',
          url: 'url2.mp3',
          cover: 'cover2.jpg',
          lrc: 'lrc2.lrc',
          theme: '#46718b'
        }
      ]
    });
  });
</script>

插入html代码，可以实现我上述提出的需求，

aplayer的js和css可以不用引入，只要装了插件就会自动引入的

[tingwensuojian]

同问

<!-- 引入 APlayer CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.css">

<!-- 播放器容器 -->
<div id="player"></div>

<!-- 引入 APlayer JS 并初始化 -->
<script src="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.js"></script>
<script>
  document.addEventListener('DOMContentLoaded', function() {
    const ap = new APlayer({
      container: document.getElementById('player'),
      listFolded: false,
      listMaxHeight: 90,
      lrcType: 3,
      audio: [
        {
          name: 'name1',
          artist: 'artist1',
          url: 'url1.mp3',
          cover: 'cover1.jpg',
          lrc: 'lrc1.lrc',
          theme: '#ebd0c2'
        },
        {
          name: 'name2',
          artist: 'artist2',
          url: 'url2.mp3',
          cover: 'cover2.jpg',
          lrc: 'lrc2.lrc',
          theme: '#46718b'
        }
      ]
    });
  });
</script>

插入html代码，可以实现我上述提出的需求，

aplayer的js和css可以不用引入，只要装了插件就会自动引入的

同问

<!-- 引入 APlayer CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.css">

<!-- 播放器容器 -->
<div id="player"></div>

<!-- 引入 APlayer JS 并初始化 -->
<script src="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.js"></script>
<script>
  document.addEventListener('DOMContentLoaded', function() {
    const ap = new APlayer({
      container: document.getElementById('player'),
      listFolded: false,
      listMaxHeight: 90,
      lrcType: 3,
      audio: [
        {
          name: 'name1',
          artist: 'artist1',
          url: 'url1.mp3',
          cover: 'cover1.jpg',
          lrc: 'lrc1.lrc',
          theme: '#ebd0c2'
        },
        {
          name: 'name2',
          artist: 'artist2',
          url: 'url2.mp3',
          cover: 'cover2.jpg',
          lrc: 'lrc2.lrc',
          theme: '#46718b'
        }
      ]
    });
  });
</script>

插入html代码，可以实现我上述提出的需求，

aplayer的js和css可以不用引入，只要装了插件就会自动引入的

好的 了解 也期待作者更新相关的更多功能