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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript检测浏览器对音频格式和视频格式的支持情况相关的知识,希望对你有一定的参考价值。

<!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>

以上是关于javascript检测浏览器对音频格式和视频格式的支持情况的主要内容,如果未能解决你的问题,请参考以下文章

html5的视频支持格式

用JavaScript检测音频格式支持

自动播放 HTML 格式的音频和视频文件

用JavaScript检测视频格式支持

HTML5 video视频字幕的使用和制作

mp4视频格式是啥?