jquery之音乐均衡器

 

制作这个音乐均衡器需要一个equalizer插件（插件我已经上传），下面介绍一下网页的BGM的相关属性：

hidden="true"表示隐藏播放，即不显示播放器的外观，若要想显示，把"true" 替换为"false"即可，这样为默认是最小化播放，若还想具体显示播放器的大小，另加上height="高度值" width="宽度值" 就可以了。

autostart="true"表示当前页一载入则自动播放，若不希望播放改为autostart="false" 即可。

loop="true"表示无限次循环播放音乐直到当前页关闭为止，不想循环播放替换为 loop="false"就OK了 。

loop="-1" 表示无限次循环播放，可设置播放次数，用具体数字代替即可，比如我希望它播放两次，则loop="2"。

<section id="main_section">
    <div class="relative_left" style="width: 600px;margin: 30px 0px;height: 300px;left : 50%;margin-left: -300px;">
        <h2 id="title">jQuery音乐均衡器</h2>
        <div id="equalizer">
            <audio autoplay controls loop>        
                <source src="http://fs.pc.kugou.com/201605121727/202838a1cd28416ce5929d38db776835/G006/M00/1B/1D/Rg0DAFS93HWAC5dJADquNn80K1Y691.mp3" type='audio/mpeg'>    
            </audio>
        </div>
    </div>
</section>

方法：

$(document).ready(function(){
        
        $("#ad_container span").click(function(){
            $("#ad_container").fadeOut(400);
        });
        
    });

run：

 

posted @ 2016-05-12 20:26  冷的锋刃  阅读(378)  评论(0)  编辑  收藏  举报