1. 程式人生 > 實用技巧 >檢視瀏覽器對html5的支援情況

檢視瀏覽器對html5的支援情況

http://html5test.com/ 視訊和音訊程式碼檢測
 function CheckAudio(){
            var myAudio=document.createElement("audio");

            if(myAudio.canPlayType){

                if(""!=myAudio.canPlayType("audio/mpeg")){
                    document.write("你的瀏覽器支援mp3格式<br/>");

                }
                if(""!=myAudio.canPlayType('audio/ogg;codecs="vorbis"')){
                    document.write("你的瀏覽器支援ogg編碼<br/>")

                }
                if(""!=myAudio.canPlayType('audio/mp4;codecs="mp4a.40.5"')){
                    document.write("你的瀏覽器支援aac編碼。<br/>");
                }
            }
            else{
                document.write("你的瀏覽器不不支援檢測的音訊格式");
            }
        }
    
    
    function checkVideo(){
        var myVideo=document.createElement("video");

        if(myVideo.canPlayType){
            if(""!=myVideo.canPlayType('video/mp4;codecs="avc1.64001E"')){
                document.write("你的瀏覽器支援h264格式<br/>");
            }
            if(""!=myVideo.canPlayType('video/ogg;codecs="vp8"')){
                document.write("你的瀏覽器支援vp8格式<br/>");
            }
            if(""!=myVideo.canPlayType('video/ogg;codecs="theora"')){
                document.write("你的瀏覽器支援theora格式<br/>");
            }
        }else{
            document.write("你的瀏覽器不支援要檢測的視訊格式");
        }
    }