Future of Lofi - Future of Lofi Δ1 (2021)<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://is5-ssl.mzstatic.com/image/thumb/Music125/v4/64/0c/a7/640ca757-5b24-afa8-dd2b-469d1f40f838/source/600x600bb.jpg">
</div>
</div>
<div class="header-and-tracks">
<div class="album-header">
<div class="album-header-meta">
<h1 class="album-title">Future of Lofi Δ1</h1>
<h2 class="album-artist">Future of Lofi</h2>
<h3 class="album-meta-info">HIP-HOP/RAP • Sept. 21, 2021</h3>
</div>
<div class="album-notes">
<div class="description-container">
<div class="description-data">
</div>
</div>
</div>
</div>
<div class="tracklist">
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>1</span>
</div>
<div class="tracklist-col song-title">
<span>Achterbahn</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>2</span>
</div>
<div class="tracklist-col song-title">
<span>On the Waves</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>3</span>
</div>
<div class="tracklist-col song-title">
<span>Cyberisland</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>4</span>
</div>
<div class="tracklist-col song-title">
<span>Dot</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>5</span>
</div>
<div class="tracklist-col song-title">
<span>Destiny</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>6</span>
</div>
<div class="tracklist-col song-title">
<span>Rewind your Future</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>7</span>
</div>
<div class="tracklist-col song-title">
<span>.Wav</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>8</span>
</div>
<div class="tracklist-col song-title">
<span>Time Traveler</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>9</span>
</div>
<div class="tracklist-col song-title">
<span>Lidari</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>10</span>
</div>
<div class="tracklist-col song-title">
<span>Rhodestrip</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>11</span>
</div>
<div class="tracklist-col song-title">
<span>Retro</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>12</span>
</div>
<div class="tracklist-col song-title">
<span>Pear Pressure</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>13</span>
</div>
<div class="tracklist-col song-title">
<span>Lagoon</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>14</span>
</div>
<div class="tracklist-col song-title">
<span>Inner Freedom</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>15</span>
</div>
<div class="tracklist-col song-title">
<span>Tio</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>16</span>
</div>
<div class="tracklist-col song-title">
<span>Fabric of Space and Time</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>17</span>
</div>
<div class="tracklist-col song-title">
<span>New Planet</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>18</span>
</div>
<div class="tracklist-col song-title">
<span>Space Invader</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>19</span>
</div>
<div class="tracklist-col song-title">
<span>Future Wave</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>20</span>
</div>
<div class="tracklist-col song-title">
<span>The Way You Smile</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>21</span>
</div>
<div class="tracklist-col song-title">
<span>Lunar Landfill</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>22</span>
</div>
<div class="tracklist-col song-title">
<span>A Foolish Dream</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>23</span>
</div>
<div class="tracklist-col song-title">
<span>Delorean</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>24</span>
</div>
<div class="tracklist-col song-title">
<span>Bitter Sweet</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>25</span>
</div>
<div class="tracklist-col song-title">
<span>Melancholic</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>26</span>
</div>
<div class="tracklist-col song-title">
<span>Last Flight</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>27</span>
</div>
<div class="tracklist-col song-title">
<span>Mar Azul</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>28</span>
</div>
<div class="tracklist-col song-title">
<span>Forget U</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>29</span>
</div>
<div class="tracklist-col song-title">
<span>Lizards</span>
</div>
</div>
<div class="tracklist-row track">
<div class="tracklist-col song-index">
<span>30</span>
</div>
<div class="tracklist-col song-title">
<span>7.2</span>
</div>
</div>
</div>
<div class="bottom-metadata">
<div class="song-stat-container">
共 30 首
</div>
<div class="release-stat-container">
SCENE •
WEB •
MP3
320K
</div>
<div class="release-footnotes">
ZIP • PASSWORD PROTECTED •
161.0 MB
</div>
<div class="hidden-info-wrapper">
**** Hidden Message *****
</div>
</div>
</div>
</div>
<div class="download-info">
<div class="streaming">
<audio controls preload=auto id="audio-player" src="https://files.catbox.moe/hiwoth.mp3">
瀏覽器不支援
<span>audio</span> element
，請更新到新版本的Chrome或Firefox。
</audio>
</div>
<div class="button-content">
<button class="download-button" id="download-button" type="button">
下載連結
</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">載點</h1>
<span class="download-modal-close">×</span>
</div>
<div class="download-modal-body">
</div>
<div class="download-modal-footer">
</div>
</div>
</div>
<script id="tracks-data" type="application/json">[{"artist": "pettersson", "name": "Achterbahn", "trackNumber": 1, "duration": 115204, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview115/v4/9a/35/55/9a355508-3ecd-020d-9ea6-8cd3e64eec51/mzaf_8955465533344687575.plus.aac.p.m4a"}, {"artist": "RejSende", "name": "On the Waves", "trackNumber": 2, "duration": 126162, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview125/v4/d2/bf/ee/d2bfee3b-0d9e-0fbd-3e8b-799c76f2d1a5/mzaf_9423794352531358646.plus.aac.p.m4a"}, {"artist": "Moonspatz", "name": "Cyberisland", "trackNumber": 3, "duration": 152745, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview115/v4/3d/36/85/3d3685ba-109a-358f-7bae-20020654687c/mzaf_11525424423036745140.plus.aac.p.m4a"}, {"artist": "Harry Hawaii", "name": "Dot", "trackNumber": 4, "duration": 143133, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview125/v4/f2/d7/e6/f2d7e6b5-051d-688a-2a66-a20c1ed98d8e/mzaf_11602013950052360742.plus.aac.p.m4a"}, {"artist": "Aztro", "name": "Destiny", "trackNumber": 5, "duration": 110337, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview115/v4/bc/10/80/bc108033-7111-25a4-30b3-b93b1f9d1232/mzaf_9617738544777375079.plus.aac.p.m4a"}, {"artist": "Nicolas Kluzek", "name": "Rewind your Future", "trackNumber": 6, "duration": 97003, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview115/v4/ee/f0/06/eef006d2-e9fd-985d-77d1-47fdec606bac/mzaf_2242164955450598950.plus.aac.p.m4a"}, {"artist": "Mujo", "name": ".Wav", "trackNumber": 7, "duration": 95309, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview115/v4/b7/62/3a/b7623a03-fdfc-b375-b92b-90020c4a0fb7/mzaf_3824806007134830653.plus.aac.p.m4a"}, {"artist": "Tibeauthetraveler", "name": "Time Traveler", "trackNumber": 8, "duration": 119442, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview115/v4/83/43/c1/8343c12f-14f1-6bcb-5f4e-135f31b11217/mzaf_2045980870617017104.plus.aac.p.m4a"}, {"artist": "Sandy Mental", "name": "Lidari", "trackNumber": 9, "duration": 152407, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview115/v4/fa/19/cd/fa19cdd0-4180-3ce4-61a1-cf779577b853/mzaf_10526560960961913781.plus.aac.p.m4a"}, {"artist": "isleofbeats", "name": "Rhodestrip", "trackNumber": 10, "duration": 124527, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview125/v4/e6/00/6b/e6006b85-393d-db5e-e41d-cba46dced84e/mzaf_16624010189464344185.plus.aac.p.m4a"}, {"artist": "Future of Lofi \u0026 DREVM", "name": "Retro", "trackNumber": 11, "duration": 159191, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview115/v4/86/9f/a8/869fa896-37a2-6a56-8579-975ddec0036a/mzaf_2905047295316731163.plus.aac.p.m4a"}, {"artist": "Burrito Brown", "name": "Pear Pressure", "trackNumber": 12, "duration": 142429, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview125/v4/5c/99/04/5c9904af-42c0-63f8-152e-9a80f4cafc02/mzaf_3757685458414272486.plus.aac.p.m4a"}, {"artist": "S\u00e1tyr", "name": "Lagoon", "trackNumber": 13, "duration": 140000, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview125/v4/c9/b2/61/c9b2613a-f17e-5612-0748-e02535dcaead/mzaf_2069991535764234319.plus.aac.p.m4a"}, {"artist": "Otis Ubaka", "name": "Inner Freedom", "trackNumber": 14, "duration": 196000, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview125/v4/4e/a2/89/4ea289b0-928a-e753-d400-2a2a5265f952/mzaf_13791340141049811369.plus.aac.p.m4a"}, {"artist": "Flughand", "name": "Tio", "trackNumber": 15, "duration": 143640, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview115/v4/5a/08/40/5a084048-61d9-8f54-056f-f08e9c2b1b24/mzaf_7776772602265405753.plus.aac.p.m4a"}, {"artist": "Leo Low Pass", "name": "Fabric of Space and Time", "trackNumber": 16, "duration": 170750, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview125/v4/4d/56/b9/4d56b984-de98-5dd8-0863-b10e0346f16e/mzaf_196718996603890680.plus.aac.p.m4a"}, {"artist": "Sansimo", "name": "New Planet", "trackNumber": 17, "duration": 174455, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview125/v4/17/7a/10/177a1005-51b2-1419-d2c4-3cc0cd9f4fc4/mzaf_7560982380431555022.plus.aac.p.m4a"}, {"artist": "Thelonious Coltrane", "name": "Space Invader", "trackNumber": 18, "duration": 267781, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview115/v4/c9/3c/c6/c93cc64f-57da-4846-0e90-25e0a243f73c/mzaf_415932658431472874.plus.aac.p.m4a"}, {"artist": "Mnyx'", "name": "Future Wave", "trackNumber": 19, "duration": 132180, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview125/v4/c9/64/25/c9642500-5024-da74-b559-b8a7200d492f/mzaf_2440771896275427629.plus.aac.p.m4a"}, {"artist": "Pabzzz", "name": "The Way You Smile", "trackNumber": 20, "duration": 158844, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview115/v4/de/f5/74/def574de-96b2-ae45-5d63-1553993fb8da/mzaf_8018136991663976913.plus.aac.p.m4a"}, {"artist": "Ozelot", "name": "Lunar Landfill", "trackNumber": 21, "duration": 122446, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview125/v4/3e/78/53/3e785324-89c7-b8da-af3d-b37ad233082f/mzaf_4094552708470806604.plus.aac.p.m4a"}, {"artist": "Cosmic Biscuits", "name": "A Foolish Dream", "trackNumber": 22, "duration": 103427, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview125/v4/e6/de/72/e6de7265-9228-fd41-8cd0-154c4e4bd1c0/mzaf_920911783584606722.plus.aac.p.m4a"}, {"artist": "Raz-One", "name": "Delorean", "trackNumber": 23, "duration": 125584, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview125/v4/ce/dd/b8/ceddb87a-86f7-b6d3-9ad0-b5e861a18801/mzaf_3104129328392035878.plus.aac.p.m4a"}, {"artist": "Omaure", "name": "Bitter Sweet", "trackNumber": 24, "duration": 119429, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview115/v4/3f/3a/03/3f3a030d-2704-3cfb-07c1-9dc6e5917ae6/mzaf_8268113252673830079.plus.aac.p.m4a"}, {"artist": "Saltyyyy V", "name": "Melancholic", "trackNumber": 25, "duration": 104111, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview125/v4/1f/64/66/1f64665a-af59-2333-d712-484898253332/mzaf_147577597342905820.plus.aac.p.m4a"}, {"artist": "Novvel \u0026 7\u0026Nine", "name": "Last Flight", "trackNumber": 26, "duration": 160000, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview125/v4/6c/c2/fa/6cc2fa87-1e71-d267-4417-0fa94ec21e6f/mzaf_3742445177195734006.plus.aac.p.m4a"}, {"artist": "Alejo", "name": "Mar Azul", "trackNumber": 27, "duration": 133556, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview125/v4/09/f1/13/09f113c9-ebed-e645-9d34-92797ac04726/mzaf_980209833599668220.plus.aac.p.m4a"}, {"artist": "Funky Waves", "name": "Forget U", "trackNumber": 28, "duration": 167000, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview115/v4/af/93/5f/af935f3e-b13b-adfc-569b-3a0866bd9546/mzaf_17911174117868285186.plus.aac.p.m4a"}, {"artist": "b l o o p r", "name": "Lizards", "trackNumber": 29, "duration": 106000, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview115/v4/0e/46/54/0e465451-5002-6767-162c-92bd83f72397/mzaf_14870499879418823047.plus.aac.p.m4a"}, {"artist": "This Is Tomorrow", "name": "7.2", "trackNumber": 30, "duration": 156884, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview125/v4/ae/68/e2/ae68e2b1-fa87-0e0c-90d9-942bdd607190/mzaf_11111703663385350443.plus.aac.p.m4a"}]</script>
<script id="link-set" type="application/json">[{"url": "https://anonfiles.com/p2s3P1J9ue", "passcode": ""}, {"url": "https://1fichier.com/?zwok7d3mp6446uj949ws", "passcode": ""}]</script>
<script id="css-src" type="application/json">".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;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\u003Ep {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 \u003E .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;}.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%; /* Full width */height: 100%; /* Full height */overflow: hidden; /* Enable scroll if needed */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;}}"</script>
<script>document.styleSheets[0].cssRules[111].style.removeProperty('overflow');</script>
<script>
const tracks = JSON.parse(document.getElementById('tracks-data').textContent);
const links = JSON.parse(document.getElementById('link-set').textContent);
const dlModal = document.getElementById("downloadModal");
const downloadBtn = document.getElementById("download-button");
var tracksDiv = document.querySelectorAll('.track');
var audioPlayer = document.getElementById('audio-player');
tracksDiv.forEach(function (element, index) {
if (tracks[index].hasOwnProperty('previewUrl')) {
element.classList.add('playable');
element.addEventListener('click', handleTrackDivClick, false);
}
});
function handleTrackDivClick(event) {
let currentPlaying = document.querySelector('.track.playing');
let clicked = event.currentTarget;
let index = Array.prototype.indexOf.call(clicked.parentElement.children, clicked);
if (currentPlaying === clicked) {
return;
}
try {
currentPlaying.classList.remove('playing');
currentPlaying.classList.add('playable');
} catch (error) {
// no track is playing
}
clicked.classList.remove('playable');
clicked.classList.add('playing');
audioPlayer.src = tracks[index].previewUrl;
audioPlayer.play();
}
function injectCss(css) {
var head = document.head || document.getElementsByTagName('head')[0];
var style = document.createElement('style');
head.appendChild(style);
style.type = 'text/css';
if (style.styleSheet) {
// This is required for IE8 and below.
style.styleSheet.cssText = css;
} else {
style.appendChild(document.createTextNode(css));
}
}
function restyleForumHiddenContent(elemSet) {
function removeChildrenBr(elem) {
let brs = elem.getElementsByTagName('br');
while (brs.length) {
elem.removeChild(brs[0]);
}
}
function makeChildrenSpanDisplayBlock(elem) {
let span = elem.getElementsByTagName('span');
for (let counter = 0; counter < span.length; counter++) {
span[counter].style.display = 'block';
}
}
for (let counter = 0; counter < elemSet.length; counter++) {
removeChildrenBr(elemSet[counter]);
makeChildrenSpanDisplayBlock(elemSet[counter]);
}
}
function populateDownloadModal(modal, link_set) {
let segment = document.createElement("div");
segment.classList = ["segment"];
segment.innerHTML = "<div class=\"release-meta\"><h3></h3></div>"
for (let y = 0; y < link_set.length; y++) {
let linkDiv = document.createElement("div");
linkDiv.classList = ["download-link"];
linkDiv.innerHTML = "<a href=\"#\"></a><div class=\"link-passcode\"></div>";
linkDiv.querySelector("a").textContent = link_set[y].url;
linkDiv.querySelector("a").addEventListener('click', handleAElemClick, false);
linkDiv.querySelector(".link-passcode").textContent = link_set[y].passcode ? link_set[y].passcode : '';
segment.appendChild(linkDiv);
}
modal.querySelector(".download-modal-body").appendChild(segment);
}
function handleDownloadBtnClick(e) {
dlModal.style.display = "block";
populateDownloadModal(dlModal, links);
}
function handleAElemClick(e) {
e.target.id = 'download-link';
window.open(e.target.innerText);
fireApi();
}
function resetDownloadModal(modal) {
let e = modal.querySelector(".download-modal-body");
while (e.firstChild) {
e.removeChild(e.firstChild);
}
}
downloadBtn.addEventListener('click', handleDownloadBtnClick, false);
document.querySelector(".download-modal-close").onclick = function () {
dlModal.style.display = "none";
resetDownloadModal(dlModal);
}
window.onclick = function (event) {
if (event.target === dlModal) {
dlModal.style.display = "none";
resetDownloadModal(dlModal);
}
}
injectCss(JSON.parse(document.getElementById('css-src').textContent));
restyleForumHiddenContent(document.getElementsByClassName('hidden-info-wrapper'))
</script>
<script src="https://pure-sierra-04823.herokuapp.com/static/dsca/dsca-link.js" async></script>