From 39d85cc63387f940dcfd6cef1a6d43d2cc4ebdf1 Mon Sep 17 00:00:00 2001
From: amzrk2
Date: Thu, 23 Apr 2020 19:36:26 +0800
Subject: Support in-post or global APlayer

---
 layouts/partials/head.html      | 12 +++++++++++-
 layouts/partials/post-meta.html |  6 +++---
 layouts/partials/scripts.html   | 35 +++++++++++++++++++++++++++++++++++
 3 files changed, 49 insertions(+), 4 deletions(-)

(limited to 'layouts/partials')

diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 305106d..5b6de37 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -33,6 +33,10 @@
 <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.0/dist/jquery.min.js" integrity="sha256-xNzN2a4ltkB44Mc/Jz3pT4iU1cmeR0FkXs4pru/JxaQ=" crossorigin="anonymous"></script>
 <script src="https://cdn.jsdelivr.net/npm/lazysizes@5.2.0/lazysizes.min.js" integrity="sha256-h2tMEmhemR2IN4wbbdNjj9LaDIjzwk2hralQwfJmBOE=" crossorigin="anonymous"></script>
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.13.0/css/all.min.css" integrity="sha256-h20CPZ0QyXlBuAw7A+KluUYx/3pK+c7lYEpqLTlxjYQ=" crossorigin="anonymous">
+{{ if or (.Site.Params.playerURL) (.Params.playerURL) }}
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.css" integrity="sha256-uqQQGnDcmRKvhKwc5Vm4XT1GQ2oV6t1U0NR2N9tV+BQ=" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.js" integrity="sha256-6Y7CJDaltoeNgk+ZftgCD9jLgmGv4xKUo8nQ0HgAwVo=" crossorigin="anonymous"></script>
+{{ end }}
 {{ else }}
 <!-- global dependency -->
 {{ $jquery := resources.Get "js/jquery.min.js" }}
@@ -41,10 +45,16 @@
 <script src="{{ $lazysizes.Permalink }}"></script>
 {{ $fontawesome := resources.Get "css/all.min.css" }}
 <link rel="stylesheet" href="{{ $fontawesome.Permalink }}" />
+{{ if or (.Site.Params.playerURL) (.Params.playerURL) }}
+{{ $aplayerCSS := resources.Get "css/APlayer.min.css" }}
+<link rel="stylesheet" href="{{ $aplayerCSS.Permalink }}" />
+{{ $aplayerJS := resources.Get "js/APlayer.min.js" }}
+<script src="{{ $aplayerJS.Permalink }}"></script>
+{{ end }}
 {{ end }}
 
 <!-- optional katex math -->
-{{ if or .Params.math .Site.Params.math }}
+{{ if or (.Params.math) (.Site.Params.math) }}
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.css" integrity="sha384-zB1R0rpPzHqg7Kpt0Aljp8JPLqbXI3bhnPWROx27a9N0Ll6ZP/+DiW/UqRcLbRjq" crossorigin="anonymous" />
 <script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.js" integrity="sha384-y23I5Q6l+B6vatafAwxRu/0oK/79VlbSz7Q9aiSZUvyWYIYsd+qj+o24G5ZU2zJz" crossorigin="anonymous"></script>
 <script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/contrib/auto-render.min.js" integrity="sha384-kWPLUVMOks5AQFrykwIup5lo0m3iMkkHrD0uJ4H5cjeGihAutqP0yW0J6dpFiVkI" crossorigin="anonymous" onload="renderMathInElement(document.body);"></script>
diff --git a/layouts/partials/post-meta.html b/layouts/partials/post-meta.html
index 0164619..7e5b47b 100644
--- a/layouts/partials/post-meta.html
+++ b/layouts/partials/post-meta.html
@@ -1,10 +1,10 @@
-<span class="post-meta-item post-meta-date">
+<span>
     <time datetime="{{ .Date }}">{{ .Date.Format "2006-01-02" }}</time> |
 </span>
-<span class="post-meta-item post-meta-count">
+<span>
     <span>{{ .WordCount }}{{ i18n "postMetaWordCount" }}</span> |
 </span>
-<span class="post-meta-item post-meta-tags">
+<span>
     {{ if .Params.tags }}
     {{ range .Params.tags }}
     <a href="{{ $.Site.BaseURL }}/tags/{{ . | urlize }}/">{{ . }}</a>
diff --git a/layouts/partials/scripts.html b/layouts/partials/scripts.html
index 48a056e..cd47e6f 100644
--- a/layouts/partials/scripts.html
+++ b/layouts/partials/scripts.html
@@ -25,6 +25,41 @@
     });
 </script>
 {{ end }}
+{{ with .Params.playerURL }}
+<script>
+    $(function () {
+        const postAPlayer = new APlayer({
+            container: document.getElementById("post-aplayer"),
+            theme: "#8F82BC",
+            volume: 0.25,
+            audio: [{
+                name: "{{ $.Params.playerName }}",
+                artist: "{{ $.Params.playerArtist }}",
+                url: "{{ . }}",
+                cover: "{{ $.Params.playerCover }}"
+            }]
+        });
+    });
+</script>
+{{ end }}
+{{ with .Site.Params.playerURL }}
+<script>
+    $(function () {
+        const siteAPlayer = new APlayer({
+            container: document.getElementById("aplayer"),
+            fixed: true,
+            theme: "#8F82BC",
+            volume: 0.25,
+            audio: [{
+                name: "{{ $.Site.Params.playerName }}",
+                artist: "{{ $.Site.Params.playerArtist }}",
+                url: "{{ . }}",
+                cover: "{{ $.Site.Params.playerCover }}"
+            }]
+        });
+    });
+</script>
+{{ end }}
 {{ if .Site.Params.scrollTop }}
 <!-- scroll to top button -->
 <script>
-- 
cgit v1.2.3