zhangyupeng
/
together-music


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183
							<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link
      rel="icon"
      type="image/svg+xml"
      href="./assets/favicon.17e50649.svg"
    />
    <link
      rel="stylesheet"
      type="text/css"
      href="https://static.xverse.cn/libs/toastify/toastify.css"
    />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>一起听</title>
    <script
      type="module"
      crossorigin=""
      src="./assets/index.38b59f3e.js"
    ></script>
    <link rel="stylesheet" href="./assets/index.25f530ac.css" />
  </head>
  <body>
    <div id="root">
      <div class="App">
        <video
          id="tv"
          autoplay=""
          hidden=""
          crossorigin="anonymous"
          style="display: none"
          src="http://opimv.music.tc.qq.com/11927FA777BA8E10B49916C0C2F94EB3463934E34D09A5923DF9F2D9B221DF2EDC192AD7EBDA85DA3DAEDE0679ECE36DZZ1152921504615800394/1049_M01028740037mQzM4aaXRo1001722930.f9814.mp4?fname=1049_M01028740037mQzM4aaXRo1001722930.f9814.mp4&amp;stdfrom=1&amp;fromtag=20303"
          playsinline=""
        ></video
        ><canvas
          id="canvas"
          class="stream unselect"
          width="1105"
          height="1920"
          data-engine="Babylon.js v5.0.0-alpha.63"
          touch-action="none"
          tabindex="1"
          style="touch-action: none"
        ></canvas>
        <div class="room__info">
          <div class="album">
            <span class="title">VR 专辑</span><span class="delimiter"></span
            ><span class="singer">周杰伦</span>
          </div>
          <div class="person-count">
            <img
              class="user-img"
              src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAlLSURBVHgBlVdbbBzlFf7msjN73/Xaa3t3Y3vthFhxgMQNRSUIBUhFgQIyolWLWonw1D41biv6mvJU9amJqqqlLS1UQlARVC4BQZJSLk0AKxA75ILtONmYOPZ67d3Z3dmd2Z2ZnX5jhyiJUgirnJl45v//7//P+c53zgi4jp/runHeNtNGaNtoWVr84muNNk6boL0jCMLL17OmcB2AO2mjLXcubjqTqJkzqBt52K0KAiEZihJBSF4PSUhDQi/vmRzHP0N7lpvIfW1ggnqAvzaax+KuwMMITTQaFo58XMDh989iuVCH02picKgDD4xsQqIjANcxOKYOBbcjEd2a4/wnCf7MdQMT9HdNa2l0du4vCAeAULQTLzz/Kd48MA27GUCxrKNaLUNbynMBF+1tAYz+8n7c88B61GuLKFeWYRgqhjc8AVVp303wn38lMEH/vlT+YMfiwl4oooyOaA9efHUGf336MPKLBWT6+lHRdVSKS7CtJlotC7ygLRbFE796CA//YAtqxjxq+jIivggS8YehBjc8Q/DHL8cRrz6p2Ti1o1rbh2AohFgsg4WlFl59fRKyLCMea4NW1qATuGEaPH2D7nUhiiIMhuGpPx3E4nkLiVg/OpMZ+JQmSkv/gGlM7PDWviYwX/ClPuq0/otkvAdtiSzUcCf2v30GjuV6I+A4JoxKCSbdvOIqgVdB5D8ZjutiaamMvz21n4sGofpiaIkKKkYdpfwrcFvlUWKMXgHMB1nedjWbh/iHyhOE4ZPbUSzZmP1cJ0iLbm3AJ4krJostxk4io2Uu4J2YIxybcTUw9tFnmDmVo/cVNJsuOA22rqGp7fWgdl3MlEsnfsyxF7KO44MghyHKIchSEJpmYWY6j0KhsLJwi7FMtkeR7kwilYhycyIkGl/CMhv0iEOmuzi47yPYDRGWI8KW/DyYArs6D9uc8EBHLwfeUTenoNs1VJo1lOsVnDuXx9jhSUx+NkkXFlHUKmjy+V03D2CwpwupsIo0bagrzPSxmMOrsS6Wy5g4cpI8aMCyAgyBiDpkLJID+dLbHtZO79QSLyOWvfjTYu0kFquLsFwdraaDsfem8Yff70NhuQTbtuBaJm5Z14X77r6DICJZWyLrgce/fx8yMR+qdQNVLi4y3iFFwQ2DaYTaYvRGAyHVD8kLi+ogoPb4JTH+lswd3Fmu5ThJZ3gd+FUfxt48gwOvf4w6F/Pia5omYgEZW4c3IJlKYfzTE+hM9+L+3jYMbtyESFBBXpeQ6ljAR5PnIZEH0ydn0Tu4BpLIkPjJDZ8DUeJa9mmGqG/EA94kuMto90vQGzL2vzCGA/tOYebsBciqiN6+OE6fuoAAdzww0EvALH746I/hNAwo/hCZH6N0xvDElrvgCg727n0JH0+dwMTxcWx/ZCsC/ghkXwuQakyCFnlw1nP3Ng94c2HxNPRyHYcOnMJrrx0mk4uokyT3PDiMg29MgIdFOrSqN8FQFEoiuUKiRlUneJiZwAXNGjcRpMf8/L/N+Jpo2Q5CFBaVMbHJBMcuk4eGt1DWA44n0gIWzizilRcPohXw8wQqBIdxFSxCNVFlWjiCBIeDGwbTi2plUbXMag1NpooguNCrS2heqGDs6AToHLrfhsqwCWSExHwWOcZm3ltCxQOOe8A49v4n+PNv/oM7Rm7GBW7guGHh1q39uHE4ieX5FI58eB4fzixhJK9hyKgSrMhxZ1kY0mjpVYg+H3X7Aor6Iubml5HpVHHbt74BJaBysw3YZLYkRZlWvkt55N20qeMavvuL25guZWTWJRENuhjoD6O7O4RUKogNG9qhShLe+PchyqQB1zaQTPcjFkwiuWYQyY4+tHV2Yz8PEKRbW5TSWEcbBEmAbpVQbuZRN4toUPkEMebhah5w7qZvD+H8iQI0Tlh7U4IiQVcxpqEwXSXUcPd9a9CTUbGslaBrc7BsG5H2GKS4n0JB3bar+PTMaUzOLjN9WDj4fnmhSPdS8WBAr3+OgnYGBnUATtQDHvdc/a5d7N1c0N7Ftu9tRthpsqJQNjlFDgaQ7kvT5QOUBwEzYzXIgg27ztJnGUik10JNhlBZXsDTz/2LKiajXDMpGj7MnV2C5FagijZTrQKrpkOKxhBREx7whAf8cv+623ZuvOcT5tqqFm/Zvglu3YZgSrjl9mFMHp3BvQ+y47m1DyGSBVS4+kIOU2c+wHzuHD48xjJYI1t9KqIUjQYFZ3a6DL1E1kcj1HBurixT41NId2c94Hc84PFs301aRlsXd1GASibffGcaR946jsqMRgIlMTS4FT5tEAFfY6UgqCyZAl0KkdpsWWg/V2I1smByUxZPG4pGKUgKzk8ZWLvlRp66GxYVzFUHEVRjOa8vk3nRKJt7NvZs33XywkssBC4Munv97YOQG93o6/4O/IEuNBZOQGgwdSSZYxxESTx/LI1goh9r8yamlqYwV/eR4cpKqaxYIqaOLiK1Pgq/FEE4VEFfV8Y77bOXF4ndfYlhrTOxjnH102UiIoEBZCLb6L1OSp0PkZ7NkOMZ5iRTg/nYEhS+izBlYvjm3fdi+9bN6KKbRVGiUvlJKAMnTs4hd+w0qx2FJOKiMxLPYbURXAX2Ts3bkzd2PoJItAPdyjC6a33A8jSa+RNkJ6jXDQSSgyQTCRVOwE8FE9QQaiKLfiLFlFvPGuSiZdaZlnWYBM6XKvjk0PvcpI7hgTs8qCe/6DwvdSB8sFuVI3tuiDwE9XwIbqO6qq2VOdRL8ywVbOtYj8VQN2OVoObaJKOE7o52hD22tndhqCeGbMiBoZdXavfsfAGT07NIKtysHNpzecd5Rc/FF6PhQPbZxMCmlfRhQkKgDpdz4ys6XWMbY1k2XAqH1LZ2hVj0LUTFDzkQwYOPjOBHjz+GNanOFf0W6KpHf/IzdGdu8Hrs0SuwcI0fybabwrBz4dhBOPUS2xe6eeMDXDxGNjtseXyrk13mdPksWgZrdp2pE26DkhzCe28fxD+ffw6/3fNHpNLpPVeD/l/gi+A7eNtVnTuVLeeOohVbC196A2spM5CNlNf+eSdSmLueQrUoKLIS5jOSz3uu+LSLMd19rfW/6hMmy9sO2mOWqWcbbOBczvDc3WR761cVqpXPG8cNyCsxJ+s9wD203RdJi68NfNUmvA+2O2mbsPoBd/lHW472Ls37YBv/MsAvfv8D3d4+ov4lckgAAAAASUVORK5CYII="
            />
            2人在线
          </div>
        </div>
        <div class="room__barrage">
          <div class="item">
            催更像素墙上线啦：每天 20:00-23:00
            限时抽取幸运小伙伴来点亮催更像素墙！
            快呼朋唤友来一起留下你们的印记！
          </div>
        </div>
        <div class="person_toggle">
          <img
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAlCAYAAADBa/A+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJjSURBVHgBzZiLkdowEIbXqYBUEKWCOBXEJaQEdxA6gFQAHZgOkg48qQA6EKkAOvhPe14PurVkWwJ8980ID3gfv1dPTHQnANauta5d0MHXxrWK3guX3Lh2wjgsckVLI9WaQ0tL4hLWSKOipUioWs9fyqCgDFyyi7ukjKVrURSfKZFPlIgTVlKaMGbl/AwlkiyO0oVl++WIy2URcTXlUVEiOeK+UR4/KJEccf8ojzM9G3TblkUaNme25gpM3SFqegYuMK9Raz+B/GZnCrOhWHdVEl33HXA7CjE7dd9OCfNFSDyfJkmkPN0ulkzZTnVvrexjNJMinUGJ8Wo0yr7COJWyb0dsbVSgCLuMOG6hDo6Yrtyahr1SI14Azl9qYQZhYRykyqxy728i/jGRbwVGjPYIHLHRdeUeaTSIP+Q2YH/0n0CzDVR2g3i3z8UiMPgjAuvQIG1mdvk9DMYWhstMSxgm1k4tnkNLwzHscyn40zdyx+lCOfHaZujxnF2qryrXGy18Krkqg1IFMfQcDI3nvbK4k/rxF70Pa/X9FJutm94C6cejuRy9HJvA/bq/eUREILpTxKOxEje2j7/u4YUI4P7m2aMX3bNrv93APYiNcY2vX+g2Zoz4+b5Xr3GM/3LldnLxzugW5YaGY5p9vrMNeaWd2lv5SXWgIBh5eYOuC20kz3Bv9RznnNF4CDQitpKHWqkY/QNV6t5uJK6NClPBD3gcFlJxhMc2E9zHlxK5lZj+5OpfMhrKRUTyctMin9qL91PiTVYq6S2TBCyl8Z9k/m5oOFt7eObxbN/TRwC3f2Z/cOcr1xf1p6YtGKmk0gAAAABJRU5ErkJggg=="
          /><span>第三人称</span>
        </div>
        <div class="control__panel">
          <div>
            <div class="player-bar">
              <div class="player-bar-album-pic">
                <img
                  src="http://y.gtimg.cn/music/photo_new/T002R120x120M000001uqejs3d6EID_1.jpg"
                  alt=""
                />
              </div>
              <div class="player-bar-content">
                <span class="player-bar-song-name">阳明山 - 周杰伦</span>
                <div class="player-icons">
                  <img src="./assets/player-pause.8f41c056.svg" alt="" /><img
                    src="./assets/player-next.d19788fd.svg"
                    alt=""
                  /><img src="./assets/player-list.6d787580.svg" alt="" />
                </div>
              </div>
            </div>
          </div>
          <div class="control__panel--mood-content">
            <span class="control__panel--mood-button"></span>
          </div>
        </div>
        <div class="animation-jump"></div>
      </div>
    </div>

    <!-- <script type="text/javascript" src="/src/polyfy.js"></script> -->
    <script type="text/javascript" src="./assets/toastify.js"></script>

    <video
      playsinline=""
      autostart="false"
      controls="controls"
      muted="true"
      preload="auto"
      hidden="hidden"
    ></video>
    <div
      class="xverse-joystick-zone"
      style="
        position: absolute;
        width: 200px;
        height: 200px;
        left: 0px;
        bottom: 0px;
        z-index: 999;
        -webkit-user-select: none;
        touch-action: none;
      "
    >
      <div
        class="nipple collection_0"
        id="nipple_0_0"
        style="
          position: absolute;
          opacity: 0.3;
          display: block;
          z-index: 999;
          transition: opacity 250ms ease 0s;
          top: 50%;
          left: 50%;
        "
      >
        <div
          class="back"
          style="
            position: absolute;
            display: block;
            width: 110px;
            height: 110px;
            margin-left: -55px;
            margin-top: -55px;
            background-clip: padding-box;
            background-color: black;
            opacity: 0.5;
            border-radius: 50%;
            box-sizing: border-box;
            border: 2px solid white;
          "
        ></div>
        <div
          class="front"
          style="
            width: 30px;
            height: 30px;
            position: absolute;
            display: block;
            margin-left: -15px;
            margin-top: -15px;
            background-color: white;
            opacity: 0.5;
            border-radius: 50%;
            left: 0px;
            top: 0px;
          "
        ></div>
      </div>
    </div>
    <canvas
      id="commentWallRenderCanvas"
      width="750"
      height="1000"
      style="
        width: 750px;
        height: 1000px;
        position: absolute;
        top: -99999px;
        left: -99999px;
      "
    ></canvas>
  </body>
</html>