要根据声音大小改变指示条的状态必须要先获得声音大小。 如果是播放声音文件可以使用html5的Audio相关api,可以参考这篇博客中声音频谱的实现。 根据声音大小做动画这个我想还是比较简单的,这里就不说了。
写一个进度条,然后根据声音大小映射到进度就够了。