js实现检测浏览器音频和视频格式的支持情况

最新推荐文章于 2024-01-20 06:32:26 发布

Clara_G

最新推荐文章于 2024-01-20 06:32:26 发布

阅读量2.6k

点赞数

分类专栏：前端文章标签： video html5

本文链接：https://blog.csdn.net/clara_g/article/details/88952035

版权

使用JavaScript的audio元素的canPlayType方法可以检测浏览器对音频格式的支持情况，返回'probably', 'maybe'或空字符串。对于视频，可以在video元素内嵌入Flash视频作为备选，以应对不支持HTML5的浏览器。在HTML5广泛支持前，提供多种视频格式是必要的。" 104014040,9112309,Java环境变量配置解析与实践,"['Java', 'Linux', '环境配置']

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

要使用JavaScript检测浏览器支持哪些音频格式可使用下面代码，使用audio元素的canPlayType方法

该方法粗涂鸦板MIME类型与编码/解码器参数，并返回下列三个字符串之一：1.probably，2.maybe，3.空字符串

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编码")
        }
    } else {
        document.write("您的浏览器不支持要检测的音频格式。")
    }
}
function checkVideo(){
 var myVideo = document.createElement('video'