In-post APlayer now support multiple files

1 files changed, 13 insertions, 8 deletions

diff --git a/layouts/partials/scripts-end.html b/layouts/partials/scripts-end.html
index 862e0e2..2e1de5f 100644
--- a/layouts/partials/scripts-end.html
+++ b/layouts/partials/scripts-end.html
@@ -7,20 +7,25 @@
 <script defer src="https://cdn.jsdelivr.net/npm/medium-zoom@1.0.5/dist/medium-zoom.min.js"></script>
 <script defer src="{{ "/assets/js/fuji.min.js" | relURL }}"></script>
 
-{{ with .Params.playerURL }}
+{{ with .Params.player }}
 <script src="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.js"></script>
 <script>
     // in-post aplayer
     var aPlayer = new APlayer({
         container: document.getElementById('post-aplayer'),
         theme: '#8f82bc',
-        volume: 0.1,
-        audio: [{
-            name: '{{ $.Params.playerName }}',
-            artist: '{{ $.Params.playerArtist }}',
-            url: '{{ . }}',
-            cover: '{{ $.Params.playerCover }}'
-        }]
+        volume: 0.2,
+        listFolded: true,
+        audio: [
+            {{- range $.Params.player -}}
+            {
+                name: '{{ .playerName }}',
+                artist: '{{ .playerArtist }}',
+                url: '{{ .playerURL }}',
+                cover: '{{ .playerCover }}'
+            },
+            {{- end -}}
+        ]
     });
     // aplayer toc anchors fix
     // see https://github.com/MoePlayer/APlayer/issues/242#issuecomment-602471423