至爱音乐论坛 » 『欧美专辑分享』 » Various Artists - Chillhop Essentials Summer 2021 (2021)


2021-6-2 16:05 Saw
Various Artists - Chillhop Essentials Summer 2021 (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://is4-ssl.mzstatic.com/image/thumb/Music124/v4/48/a9/88/48a98806-42f2-0435-2710-1932a466c6d7/source/600x600bb.jpg">
        </div>
      </div>

      <div class="header-and-tracks">
        <div class="album-header">
          <div class="album-header-meta">
            <h1 class="album-title">Chillhop Essentials Summer 2021</h1>
            <h2 class="album-artist">Various Artists</h2>
            <h3 class="album-meta-info">HIP-HOP/RAP • 2021-06-02</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>Solstice</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>Evening Stroll (feat. Blue Wednesday)</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>Solar Cove</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>Talk</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>Easy Now</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>Caipi</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>Toddle</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>Flip Flop Vibe</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>Hillside.</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>Antes (feat. Chico Balbin)</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>Folds</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>Waterfalls</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>Clear Skies</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>Makai</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>Ladybug</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>7Pm</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>Flux</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>Ocean View, Pt. 2 (feat. G Mills)</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>Crown</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>Take Initiative</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>Despair</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>Silver Glen</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>Wish It Never Ends</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>Blue View</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>With Time</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>Ocean in a Shell</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>Golden Gardens</span>
              
            </div>
          </div>
         
        </div>

        <div class="bottom-metadata">
          <div class="song-stat-container">
            共 27 首
          </div>
          <div class="release-stat-container">
            
              WEB / SCENE / MP3 320K
            
          </div>
          <div class="release-footnotes">
            
              ZIP / PASSWORD PROTECTED
              
              / 130.5MB
              
            
          </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/2ba789.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">&times;</span>
    </div>
    <div class="download-modal-body">
      <div class="download-link">
        <a id="download-link" href="https://pan.baidu.com/s/1bB-fcyLbYLwhlUHpnFG27g" target="_blank">https://pan.baidu.com/s/1bB-fcyLbYLwhlUHpnFG27g</a>
      </div>
      <div class="link-passcode">
        提取码: zwkv
      </div>
    </div>  
    <div class="download-modal-footer">
    </div>
  </div>
</div>

<script id="tracks-data" type="application/json">[{"artist": "Middle School \u0026 Henry Gritton", "name": "Solstice", "trackNumber": 1, "duration": 145938, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview124/v4/42/47/f1/4247f12a-64af-a894-a863-ec82b5cb52f3/mzaf_11321384602766132.plus.aac.p.m4a"}, {"artist": "xander.", "name": "Evening Stroll (feat. Blue Wednesday)", "trackNumber": 2, "duration": 167638, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview124/v4/e1/26/32/e1263229-c505-d9b4-2585-ee370b75fee0/mzaf_16476111114106929737.plus.aac.p.m4a"}, {"artist": "Mama Aiuto", "name": "Solar Cove", "trackNumber": 3, "duration": 179331, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview124/v4/fd/42/4e/fd424e11-0e05-012f-ad6d-c79124f148c8/mzaf_18179425972238940371.plus.aac.p.m4a"}, {"artist": "Misha", "name": "Talk", "trackNumber": 4, "duration": 152380, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview124/v4/9c/c9/0e/9cc90e07-fbca-65af-5470-0713260b3cfe/mzaf_7267010353057991727.plus.aac.p.m4a"}, {"artist": "Mo Anando", "name": "Easy Now", "trackNumber": 5, "duration": 180640, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview124/v4/7c/e0/c5/7ce0c50e-842d-4bc1-0ab5-b1f14a91cf1e/mzaf_10218034188982587756.plus.aac.p.m4a"}, {"artist": "Ben Bada Boom", "name": "Caipi", "trackNumber": 6, "duration": 143994, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview124/v4/92/24/5f/92245f54-49da-af6d-de26-ef527c381c32/mzaf_9331570041949452201.plus.aac.p.m4a"}, {"artist": "Oddfish", "name": "Toddle", "trackNumber": 7, "duration": 142168, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview124/v4/0d/2e/88/0d2e8817-1dbb-4b18-b3a8-786a99192912/mzaf_3192301095325411538.plus.aac.p.m4a"}, {"artist": "The Breed", "name": "Flip Flop Vibe", "trackNumber": 8, "duration": 148460, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview124/v4/1c/09/4d/1c094df8-2e01-c98d-2a29-f675d55284ee/mzaf_2801134063748080143.plus.aac.p.m4a"}, {"artist": "Chromonicci", "name": "Hillside.", "trackNumber": 9, "duration": 233763, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview124/v4/94/3d/2b/943d2b8d-f158-af5e-bd9e-645a5ee96d54/mzaf_3889059075982512658.plus.aac.p.m4a"}, {"artist": "Psalm Trees", "name": "Antes (feat. Chico Balbin)", "trackNumber": 10, "duration": 194888, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview124/v4/a2/d3/69/a2d3698e-8c20-cda4-e602-4e4af985c50e/mzaf_14051153807705693955.plus.aac.p.m4a"}, {"artist": "dryhope", "name": "Folds", "trackNumber": 11, "duration": 149721, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview124/v4/30/53/69/305369bf-db4e-5aa5-0164-e664f071d39b/mzaf_13766489199566707723.plus.aac.p.m4a"}, {"artist": "Molly McPhaul \u0026 G Mills", "name": "Waterfalls", "trackNumber": 12, "duration": 156573, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview124/v4/d5/7f/aa/d57faaf2-8ddd-e95b-a10f-48a98aea732e/mzaf_2021334034366793149.plus.aac.p.m4a"}, {"artist": "Monma", "name": "Clear Skies", "trackNumber": 13, "duration": 187989, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview124/v4/fa/43/a9/fa43a961-db2a-92de-7caf-10ef57b43560/mzaf_17761344125818516439.plus.aac.p.m4a"}, {"artist": "invention_", "name": "Makai", "trackNumber": 14, "duration": 135308, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview124/v4/c8/bc/90/c8bc90c0-71da-d73b-fc46-3c9c82a35c82/mzaf_7789332913633424064.plus.aac.p.m4a"}, {"artist": "Makzo \u0026 Solicit", "name": "Ladybug", "trackNumber": 15, "duration": 147475, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview124/v4/fd/08/82/fd0882a0-28ca-6c69-5e91-e45e0b57a70d/mzaf_12693315250950265952.plus.aac.p.m4a"}, {"artist": "Taro", "name": "7Pm", "trackNumber": 16, "duration": 151057, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview124/v4/b1/7b/70/b17b7018-130c-2111-2b9f-4d987390d61c/mzaf_1507650136073223583.plus.aac.p.m4a"}, {"artist": "Sebastian Kamae \u0026 Dayle", "name": "Flux", "trackNumber": 17, "duration": 169379, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview124/v4/1b/45/f2/1b45f21f-fa56-8b2a-528e-7a11be05c348/mzaf_5953778384795396878.plus.aac.p.m4a"}, {"artist": "Luke Otwell \u0026 Kyle McEvoy", "name": "Ocean View, Pt. 2 (feat. G Mills)", "trackNumber": 18, "duration": 141758, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview124/v4/28/8f/0d/288f0d81-b355-e590-70e4-31a9953b2bbd/mzaf_7339623899009574108.plus.aac.p.m4a"}, {"artist": "Hanz", "name": "Crown", "trackNumber": 19, "duration": 168463, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview124/v4/55/09/e6/5509e6e2-831c-acaf-9f96-3b232f814594/mzaf_11494541575643007026.plus.aac.p.m4a"}, {"artist": "Grisp \u0026 C4C", "name": "Take Initiative", "trackNumber": 20, "duration": 141179, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview124/v4/f1/b2/02/f1b20285-27a3-b605-8206-f396311ad3cd/mzaf_9778633609025361283.plus.aac.p.m4a"}, {"artist": "Evil Needle", "name": "Despair", "trackNumber": 21, "duration": 138378, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview124/v4/9b/dc/2d/9bdc2d96-5c88-0313-3554-bdb29f33ae9e/mzaf_18215105081206523897.plus.aac.p.m4a"}, {"artist": "Ian Ewing", "name": "Silver Glen", "trackNumber": 22, "duration": 155861, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview124/v4/eb/bb/95/ebbb9534-3831-13f6-150a-e0513579ff22/mzaf_638656901145028240.plus.aac.p.m4a"}, {"artist": "\u00d8DYSSEE \u0026 Guillaume Muschalle", "name": "Wish It Never Ends", "trackNumber": 23, "duration": 172572, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview124/v4/99/8a/60/998a604a-d19c-877b-601a-20b2056b7657/mzaf_7484245239649474659.plus.aac.p.m4a"}, {"artist": "Leavv", "name": "Blue View", "trackNumber": 24, "duration": 89273, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview124/v4/b0/65/7d/b0657de6-1608-cc4e-7e93-466518150d45/mzaf_7216016670551094498.plus.aac.p.m4a"}, {"artist": "SwuM \u0026 brillion.", "name": "With Time", "trackNumber": 25, "duration": 167492, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview124/v4/81/1a/a8/811aa834-6255-8a48-1084-36a7651f83cd/mzaf_15620071892937127943.plus.aac.p.m4a"}, {"artist": "Aarigod", "name": "Ocean in a Shell", "trackNumber": 26, "duration": 175007, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview124/v4/57/05/ea/5705eae0-dffc-4991-27e5-51e438d14286/mzaf_17542165847569339189.plus.aac.p.m4a"}, {"artist": "Arbour", "name": "Golden Gardens", "trackNumber": 27, "duration": 196484, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview124/v4/32/82/0a/32820a89-a659-0b0f-274e-669a141edb99/mzaf_1210126446482059488.plus.aac.p.m4a"}]</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 {display: flex;flex-wrap: wrap;padding: 1rem;justify-content: space-evenly;align-items: center;}.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);
  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]);
    }
  }

  var dlModal = document.getElementById("downloadModal");
  document.getElementById("download-button").onclick = function () {
    // let x = document.getElementById("link-wrapper");
    // x.classList.add("show");

    dlModal.style.display = "block";
    fireApi();
  }

  document.querySelector(".download-modal-close").onclick = function() {
    dlModal.style.display = "none";
  }

  window.onclick = function(event) {
    if (event.target === dlModal) {
      dlModal.style.display = "none";
    }
  }

  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>

页: [1]


Powered by Discuz! Archiver 5.5.0  © 2001-2006 Comsenz Inc.