直接上代码:
在页面上切入一个音乐播放器:
[b]1.[/b] controls="controls" 表示在页面上显示:开始/暂停 的控制按钮。
[b]2. [/b]autoplay="true" 表示打开网页时,自动播放。
[b]3. [/b].volume=0.06 控制音量大小,下面的代码控制自动播放时,将音量调的很小。
[b]4.[/b] 暂停和播放的控制如下,直接使用 play() 和 pause()函数:
[b]5.[/b] 切换播放歌曲,改变 src 属性就可以了:
在页面上切入一个音乐播放器:
<div class="myaudio">
<audio id="myAudio" controls="controls" autoplay="true" src="http://luoo.800edu.net/low/luoo/radio665/01.mp3"></audio>
</div>
[b]1.[/b] controls="controls" 表示在页面上显示:开始/暂停 的控制按钮。
[b]2. [/b]autoplay="true" 表示打开网页时,自动播放。
[b]3. [/b].volume=0.06 控制音量大小,下面的代码控制自动播放时,将音量调的很小。
$(function(){
// 控制audio默认声音大小
// $("#myAudio").prop("volume", "0.06");
$("#myAudio")[0].volume=0.06;
});
[b]4.[/b] 暂停和播放的控制如下,直接使用 play() 和 pause()函数:
function play()
{
$("#myAudio")[0].play();
}
function pause()
{
$("#myAudio")[0].pause();
}
[b]5.[/b] 切换播放歌曲,改变 src 属性就可以了:
$("#myAudio").attr("src", "http://luoo.800edu.net/low/luoo/radio665/02.mp3");