1. ホーム
  2. Web制作
  3. html5

html5対応ブラウザの確認方法

2022-01-11 18:42:35

http://html5test.com/

ビデオ・オーディオコード検出

function CheckAudio(){
           var myAudio=document.createElement("audio");
 
           if(myAudio.canPlayType){
 
               if(""! =myAudio.canPlayType("audio/mpeg")){
                   document.write("Your browser supports mp3 format<br/>");
 
               }
               if(""! =myAudio.canPlayType('audio/ogg;codecs="vorbis"')){
                   document.write("Your browser supports ogg encoding<br/>")
 
               }
               if(""! =myAudio.canPlayType('audio/mp4;codecs="mp4a.40.5"')){
                   document.write("Your browser supports aac encoding. <br/>");
               }
           }
           else{
               document.write("Your browser does not support the detected audio format");
           }
       }
    
    
   function checkVideo(){
       var myVideo=document.createElement("video");
 
       if(myVideo.canPlayType){
           if(""! =myVideo.canPlayType('video/mp4;codecs="avc1.64001E"')){
               document.write("Your browser supports h264 format<br/>");
           }
           if(""! =myVideo.canPlayType('video/ogg;codecs="vp8"')){
               document.write("Your browser supports vp8 format<br/>");
           }
           if(""! =myVideo.canPlayType('video/ogg;codecs="theora"')){
               document.write("Your browser supports theora format<br/>");
           }
       }else{
           document.write("Your browser does not support the video format to be detected");
       }
   }

html5のブラウザサポートを表示する方法についての説明は以上となります。html5のブラウザサポートについては、Script Houseの過去記事を検索するか、以下の記事を引き続き閲覧してください。