<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<title>ðððððððððð</title>
<link rel="stylesheet" href="./css/index.css">
<!-- å½å¤CDNèµæº -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/build/three.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/examples/js/postprocessing/EffectComposer.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/examples/js/postprocessing/RenderPass.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/examples/js/postprocessing/ShaderPass.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/examples/js/shaders/CopyShader.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/examples/js/shaders/LuminosityHighPassShader.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/examples/js/postprocessing/UnrealBloomPass.js"></script>
</head>
<body>
<!-- é³ä¹éæ©é¡µé¢ï¼éæ©å®ä¹åä¼è¦çæ¿æ¢æ -->
<div id="overlay">
<!-- é³ä¹å表æ´ä½çå -->
<div id="music-list-box">
<h2>éæ©ä¸é¦é³ä¹å¼å§</h2>
<!-- é»è®¤åºç¡é³ä¹å表 -->
<ul id="base-music-list"></ul>
<ul id="upload-music">
<li class="separator">ä½ è¿å¯ä»¥</li>
<!-- ä¸ä¼ æ¬å°é³ä¹ -->
<li>
<label class="upload-btn" for="upload">æå¼é³ä¹æ件</label>
<input type="file" id="upload" hidden />
</li>
</ul>
</div>
<!-- èæ¯ææå¨ç»ï¼ä¹ä¼è¢«è¦çæ -->
<iframe id="overlay-bg" src="overlay-bg.html" frameborder="0"></iframe>
</div>
<script src="./js/index.js"></script>
</body>
</html>