Yoshiaki Dewa - Zom 100: Bucket List of the Dead (Soundtrack from the Netflix...<div class="thread-content">
<div class="thread-inner">
<div class="album-info">
<div class="album-lockup">
<div class="album-artwork">
<img class="album-artwork-img" src="https://is1-ssl.mzstatic.com/image/thumb/Music126/v4/34/17/47/341747b8-fb57-b6eb-b83b-ba8c2163c8dc/810123161775.png/800x800bb.jpg">
</div>
</div>
<div class="header-and-tracks">
<div class="album-header">
<div class="album-header-meta">
<h1 class="album-title">Zom 100: Bucket List of the Dead (Soundtrack from the Netflix Film) [feat. Ren]</h1>
<h2 class="album-artist">Yoshiaki Dewa</h2>
<h3 class="album-meta-info">
<span class="token">Soundtrack</span>
<span class="token">03/08/2023</span>
</h3>
</div>
<div class="album-notes">
<div class="description-container">
<div class="description-data">
<p>
<span class="line-title">
</span>
</p>
</div>
</div>
</div>
</div>
<div class="tracklist">
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>1-1</span>
</div>
<div class="tracklist-col song-title">
<span>Chase</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>1-2</span>
</div>
<div class="tracklist-col song-title">
<span>Fresh</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>1-3</span>
</div>
<div class="tracklist-col song-title">
<span>Black</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>1-4</span>
</div>
<div class="tracklist-col song-title">
<span>Best Best Friend</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>1-5</span>
</div>
<div class="tracklist-col song-title">
<span>One Chance</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>1-6</span>
</div>
<div class="tracklist-col song-title">
<span>Zom - Ceo</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>1-7</span>
</div>
<div class="tracklist-col song-title">
<span>Revenge</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>1-8</span>
</div>
<div class="tracklist-col song-title">
<span>Loved</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>1-9</span>
</div>
<div class="tracklist-col song-title">
<span>Bucket List</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>1-10</span>
</div>
<div class="tracklist-col song-title">
<span>Wonderland</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>1-11</span>
</div>
<div class="tracklist-col song-title">
<span>Life</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>1-12</span>
</div>
<div class="tracklist-col song-title">
<span>Like Milla Jovovich</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>1-13</span>
</div>
<div class="tracklist-col song-title">
<span>Harley - Davidson</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>1-14</span>
</div>
<div class="tracklist-col song-title">
<span>Trauma</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>1-15</span>
</div>
<div class="tracklist-col song-title">
<span>Starlight</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>1-16</span>
</div>
<div class="tracklist-col song-title">
<span>Run Away</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>1-17</span>
</div>
<div class="tracklist-col song-title">
<span>Kabukicho 1 - Chome</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>1-18</span>
</div>
<div class="tracklist-col song-title">
<span>Ca</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>1-19</span>
</div>
<div class="tracklist-col song-title">
<span>Inside Don Quijote</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>1-20</span>
</div>
<div class="tracklist-col song-title">
<span>Rescue</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>1-21</span>
</div>
<div class="tracklist-col song-title">
<span>Horizom</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>1-22</span>
</div>
<div class="tracklist-col song-title">
<span>Bucket List Intro</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>1-23</span>
</div>
<div class="tracklist-col song-title">
<span>Flat</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>1-24</span>
</div>
<div class="tracklist-col song-title">
<span>Reblack</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>1-25</span>
</div>
<div class="tracklist-col song-title">
<span>Laborer</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>1-26</span>
</div>
<div class="tracklist-col song-title">
<span>Should</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>1-27</span>
</div>
<div class="tracklist-col song-title">
<span>Invasion</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>1-28</span>
</div>
<div class="tracklist-col song-title">
<span>Rebirth</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>1-29</span>
</div>
<div class="tracklist-col song-title">
<span>Panic</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>1-30</span>
</div>
<div class="tracklist-col song-title">
<span>Zom - Shark</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>1-31</span>
</div>
<div class="tracklist-col song-title">
<span>Sharksuit</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>1-32</span>
</div>
<div class="tracklist-col song-title">
<span>Desperate</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>1-33</span>
</div>
<div class="tracklist-col song-title">
<span>Promise</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>1-34</span>
</div>
<div class="tracklist-col song-title">
<span>Superhero</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>1-35</span>
</div>
<div class="tracklist-col song-title">
<span>Departure</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>1-36</span>
</div>
<div class="tracklist-col song-title">
<span>Horizom</span>
</div>
</div>
</div>
<div class="bottom-metadata">
<div class="song-stat-container">
36 song(s)
</div>
<div class="release-stat-container">
<span class="token">WEB</span>
<span class="token"></span>
<span class="token">ENRiCH</span>
</div>
<div class="release-footnotes">
217589760 bytes
</div>
</div>
</div>
</div>
<div class="download-info">
<div class="streaming">
<audio controls preload=auto id="audio-player" src="">
Browser does not support
<span>audio</span> element
</audio>
</div>
<div class="button-content">
<button class="download-button" id="download-button" type="button">
Download
</button>
</div>
</div>
</div>
</div>
<div id="downloadModal" class="download-modal">
<div class="download-modal-content">
<div class="download-modal-header">
<h1 class="download-modal-title">Mirrors</h1>
<span class="download-modal-close">×</span>
</div>
<div class="download-modal-body">
</div>
<div class="download-modal-footer">
</div>
</div>
</div>
<style type="text/css">
.thread-content {
line-height: 1.4;
color: rgba(0, 0, 0, 0.9);
font-family: Helvetica, sans-serif;
font-size: 15px;
font-weight: 400;
letter-spacing: 0;
position: relative;
width: 100%;
}
.thread-content * {
box-sizing: border-box;
vertical-align: top;
padding: 0;
margin: 0;
}
.thread-content h1,
.thread-content h2,
.thread-content h3 {
display: block;
}
.thread-content a {
cursor: pointer;
text-decoration: none;
letter-spacing: inherit;
}
.thread-inner {
display: flex;
flex-direction: column;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 20px;
padding: 0 0 0 50px;
}
.album-info {
padding-top: 20px;
padding-bottom: 20px;
display: flex;
flex-direction: column;
align-items: center;
flex: 2 0;
}
.album-lockup {
padding: 20px;
top: 40px;
}
.album-artwork {
box-shadow: 0 4px 8px 0 rgb(0 0 0 / 10%), 0 10px 13px 0 rgb(0 0 0 / 11%);
position: relative;
}
.album-artwork-img {
width: 350px;
height: 350px;
}
.header-and-tracks {
width: 100%;
flex: 1;
}
.album-header {
display: flex;
flex-flow: column;
}
.album-header-meta {
flex: 1;
width: 100%;
}
.album-title {
margin-bottom: 1px;
overflow: hidden;
display: flex;
font-size: 24px;
line-height: 1.16667;
font-weight: 600;
letter-spacing: 0;
margin-block-start: 8px;
margin-block-end: 8px;
margin-inline-start: 0px;
margin-inline-end: 0px;
}
.album-artist {
font-size: 24px;
line-height: 1.16667;
font-weight: 400;
letter-spacing: 0;
color: #543900;
margin-block-start: 6px;
margin-block-end: 6px;
margin-inline-start: 0px;
margin-inline-end: 0px;
}
.album-meta-info {
text-transform: uppercase;
margin-top: 4px;
color: rgba(60, 60, 67, 0.6);
font-size: 11px;
line-height: 1.18182;
font-weight: 500;
letter-spacing: 0;
margin-block-start: 5px;
margin-block-end: 5px;
margin-inline-start: 0px;
margin-inline-end: 0px;
}
.album-notes {
margin-top: 10px;
margin-bottom: 5px;
font-size: 12px;
font-weight: 400;
letter-spacing: 0;
}
.description-container {
overflow: hidden;
position: relative;
}
.description-data>p {
display: inline;
}
.line-title {
color: rgba(60, 60, 67, 0.6);
}
.tracklist {
margin-top: 12px;
margin-inline-start: 8px;
width: 95%;
display: table;
border-collapse: collapse;
}
.tracklist .tracklist-row {
display: table-row;
color: rgba(60, 60, 67, 0.6);
height: 45px;
border-bottom: 0.25px solid rgba(0, 0, 0, 0.15);
}
.tracklist .tracklist-col {
padding-top: 0;
padding-bottom: 0;
display: table-cell;
vertical-align: middle;
}
.tracklist-col.song-index {
width: 2.5rem;
padding-left: 5px;
}
.tracklist .song-title {
overflow: unset;
color: rgba(0, 0, 0, 0.8);
}
.tracklist .playable {
cursor: pointer;
}
.tracklist .playable:hover {
background-color: rgb(247, 247, 247);
}
.tracklist .playing {
font-weight: 600;
background-color: rgb(247, 247, 247);
}
.tracklist .playing > .song-title::before {
content: "";
display: inline-block;
width: 0;
height: 0;
border: 8px solid transparent;
border-left: 12px solid #afafaf;
vertical-align: text-bottom;
}
.bottom-metadata {
color: rgba(60, 60, 67, 0.6);
padding-top: 20px;
font-size: 11px;
font-weight: 500;
letter-spacing: 0;
}
.song-stat-container,
.release-stat-container,
.release-footnotes {
padding-bottom: 1px;
}
span.token::before {
content: "\2022\0020";
}
span.token:empty::before,
span.token:first-child::before {
content: "";
}
.hidden-info-wrapper {
padding-top: 2px;
}
.hidden-info-content {
font-weight: 500;
color: rgba(0, 0, 0, 0.6);
}
.download-info {
padding-top: 20px;
padding-bottom: 15px;
display: flex;
flex-flow: column;
flex: 0 0;
}
.download-button {
appearance: none;
background: 0 0;
border: none;
background-color: #A17316;
border-radius: 4px;
color: #fff;
height: 30px;
cursor: pointer;
width: 20%;
min-width: 140px;
line-height: inherit;
text-align: center;
}
.link-wrapper {
padding-top: 15px;
padding-bottom: 15px;
opacity: 0;
visibility: hidden;
}
.link-content {
vertical-align: text-bottom;
}
.download-link a {
color: rgba(0, 0, 0, 0.9);
font-size: 14px;
font-weight: 400;
}
.download-link a:hover {
color: #A1276B;
}
.link-passcode {
color: rgba(60, 60, 67, 0.6);
font-size: 14px;
font-weight: 500;
}
.show {
visibility: visible;
opacity: 1;
transition: visibility 0s linear 0s, opacity 300ms;
}
.download-modal {
display: none;
position: fixed;
z-index: 999;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
background-color: rgba(0,0,0,0.6);
}
.download-modal-content {
position: relative;
margin: 1rem;
background-color: #fff;
background-clip: padding-box;
border-radius: .3rem;
}
.download-modal-header {
display: flex;
padding: 1rem;
border-bottom: 1px solid #dee2e6;
justify-content: space-between;
align-items: center;
}
.download-modal-close {
font-size: 1.5rem;
font-weight: 600;
}
.download-modal-close:hover,
.download-modal-close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.download-modal-body {
padding: 1rem;
}
.download-modal-body .segment {
display: flex;
flex-wrap: wrap;
flex-flow: column;
padding: 1rem 0;
border-bottom: 1px solid #dee2e6;
}
.download-modal-body .segment:first-child {
padding-top: 0;
}
.download-modal-body .segment:last-child {
border-bottom: none;
padding-bottom: 0;
}
.download-modal-body .download-link {
padding-block-start: 0.4rem;
display: flex;
flex-flow: row;
justify-content: space-between;
}
.link-passcode {
font-weight: 300;
text-shadow: #a7a7a7 0px 0px 10px;
}
.download-modal-body a {
overflow-wrap: anywhere;
}
.download-modal-footer {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
padding: .75rem;
border-top: 1px solid #dee2e6;
}
.download-info .button-content {
margin-top: 2rem;
}
@media only screen and (min-width: 576px) {
.download-modal-content {
margin: 6.75rem auto;
max-width: 500px;
}
}
@media only screen and (min-width: 1200px) {
.thread-inner {
flex-direction: row;
align-items: flex-start;
max-width: 1400px;
margin: auto;
}
.download-info {
position: sticky;
top: 0;
padding-top: 40px;
align-items: center;
}
}
</style>
<script>
document.styleSheets[0].cssRules[111].style.removeProperty('overflow');
const previewUrls = [
"https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview126/v4/39/29/0e/39290e91-77ac-253d-c36f-ac0ff3ab2544/mzaf_16444802297264004211.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview126/v4/d2/6b/f1/d26bf133-2c68-1f32-61a3-7ebb9035e1d2/mzaf_12884048331374758524.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview116/v4/31/2f/ee/312fee96-edfc-83f5-ec79-c36e0dc94cc1/mzaf_17775660154914733094.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview126/v4/56/0d/fc/560dfc41-3908-8587-2751-9b3d6b4da9ce/mzaf_13091781732889252439.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview116/v4/39/92/93/3992935e-051c-3b59-d15f-f6097bfe7448/mzaf_6529939979572333713.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview126/v4/26/70/6a/26706a59-7eab-b8e6-d81a-66eee8ff5019/mzaf_9643918079574587793.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview116/v4/69/79/50/69795001-f12c-36f7-5522-2ac662ba1752/mzaf_7128777345264960347.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview126/v4/7c/be/23/7cbe234e-f342-4d0b-5e78-c35eaf527ec2/mzaf_12681994655173045566.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview116/v4/04/eb/70/04eb7035-1486-f5a3-4c27-19c109cb2c8c/mzaf_17217526322552289310.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview126/v4/16/95/09/1695095a-8149-9611-1479-b7c6e9f225e5/mzaf_894361686549342769.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview116/v4/b9/6c/72/b96c72ba-82df-d926-e684-3152a1b09432/mzaf_2586019397785070646.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview126/v4/fb/16/aa/fb16aa38-0472-b9b0-5188-613b58dbf5ef/mzaf_10961255708243996813.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview126/v4/02/63/d7/0263d7ff-0e03-8365-cd05-21e8a8038b96/mzaf_6265566029068892931.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview116/v4/78/e8/53/78e85313-5821-a19b-51bf-6a23a3d17111/mzaf_596315828996087192.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview126/v4/8c/55/e2/8c55e20b-9b12-a24d-ae20-35097e7cc06b/mzaf_1688451054551492069.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview116/v4/53/32/ef/5332ef2f-59fc-1673-cf6d-2681f6977561/mzaf_18066050714483840136.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview116/v4/8b/ee/c7/8beec708-81dd-ef4e-1644-9c679b9edda3/mzaf_14341214923974169719.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview126/v4/bc/56/82/bc568219-62d3-fe61-77ef-818c5e44f796/mzaf_14370213314539053487.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview126/v4/2f/d8/c2/2fd8c26b-58b8-03d3-566d-b38b14585747/mzaf_1310644721542243726.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview116/v4/c6/3f/bb/c63fbb81-53a2-339f-3b91-2fa4fe9b74be/mzaf_15891745180202103206.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview116/v4/f9/ab/ef/f9abef67-032b-d5ab-6f47-29a7d4c781de/mzaf_6367927802126220698.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview116/v4/f3/60/c1/f360c108-d164-3fcd-bb38-87089eefa03c/mzaf_13779512050230424877.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview116/v4/a8/62/21/a86221c8-c497-8600-27b4-e6b451f2aa15/mzaf_11733308690416642680.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview116/v4/5a/ca/d4/5acad4c8-af84-d0f5-cb70-b555465733f1/mzaf_16078768901218479399.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview126/v4/51/47/14/514714e9-e66f-b205-addf-66ac5d00447c/mzaf_10613143568270368766.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview116/v4/7e/a1/9b/7ea19b2d-9e65-79e4-4f67-3ecd56ac1925/mzaf_16596468359792952788.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview126/v4/e1/b1/2d/e1b12d7a-0b1f-1a9b-b316-5b580ac37b70/mzaf_11065519567739009634.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview116/v4/d8/ab/bd/d8abbd1a-8e60-90e7-d7be-c3b877dfd384/mzaf_5495720299044915637.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview126/v4/16/6e/42/166e4213-c340-13fe-91ba-c53c10818768/mzaf_1068887429737627645.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview126/v4/5a/76/28/5a76285d-a9f9-860d-c7fe-203f87626e3b/mzaf_14067692389344574005.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview126/v4/bc/7a/cf/bc7acf96-8564-0109-7780-77871201ae30/mzaf_17878439947242557384.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview116/v4/15/e9/d9/15e9d968-5af0-ff47-e159-3c7f663b1820/mzaf_6499630123573389176.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview116/v4/a7/c5/9a/a7c59a69-3bf9-1f67-6e3f-7c0b32ef8821/mzaf_9086098847829634728.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview116/v4/5a/f9/37/5af93796-bb0c-00be-7433-b2daabff66d9/mzaf_8478699530976199174.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview116/v4/06/b1/bd/06b1bd30-f07c-ec85-bb9f-708ebbfafe44/mzaf_14787314362177351114.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview126/v4/d7/15/d5/d715d5c0-f319-4a31-552c-edc8ac925451/mzaf_8787392360664307290.plus.aac.p.m4a",
];
const links = [
"https://pixeldrain.com/u/rspQMFc7","https://pan.baidu.com/s/1mwOh915bPVVqK0IftzQ3_Q?pwd=cabr",
];
const downloadModal = document.getElementById("downloadModal");
const downloadBtn = document.getElementById("download-button");
const tracksDiv = document.querySelectorAll('.track');
const audioPlayer = document.getElementById('audio-player');
tracksDiv.forEach( (e, n) => {
if (previewUrls[n]) {
e.classList.add('playable');
e.addEventListener('click', handleTrackDivClick, false);
}
});
function handleTrackDivClick(event) {
const currentPlaying = document.querySelector('.track.playing');
const clicked = event.currentTarget;
const index = Array.from(clicked.parentElement.children).indexOf(clicked);
if (currentPlaying === clicked) {
return;
}
try {
currentPlaying?.classList.replace('playing', 'playable');
} catch (error) {
// no track is playing
}
clicked.classList.replace('playable', 'playing');
audioPlayer.src = previewUrls[index];
audioPlayer.play();
}
function populateDownloadModal(modal, links) {
const segmentContainer = document.createElement("div");
segmentContainer.classList.add("segment");
links.forEach((link) => {
const linkContainer = document.createElement("div");
linkContainer.classList.add("download-link");
linkContainer.innerHTML = `<a href="#">${link}</a></div>`;
linkContainer.querySelector("a").addEventListener('click', handleDownloadLinkClick, false);
segmentContainer.appendChild(linkContainer);
});
modal.querySelector(".download-modal-body").appendChild(segmentContainer);
}
function handleDownloadBtnClick(event, links) {
downloadModal.style.display = "block";
populateDownloadModal(downloadModal, links);
}
function handleDownloadLinkClick(event) {
event.target.id = 'download-link-clicked';
window.open(event.target.innerText);
callApi();
}
function resetDownloadModal(modal) {
const downloadModalBody = modal.querySelector(".download-modal-body");
while (downloadModalBody.firstChild) {
downloadModalBody.removeChild(downloadModalBody.firstChild);
}
}
downloadBtn.addEventListener('click', ( e ) => handleDownloadBtnClick(e, links), false);
document.querySelector(".download-modal-close").onclick = function () {
downloadModal.style.display = "none";
resetDownloadModal(downloadModal);
};
window.onclick = function (event) {
if (event.target === downloadModal) {
downloadModal.style.display = "none";
resetDownloadModal(downloadModal);
}
};
async function callApi(){const t=document.getElementById("download-link-clicked");if(t&&t.href){const e="https://pretunedb-worker.vurve.workers.dev/api/records/click",n=document.querySelector("div.mainheader > div.menu > div > span.bold > a"),c=n?n.textContent.trim():null,i={linkClicked:t.textContent.trim(),nick:c};try{await fetch(e,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(i)})}catch(t){console.error("Error occurred:",t)}}}
</script>