dreamweaver怎么实现一个按钮播放和暂停音乐,求代码

如题所述

======将下面的JS代码生成的字符串content的内容放在html中就是一个音乐播放器,并且能够播放音乐。为了兼容,下面的写得比较乱,可以不用JS,整理一下,直接放HTML中也行。
音乐播放器标签的JS代码:

var musicSrc = "../music/1.mp3";      
  
var bower = window.navigator.userAgent;   
if(bower.indexOf("MSIE 6")!=-1 || bower.indexOf("MSIE 7")!=-1||bower.indexOf("MSIE 8")!=-1){  
    content = "<embed id=\"music1\" src=\""+ musicSrc+"\" style=\"width:290px\" autostart=true loop=true hiddle=true>";                 
}else if(bower.indexOf("Firefox")!=-1){               
    content = "<audio id=\"music1\" src=\""+ musicSrc +"\" style=\"width:290px\" autoplay controls loop preload width=120px><p>小乐会唱歌,但您的浏览器版本过低,不支持播放小乐的歌声。~~~~(>_<)~~~~ </p></audio>" ;                
} else{  
    content = "<audio id=\"music1\" src=\""+ musicSrc +"\" style=\"width:290px\" autoplay controls loop preload><p>小乐会唱歌,但您的浏览器版本过低,不支持播放小乐的歌声。~~~~(>_<)~~~~</p></audio>" ;             
}

=====通过JS暂停音乐播放器的JS代码如下:

var audio = document.getElementById('music1');  
                if(audio!==null){             
                    //检测播放是否已暂停.audio.paused 在播放器播放时返回false.<span style="font-family: Arial, Helvetica, sans-serif;">在播放器暂停时返回true</span>  
  
                    if(!audio.paused)  
                    {                 
                        audio.pause();// 这个就是暂停//audio.play();// 这个就是播放  
                    }  
                }

======你可以参考下

温馨提示:内容为网友见解,仅供参考
无其他回答
相似回答