能让按钮发出声音的脚本 这下不用制作flash按钮也可以了 我试用的感觉还不错 制作方法 新建文件 DynamicAudioButton js 代码
//Customize Dynamic Audio Link 自定义动态声音链接function DynamicAudioLink(){open( )}//Customize Dynamic Audio Mouse Over Color 自定义动态声音mouseover颜色function AudioOver() {document Audio button style background= # document Aulor= white }//Customize Dynamic Audio Mouse Down Color 自定义动态声音mousedown颜色function AudioDown() {document Aulor= #cccccc }//Customize Dynamic Audio Mouse Off Color 自定义动态声音mouseOff 颜色function AudioOut() {document Audio button style background= # document Aulor= #ffffff }//Customize Dynamic Audio sound 自定义动态声音function playHome() {document all sound src = bleep wav ;}document write( <bgsound id= sound > )//Customize Button Style 自定义按钮样式document write( <style type= text/css > + <! )document write( select{background:# ;border color: # ;color: #ffffff ;font family:Arial Helvetica Verdana;font size: pt;font weight: bold;} + > + </STYLE> )document write( <center><form name=Audio><input class= select name=button type= button value= Dynamic Audio onclick= DynamicAudioLink() onMouseOver= AudioOver();playHome() onMouseDown= AudioDown() onMouseOut= AudioOut() ></form></center> )
保存文件后 在页面相关处插入代码引用该JS文件
<Script language= JavaScript SRC= DynamicAudioButton js ></script>
lishixinzhi/Article/program/Java/JSP/201311/19721
<!Doctype>
<html>
<body>
//这个不就是自带的音频播放器吗？autoplay就打开的时候自动播放了啊
<audio src="路径" id="audio" autoplay="autoplay">
</body>
<script src="js路径"></script>
<script>
$(function(){
//获取audio
var audio = $("#audio");
//不知道你的要求要干嘛，你补充了我再给你填吧
})
</script>
</html>
HTML5中的audio对象有个属性为 ended，改属性是返回音频是否播放结束，是boolean类型的。
例如我自己写的一个判断：
thisaudioPlay=function(soundPath,callback){
$("#shapeAudio")attr("src",soundPath);
var shapeAudio=documentgetElementById("shapeAudio");
shapeAudioplay();
/判断声音是否播放完成，播放完成之后执行回调函数/
if(callback != undefined){
var is_playFinish = setInterval(function(){
if(shapeAudioended){
callback();
windowclearInterval(is_playFinish);
}
}, 10);
}
}
改判断为当声音播放完成之后再执行回调函数callback
以上就是关于使用Javascript制作声音按钮全部的内容，包括:使用Javascript制作声音按钮、html5播放音频怎么在纯js中播放、js怎么让html5的audio标签播放完成后d出提示等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）