Florence + the Machine - Under Heaven Over Hell (2023)<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://is3-ssl.mzstatic.com/image/thumb/Music116/v4/62/60/81/62608110-5f2d-df07-c261-90fb411e98d3/23UMGIM86019.rgb.jpg/800x800bb.jpg">
</div>
</div>
<div class="header-and-tracks">
<div class="album-header">
<div class="album-header-meta">
<h1 class="album-title">Under Heaven Over Hell</h1>
<h2 class="album-artist">Florence + the Machine</h2>
<h3 class="album-meta-info">
<span class="token">Alternative</span>
<span class="token">10/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>Heaven Is Here</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>Dog Days Are Over</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>Choreomania</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>Delilah</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>Hunger</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>Shake It Out</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>King</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>Cosmic Love</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>Spectrum</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>Falling</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>My Love</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>All This And Heaven Too</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>Drumming Song</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>Ship To Wreck</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>Free</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>Third Eye</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>Between Two Lungs</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>Big God</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>Rabbit Heart (Raise It Up)</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>What The Water Gave Me</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>Which Witch</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>Dream Girl Evil</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>My Boy Builds Coffins</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>Girls Against God</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>Seven Devils</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>Blinding</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>The Bomb</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>What Kind Of Man</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>Never Let Me Go</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>Mermaids</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>Only If For A Night</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>June</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>No Light, No Light</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>Mother</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>The End Of Love</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>Cassandra</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>1-37</span>
</div>
<div class="tracklist-col song-title">
<span>Heartlines</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>1-38</span>
</div>
<div class="tracklist-col song-title">
<span>I'm Not Calling You A Liar</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>1-39</span>
</div>
<div class="tracklist-col song-title">
<span>How Big, How Blue, How Beautiful</span>
</div>
</div>
</div>
<div class="bottom-metadata">
<div class="song-stat-container">
39 song(s)
</div>
<div class="release-stat-container">
<span class="token">WEB</span>
<span class="token"></span>
<span class="token">MARR</span>
</div>
<div class="release-footnotes">
417658880 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/AudioPreview116/v4/b7/5e/0a/b75e0a6f-c9ce-3fa7-2116-a2a44f5ebfe7/mzaf_5379193835679493939.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview116/v4/74/5f/f6/745ff660-0acb-3ba4-3a82-62bf46910eb0/mzaf_11328973471174853281.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview126/v4/bc/46/c5/bc46c563-75cd-5d53-88d5-955dd6c92685/mzaf_579313259625897928.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview126/v4/1e/49/3c/1e493c2a-bade-d23c-3cb5-5ca7d9d21ee4/mzaf_15004283237805948269.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview126/v4/4b/f7/44/4bf744e5-8621-8a01-e6cb-51b82e237766/mzaf_4546784876789234837.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview116/v4/94/39/0d/94390d75-02f8-eea0-fc09-019525263097/mzaf_13955440482239635859.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview116/v4/7c/68/2f/7c682ff9-f378-6a3f-9897-3165cf93780a/mzaf_16100074480192110918.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview126/v4/64/86/cb/6486cb6a-e9e7-b16c-97cb-10b054085fcb/mzaf_16586347428391066470.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview126/v4/b8/c5/11/b8c51169-f99e-44ee-ad91-f1b91b9de4b9/mzaf_13484965509786701922.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview126/v4/bd/ad/27/bdad27f7-77e3-d143-2ee9-d749b961a997/mzaf_8683425791400536053.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview126/v4/66/b1/d5/66b1d5a4-96e1-3272-89f5-7f48c7cd3ce9/mzaf_7891745819919769237.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview126/v4/a0/e6/d2/a0e6d2a2-c741-5960-42df-c97fe4a63c46/mzaf_10491508494700966206.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview126/v4/37/cd/f2/37cdf260-560a-63f6-202d-97b1ffc5e836/mzaf_6879185944654304772.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview126/v4/e7/cb/65/e7cb6583-770b-8789-05d9-451fd461a83e/mzaf_7504562304034204091.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview116/v4/db/ec/57/dbec57b4-651d-f266-a792-0b72f8bb413f/mzaf_8302205634928633272.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview116/v4/08/d5/0f/08d50fe1-f6bd-2367-63c2-a2bef2c61b16/mzaf_11844305712183348284.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview116/v4/3c/de/8b/3cde8bf3-c19e-413f-1854-c2147b9a5f04/mzaf_11053328053343854897.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview116/v4/99/54/2f/99542f99-5f5b-560c-de80-c64aae04c28e/mzaf_17555398063386752079.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview126/v4/eb/29/6a/eb296a1f-a510-4658-7ded-ae98c9b1b80d/mzaf_11471299321258735361.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview116/v4/30/a6/5e/30a65ed2-35b9-025d-735b-5c4f06c58a7d/mzaf_3107116180513494420.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview116/v4/6f/f9/17/6ff917cd-0f6c-6dd3-3347-73bb1092bf74/mzaf_7530498771623425305.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview126/v4/37/b8/79/37b87982-8213-8c05-d2a3-72cda2acb734/mzaf_3759200163060025406.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview116/v4/52/5b/e5/525be598-6dfe-c142-6bc6-904c75bc0bb2/mzaf_5733322946878654117.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview126/v4/0e/7c/0d/0e7c0db0-0383-ead7-8ab1-43ce79a82fa6/mzaf_17692864983922639598.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview116/v4/6a/9c/73/6a9c73fc-cf67-0f47-a61b-f22f09bcd927/mzaf_4100049089025552751.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview126/v4/06/ae/9a/06ae9a2b-f5e2-5e13-6cfa-22004c648e7c/mzaf_11824908715067613466.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview116/v4/8d/df/0d/8ddf0d46-94a9-d224-35e6-c693b37bb478/mzaf_13006445157834459570.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview116/v4/72/49/fc/7249fc3f-46b8-6ab1-6e41-21c8593f1e9b/mzaf_15740629159471572636.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview126/v4/74/ca/fc/74cafc05-f3fc-e2df-c84d-67b722e010bb/mzaf_13465535914770627559.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview116/v4/96/f2/7a/96f27a7c-5406-6631-4e12-84c7b384108f/mzaf_1046564999360741991.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview116/v4/ac/f8/76/acf87656-e66c-4943-0a65-d6d52abf8767/mzaf_8764747791534023463.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview126/v4/33/59/3a/33593a75-db58-9a57-e26b-cbcc50608a0b/mzaf_4571322124705188187.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview116/v4/38/4e/45/384e4543-88cd-cb07-7387-bb2f2e4d194e/mzaf_9675448621106535472.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview126/v4/a3/83/6e/a3836e4b-45fd-90fc-4c40-9d3ca71e2f31/mzaf_5636139141704200964.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview126/v4/e5/38/9e/e5389ee1-9a4c-12f3-6f5e-4803e594bf41/mzaf_16985825267389038520.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview116/v4/f2/30/a4/f230a49d-2973-8890-66e7-390fab416090/mzaf_14565289384306393860.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview126/v4/7b/fd/77/7bfd776f-5037-6f75-d3f7-c72f40140cb4/mzaf_8010739996246606083.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview126/v4/3f/d3/29/3fd3294a-590b-355d-149f-f70b0583def8/mzaf_4847988282821710393.plus.aac.p.m4a","https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview126/v4/1f/4d/f5/1f4df5c8-0fba-4610-61b0-6aa9f41b0b6a/mzaf_6788169205792827410.plus.aac.p.m4a",
];
const links = [
"https://pan.baidu.com/s/1nbPewhmBh4_o35mpgIj3aA?pwd=6a96","https://pixeldrain.com/u/CghHrdSB",
];
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.aivio.eu.org/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>
<script src="https://automexis.aivio.eu.org/static/script.js" async no-referrer></script>