码迷,mamicode.com
首页 > Web开发 > 详细

网页上播放MP3

时间:2014-08-22 14:14:58      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   java   os   io   ar   2014   

<!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>

 

网页上播放MP3

标签:style   blog   http   color   java   os   io   ar   2014   

原文地址:http://www.cnblogs.com/ayguo/p/3929245.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!