网页上播放MP3 

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>播放mp3</title>
</head>
<body>
    <a href="javascript:;"onclick="mp3.asplay_top('http://saas.eshuike.com/etaxer/ENTYPATH/files/enty/EF20140819830355847774.mp3')">mp3</a>
</body>
</html>
<script>

var mp3 = {
    old : null,
    getFlashObject_top : function(movieName){
        if (window.document[movieName]) {
            return window.document[movieName]
        }
        if (navigator.appName.indexOf("Microsoft Internet") == -1) {
            if (document.embeds && document.embeds[movieName]) return document.embeds[movieName]
        } else {
            return document.getElementById(movieName)
        }
    },
    dispCofirm : function(){
        var confirmflag = confirm("您没有安装flash播放插件，所以无法发音，请先安装下吧！");
        if (confirmflag) {
            var url = 'http://www.adobe.com/go/getflashplayer';
            var wo = window.open();
            setTimeout(function() {
                if (wo) wo.location = url
            },
            50)
        }
    },
    asplay_top : function(c){
        var audio = document.createElement("audio");
        if (audio != null && audio.canPlayType && audio.canPlayType("audio/mpeg")) {
            if (this.old) this.old.pause()
            audio.src = c;
            this.old = audio;
            audio.play()
        } else {
            var asound = this.getFlashObject_top("asound_top");
            if (asound) {
                try {
                    asound.SetVariable("f", c);
                    asound.GotoFrame(1)
                } catch(e) {
                    this.dispCofirm()
                }
            }
        }
    }
}

</script>

 

posted @ 2014-08-22 13:46  ayguo  阅读(364)  评论(0)  编辑  收藏  举报