2015.10.30(audio标签)

1.audio标签(4个常用属性)

1.autoplay:音频在就绪后马上播放。
2.controls:显示控件
3.loop:循环播放
4.preload：预加载
5.muted:是否静音(muted="muted");

<a href="javascript:;" class="musicBtn"></a>    //控制播放停止的按钮
<audio src="images/music.mp3" id="music" autoplay="autoplay" loop="loog" controls="controls" preload="auto"></audio>

 

 2.js控制音量大小，volume音量

//获取audio时需要[0]，因为js操作获得的是audio对象，jQuery选择器获得的是jQuery对象，[0]对象的才是对应的节点对象，所以不能直接使用jQuery对象去操作
var musicObj = $("#music")[0];
//volume属性，取值0~1，音量大小
musicObj.volume = 0.3;

 

 3.js控制播放停止

var musicBtn = $(".musicBtn");　　　　//控制播放停止按钮
    musicBtn.click(function(){　　　　
        playMusic();
    })
    function playMusic(){
        if(musicObj !== null){　　　　//先判断是否存在
            if(musicObj.paused){　　　//判断是否在播放中，如果在播放中，则停止，反之亦然
                musicObj.play();
            }else{
                musicObj.pause();
            }
        }
    }