zoukankan      html  css  js  c++  java
  • 网页上播放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>
  • 相关阅读:
    软工实践个人总结
    第02组 Beta版本演示
    第02组 Beta冲刺(5/5)
    第02组 Beta冲刺(4/5)
    第02组 Beta冲刺(3/5)
    第02组 Beta冲刺(2/5)
    第02组 Beta冲刺(1/5)
    第02组 Alpha事后诸葛亮
    第02组 Alpha冲刺(6/6)
    第02组 Alpha冲刺(5/6)
  • 原文地址:https://www.cnblogs.com/ayguo/p/3929245.html
Copyright © 2011-2022 走看看