`
focus2008
  • 浏览: 26409 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

html5之audio标签

阅读更多
直接上代码:
在页面上切入一个音乐播放器:
<div class="myaudio">
<audio id="myAudio" controls="controls" autoplay="true" src="http://luoo.800edu.net/low/luoo/radio665/01.mp3"></audio>
</div>

1. controls="controls" 表示在页面上显示:开始/暂停 的控制按钮。
2. autoplay="true" 表示打开网页时,自动播放。
3. .volume=0.06 控制音量大小,下面的代码控制自动播放时,将音量调的很小。
$(function(){
	// 控制audio默认声音大小
	// $("#myAudio").prop("volume", "0.06");
	$("#myAudio")[0].volume=0.06;	
});

4. 暂停和播放的控制如下,直接使用 play() 和 pause()函数:
function play()
{
   $("#myAudio")[0].play();
}

function pause()
{
   $("#myAudio")[0].pause();
}


5. 切换播放歌曲,改变 src 属性就可以了:
$("#myAudio").attr("src", "http://luoo.800edu.net/low/luoo/radio665/02.mp3");


分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics