javascript检测浏览器对音频格式和视频格式的支持情况

最新推荐文章于 2020-02-23 19:54:44 发布

转载最新推荐文章于 2020-02-23 19:54:44 发布 · 319 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/rayma/p/5222504.html

文章标签：

#javascript #ViewUI

本文提供了一种通过JavaScript来检测浏览器对于不同音频和视频格式的支持情况的方法。文章中包含了一个简单的网页示例代码，该代码可以检测浏览器是否支持MP3、OGG、AAC等音频格式以及H.264、VP8、Theora等视频格式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
       <script type="text/javascript">
           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 checkVedio(){
               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("您的浏览器不支持要检测的视频格式。");
               }
           }
           window.onload=function(){
               checkAudio();
               checkVedio();
           }
       </script>
   </head>
   <body>
   </body>
</html>