实例:音频可视化
技术栈:HTML+CSS+JS
效果:
源码:
【HTML】
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>音频可视化</title>
<link rel="stylesheet" href="209.css">
</head>
<body>
<canvas></canvas>
<audio src="/mp3/夜曲.mp3" controls></audio>
</body>
</html>
<script src="209.js"></script>
【CSS】
*{
margin: