html5中audio使用大全




    


    function pageLoaded(){
        var canvas = document.getElementById('testcanvas');//得到画布
        var context = canvas.getContext('2d');//得到绘图环境  参数为绘图环境的类型

        //检查音频支持
        var audiotest = document.createElement('audio');
        var mp3Support,oggSupport,wavSupport;
        if(audiotest.canPlayType){
            /*
                 MP3格式:字符串audio/mpeg;支持的浏览器:IE9+、Chrome

               Vorbis格式:字符串audio/ogg,codecs=”vorbis”;支持的浏览器:Firefox 3.5+、Chrome、Opera 10.5+

               WAV格式:字符串audio/wav,codecs=”1”;支持的浏览器:Firefox 3.5+、Opera 10.5+、Chrome
             */
            mp3Support = "" != audiotest.canPlayType('audio/mpeg');
            oggSupport = "" != audiotest.canPlayType('audio/ogg; codecs = "vorbis"');
            wavSupport = "" != audiotest.canPlayType('audio/wav,codecs="1"');
        } else{
            mp3Support = false;
            oggSupport = false;
            wavSupport = false;
        }

        var soundFileExtn = oggSupport?'.ogg':mp3Support?'.mp3':wavSupport?'.wav':undefined;
        if(soundFileExtn){
            //动态加载audio文件
            var audio = new Audio();
            //等待音频文件加载完成 然后再播放
            audio.addEventListener('canplaythrough',function(){
                audio.play();
            });
            audio.src="/testmusic/8466/8466"+soundFileExtn;
        }


    }













    
    
    




当前题目:html5中audio使用大全
当前地址:http://bzwzjz.com/article/ispghg.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都h5网站建设 企业网站建设 成都网站设计 重庆网站建设 营销型网站建设 移动网站建设 重庆网站制作 网站设计 定制级高端网站建设 温江网站设计 成都网站制作 自适应网站设计 成都企业网站建设 网站制作 成都网站设计 四川成都网站设计 营销型网站建设 梓潼网站设计 成都网站建设 成都网站制作 定制网站设计 成都网站设计