网页上播放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>

 

转载于:https://www.cnblogs.com/ayguo/p/3929245.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值