可视化的音乐播放特效

查看演示 下载资源 下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

页面的head部分，需引入页面的CSS样式文件，代码如下：

<link type="text/css" rel="stylesheet" href="css/style.css">

页面的body部分，设置好音频文件和可视化的容器，代码如下：

<audio id="stream" crossorigin="anonymous" controls>
	<source src="http://s1.dfntn.eu:8000/broadcast" type="audio/mpeg" />
</audio>

<canvas id="canvas"></canvas>
<div id="fps"></div>

页面的底部，需引入必要的两个JS文件，代码如下：

<script type="text/javascript" src='js/dat.gui.min.js'></script>
<script type="text/javascript" src="js/index.js"></script>