通过HTML5实现音频可视化的频谱跳动,HTML5_Audio_Visualizer插件效果预览:
插件代码:
HTML代码:
audio element not supported
CSS代码:
body {background: #000; text-align: center; color: #fff;}
a{color:yellow;}
.bar-wrapper {height: 300px; position: relative;}
.bar {position: relative; bottom: 0; width: 5px; display: inline-block; border: 1px solid red; height: 5px; border-bottom: 3px solid #fff;}
Javascript代码:
/* *
* audio visualizer with html5 audio element
*
* v0.1.0
*
* licenced under the MIT license
*
* see my related repos:
* - HTML5_Audio_Visualizer https://github.com/wayou/HTML5_Audio_Visualizer
* - 3D_Audio_Spectru