refactor customize script
parent
5a0e968fc4
commit
e34209c965
|
@ -1,33 +1,33 @@
|
||||||
Array.from(document.getElementsByTagName("audio")).forEach(function (
|
const page = document.querySelector(".book-page");
|
||||||
element,
|
|
||||||
index,
|
page.addEventListener(
|
||||||
elements
|
"play",
|
||||||
) {
|
(event) => {
|
||||||
element.addEventListener("play", function () {
|
if (event.target.tagName !== "AUDIO") return;
|
||||||
var self = this;
|
const elements = event.currentTarget.getElementsByTagName("audio");
|
||||||
elements.forEach(function (element) {
|
Array.from(elements).forEach(function (element) {
|
||||||
if (element === self) return;
|
if (element === event.target) return;
|
||||||
element.pause();
|
element.pause();
|
||||||
element.currentTime = 0;
|
element.currentTime = 0;
|
||||||
});
|
});
|
||||||
});
|
},
|
||||||
});
|
{ capture: true }
|
||||||
|
);
|
||||||
|
|
||||||
var trackList = document.querySelector(".track-list");
|
page.addEventListener(
|
||||||
if (trackList) {
|
"click",
|
||||||
trackList.addEventListener("click", function (event) {
|
(event) => {
|
||||||
if (event.target.tagName !== "A") return;
|
if (event.target.tagName !== "A") return;
|
||||||
|
if (!event.target.closest(".track-list")) return;
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
event.stopPropagation();
|
event.stopPropagation();
|
||||||
var href = event.target.href;
|
const href = event.target.href;
|
||||||
|
const player = document.querySelector(".audio-player");
|
||||||
var player = document.querySelector(".audio-player");
|
|
||||||
|
|
||||||
player.querySelector("figcaption > b").textContent =
|
player.querySelector("figcaption > b").textContent =
|
||||||
event.target.dataset.caption;
|
event.target.dataset.caption;
|
||||||
|
const audio = player.querySelector("audio");
|
||||||
var audio = player.querySelector("audio");
|
|
||||||
audio.src = href;
|
audio.src = href;
|
||||||
audio.play();
|
audio.play();
|
||||||
});
|
},
|
||||||
}
|
{ capture: true }
|
||||||
|
);
|
||||||
|
|
|
@ -2,5 +2,5 @@
|
||||||
<hr>
|
<hr>
|
||||||
<p>本文仅供学习所用,严禁转载或商业加工,任何需求请联系译者 (<a href="mailto:nao@sakuras.jp">佐倉 奈緒</a>)</p>
|
<p>本文仅供学习所用,严禁转载或商业加工,任何需求请联系译者 (<a href="mailto:nao@sakuras.jp">佐倉 奈緒</a>)</p>
|
||||||
</article>
|
</article>
|
||||||
{{ $customize_js := resources.Get "customize.js" | resources.Minify | resources.Fingerprint "sha512" }}
|
{{ $customize_js := resources.Get "customize.js" | js.Build | resources.Minify | resources.Fingerprint "sha512" }}
|
||||||
<script src="{{ $customize_js.Permalink }}" integrity="{{ $customize_js.Data.Integrity }}"></script>
|
<script src="{{ $customize_js.Permalink }}" integrity="{{ $customize_js.Data.Integrity }}"></script>
|
Loading…
Reference in New Issue