如何查看浏览器对html5的支持情况

ID:16140 / 打印

http://html5test.com/

视频和音频代码检测

 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 checkVideo(){        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("你的浏览器不支持要检测的视频格式");        }    }
上一篇: 移动端HTML5开发神器之vconsole详解
下一篇: 如何使用canvas绘制可移动网格的示例代码

作者:admin @ 24资源网   2024-11-01

本站所有软件、源码、文章均有网友提供,如有侵权联系308410122@qq.com

与本文相关文章

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。