至爱音乐论坛 » 『华语专辑分享』 » 熊貓堂 - emo了 (2021) [CN]


2021-10-15 13:01 Saw
熊貓堂 - emo了 (2021) [CN]

<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/c4/b9/1e/c4b91edf-a381-f8ca-eaa7-0a9003f76f37/source/600x600bb.jpg">
        </div>
      </div>

      <div class="header-and-tracks">
        <div class="album-header">
          <div class="album-header-meta">
            <h1 class="album-title">emo了</h1>
            <h2 class="album-artist">熊貓堂</h2>
            <h3 class="album-meta-info">MANDOPOP • Oct. 15, 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>New Horse</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>不例外</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>滿意</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>就算與全世界為敵也要跟你在一起</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>The ONE</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>口香糖</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>Suuuuuper Mario</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>饕餮人間</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>以夢為馬(壯志驕陽版) (with 肖若騰)</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>The ONE(日文版)</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>New Horse(伴奏)</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>不例外(伴奏)</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>滿意(伴奏)</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>就算與全世界為敵也要跟你在一起(伴奏)</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>The ONE(伴奏)</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>口香糖(伴奏)</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>Suuuuuper Mario(伴奏)</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>The ONE(日文版)(伴奏)</span>
              
            </div>
          </div>
         
        </div>

        <div class="bottom-metadata">
          <div class="song-stat-container">
            共 18 首
          </div>

          <div class="release-stat-container">
            
              SCENE •
              WEB •
              MP3
              
               
                  320K
               
              
            
          </div>
          <div class="release-footnotes">
            
              ZIP • PASSWORD PROTECTED •
              140.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/louw9w.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": "ProducePandas", "name": "New Horse", "trackNumber": 1, "duration": 150703, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview115/v4/af/e7/18/afe7186f-3850-d8f6-c9fc-e5584cb58156/mzaf_14561661128424181211.plus.aac.p.m4a"}, {"artist": "ProducePandas", "name": "\u4e0d\u4f8b\u5916", "trackNumber": 2, "duration": 211349, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview125/v4/e0/a4/19/e0a419c0-b49c-8769-2b82-1cdab64ec423/mzaf_8832630632128006266.plus.aac.p.m4a"}, {"artist": "ProducePandas", "name": "\u6eff\u610f", "trackNumber": 3, "duration": 272782, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview125/v4/7b/c6/70/7bc67052-b87e-8def-f8cb-62503c1f0f86/mzaf_1503430060811755385.plus.aac.p.m4a"}, {"artist": "ProducePandas", "name": "\u5c31\u7b97\u8207\u5168\u4e16\u754c\u70ba\u6575\u4e5f\u8981\u8ddf\u4f60\u5728\u4e00\u8d77", "trackNumber": 4, "duration": 212532, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview115/v4/c9/84/f5/c984f57c-f4fb-8394-4f1b-00af9f7ec47a/mzaf_15152717627560140770.plus.aac.p.m4a"}, {"artist": "ProducePandas", "name": "The ONE", "trackNumber": 5, "duration": 178787, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview125/v4/ae/32/cd/ae32cdae-e9a5-0913-a95b-6a2db42833e8/mzaf_6779521845099290578.plus.aac.p.m4a"}, {"artist": "ProducePandas", "name": "\u53e3\u9999\u7cd6", "trackNumber": 6, "duration": 190587, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview125/v4/2b/5a/b8/2b5ab813-953f-30c6-cc8a-8507585c9eee/mzaf_10279738384666925875.plus.aac.p.m4a"}, {"artist": "ProducePandas", "name": "Suuuuuper Mario", "trackNumber": 7, "duration": 212532, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview115/v4/cb/31/d7/cb31d71d-1adc-d8ee-1673-356d627abe3f/mzaf_3382198758494388304.plus.aac.p.m4a"}, {"artist": "ProducePandas", "name": "\u9955\u992e\u4eba\u9593", "trackNumber": 8, "duration": 200143, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview115/v4/b9/81/08/b98108ca-b806-d7df-74bd-2904a9fa88c9/mzaf_7890346024822788885.plus.aac.p.m4a"}, {"artist": "ProducePandas \u0026 \u8096\u82e5\u9a30", "name": "\u4ee5\u5922\u70ba\u99ac(\u58ef\u5fd7\u9a55\u967d\u7248) (with \u8096\u82e5\u9a30)", "trackNumber": 9, "duration": 259897, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview115/v4/59/d6/ed/59d6ed2c-4564-fd9c-32b1-b03fc945f278/mzaf_2221240290467046916.plus.aac.p.m4a"}, {"artist": "ProducePandas", "name": "The ONE(\u65e5\u6587\u7248)", "trackNumber": 10, "duration": 177171, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview125/v4/4a/34/ff/4a34ff24-e3ac-27f7-859f-75c803dab128/mzaf_16756012400700354717.plus.aac.p.m4a"}, {"artist": "ProducePandas", "name": "New Horse(\u4f34\u594f)", "trackNumber": 11, "duration": 150703, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview125/v4/47/3f/c9/473fc9c9-99e4-7fbc-d469-0ac3bf4b5dbc/mzaf_10684661482280033152.plus.aac.p.m4a"}, {"artist": "ProducePandas", "name": "\u4e0d\u4f8b\u5916(\u4f34\u594f)", "trackNumber": 12, "duration": 211349, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview125/v4/a1/1d/0c/a11d0c57-9dd7-a6bb-eaf5-031ced9c1d2b/mzaf_12774861626878066074.plus.aac.p.m4a"}, {"artist": "ProducePandas", "name": "\u6eff\u610f(\u4f34\u594f)", "trackNumber": 13, "duration": 272782, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview115/v4/03/c6/ff/03c6ffca-026a-a879-754e-96ac2f1c05a5/mzaf_17342104887297436990.plus.aac.p.m4a"}, {"artist": "ProducePandas", "name": "\u5c31\u7b97\u8207\u5168\u4e16\u754c\u70ba\u6575\u4e5f\u8981\u8ddf\u4f60\u5728\u4e00\u8d77(\u4f34\u594f)", "trackNumber": 14, "duration": 212532, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview115/v4/24/18/b2/2418b2f6-8ade-dc81-0cec-8747cbbeefee/mzaf_16604953504802832501.plus.aac.p.m4a"}, {"artist": "ProducePandas", "name": "The ONE(\u4f34\u594f)", "trackNumber": 15, "duration": 178787, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview115/v4/25/3d/32/253d32b0-cb46-c884-c08a-8ca56867dc5f/mzaf_3005827231962969372.plus.aac.p.m4a"}, {"artist": "ProducePandas", "name": "\u53e3\u9999\u7cd6(\u4f34\u594f)", "trackNumber": 16, "duration": 190587, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview115/v4/33/1d/38/331d38e2-89f9-519d-75cb-0c445f4fb66f/mzaf_6469210769705643806.plus.aac.p.m4a"}, {"artist": "ProducePandas", "name": "Suuuuuper Mario(\u4f34\u594f)", "trackNumber": 17, "duration": 212532, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview115/v4/04/1a/22/041a22ea-5a3a-5a8a-23b3-4517e563cce0/mzaf_14201601821706518227.plus.aac.p.m4a"}, {"artist": "ProducePandas", "name": "The ONE(\u65e5\u6587\u7248)(\u4f34\u594f)", "trackNumber": 18, "duration": 177171, "previewUrl": "https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview115/v4/8f/cd/e6/8fcde6fc-e834-8466-afc7-4f8cf90adb43/mzaf_13400516337383388023.plus.aac.p.m4a"}]</script>
<script id="link-set" type="application/json">[{"url": "https://1fichier.com/?wbwkh770z3q1lrlw1303", "passcode": ""}, {"url": "https://pan.baidu.com/s/1NsnxZMSIGL35OLKT3cr_8A", "passcode": "ta3s"}]</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>

2021-10-17 00:03 cheewooi56
thank for sharing..love it

2022-9-7 15:37 william09
thank you so much

页: [1]
查看完整版本: 熊貓堂 - emo了 (2021) [CN]


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