html5之audio标签

直接上代码:
在页面上切入一个音乐播放器:

<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");
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值