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>

时间: 2024-10-09 21:54:14

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

用JavaScript检测浏览器

如果你真的需要检测浏览器的类型,用JavaScript很容易实现. View Demo Download Source from GitHub JavaScript有一个navigator的标准对象,它包含了关于浏览器使用的信息. navigator对象由很多属性,但是userAgent属性---一个字符串就已经包含了浏览器.操作系统以及其它我们需要的所有信息. 如果需要显示navigator.userAgent的值,只需要选择下面的一种的方式就可以: Alert // Display in a

Javascript检测浏览器对CSS属性的支持 /* supports */

//检测浏览器对CSS属性的支持 supports = (function() { var div = document.createElement('div'), vendors = 'Khtml Ms O Moz Webkit'.split(' '); return function(prop) { if ( prop in div.style ) return true; var len = vendors.length; prop = prop.replace(/^[a-z]/, fun

JavaScript 检测浏览器是否支持 CSS 变量

JavaScript 检测浏览器是否支持 CSS 变量: const isSupported = window.CSS && window.CSS.supports && window.CSS.supports('--a', 0); if (isSupported) { /* supported */ } else { /* not supported */ } JavaScript 操作 CSS 变量的写法如下: // 设置变量 document.body.style.s

使用JavaScript检测浏览器

假设你真的需要检测浏览器的类型,使用JavaScript非常easy达到. View Demo Download Source from GitHub JavaScript有一个navigator的标准对象,它包括了关于浏览器使用的信息. navigator对象由非常多属性.可是userAgent属性---一个字符串就已经包括了浏览器.操作系统以及其他我们须要的全部信息. 假设须要显示navigator.userAgent的值.仅仅须要选择以下的一种的方式就能够: Alert // Displa

javascript检测浏览器的缩放状态实现代码 是指浏览器网页内容的百分比缩放(按Ctrl和+号键或者-号键的缩放)

这里所说的缩放不是指浏览器大小的缩放,而是指浏览器网页内容的百分比缩放(按Ctrl和+号键或者-号键的缩放).检测这种缩放有很种方法,QQ空间都通过flash来检测浏览器是否处于缩放.这里提供javascript的方法来检测浏览器的缩放.对于 IE6,就直接无视了,因为 IE6 只能对文本进行缩放.先来说说浏览器提供的标准检测接口,window.devicePixelRatio 是设备上物理像素和设备独立像素的比例,该属性就可以用于检测网页是否被缩放了.在普通的 PC 浏览器上,在默认无缩放的情

[译]JavaScript检测浏览器前缀

原文地址: Detect Vendor Prefix with JavaScript 不管浏览器私有前缀的现状如何,我们还是要与之为伴,并且有时候还需要利用它来做一些事情.这些前缀可以用于CSS(比如 -moz-element 中的 -moz- )和JavaScript( navigator.mozApps )的格式化.牛逼的X-Tag项目使用了一个很巧妙的方法在浏览器环境中获取前缀 —— 让我们来看一下是如何实现的吧! demo 首先,获取HTML元素的 CSSStyleDeclaration

FFMpeg音频重采样和视频格式转

一.视频像素和尺寸转换函数 1.sws_getContext : 像素格式上下文  --------------->多副图像(多路视频)进行转换同时显示 2.struct SwsContext  *sws_getCachedContext(struct SwsContext *context , int srcW , int srcH enum  AVPixelFormat srcFormat , int dstW , int dstH , enum AVPixelFormat dstForma

JavaScript检测浏览器

Detect Browser <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>detect browser</title> </head> <body> <div id="welcome"> <p>欢迎使用 <b></b> detect browser&

常见图片、音频、视频格式总结

常见图片.音频.视频格式总结 常见图片音频视频格式总结 常见图片格式总结 图片的有损压缩和无损压缩 PSD格式 JPGJPEG 格式 GIF 格式 BMP 格式 PNG 格式 SWF 格式 CDR 格式 AI 格式 TIFF 格式 SVG格式 EPS格式 DXF格式 TGA格式 HDRI格式 RAW格式 EXIF格式 FPX格式 TGA格式 ICO格式图标 PCX格式 常见音频格式总结 1MP3格式 2WMA格式 3WAV格式 4ASF格式 5AAC格式 6Mp3Pro格式 7VQF格式 8FL