Spaces:
Running
Running
| <html> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Audio Visual Circle Effect</title> | |
| <link rel="stylesheet" href="./css/musicvision.css" type="text/css" /> | |
| <script type="text/javascript" src="./js/jquery.min.js"></script> | |
| <script type="text/javascript" src="./js/player.js"></script> | |
| </head> | |
| <body> | |
| <div id="upl"> | |
| <table border="0" width="100%"> | |
| <tr> | |
| <td> | |
| <a href="javascript:recover_bg();" id="home">Restore to initial background</p> | |
| </td> | |
| <td> | |
| <p id="tip">Upload audio to be visualized👉</p> | |
| </td> | |
| <td> | |
| <input type="file" id="musicFile" accept=".mp3,.wav,.m4a,.flac"> | |
| </td> | |
| <td> | |
| <input type="button" name="startStop" value="暂停" id="startStop"> | |
| </td> | |
| <td> | |
| <p>Upload background image👉</p> | |
| </td> | |
| <td> | |
| <input type="file" id="bgFile" accept=".png,.jpg,.gif,.bmp"> | |
| </td> | |
| </tr> | |
| </table> | |
| </div> | |
| <div class="bg"></div> | |
| <canvas id="wrap"></canvas> | |
| </body> | |
| </html> |