HTML5 IE9+ audio标签播放声音
程序员文章站
2022-05-03 20:23:10
acc编码格式来存储音乐似乎越来越少,尽管比几乎所有的传统编码方式在同规格的情况下更胜一筹,这里不看它。
个人感觉ie一直以来都挺奇葩,确实很有个...
acc编码格式来存储音乐似乎越来越少,尽管比几乎所有的传统编码方式在同规格的情况下更胜一筹,这里不看它。
个人感觉ie一直以来都挺奇葩,确实很有个性,其他主流支持的wav编码格式它果断无视。但是我们也没办法,用它的人太多了,随着win7的潮流,使用ie9的用户也会越来越多,所以还是得让着他。另外说一句现在版本的firefox 2.4也支持mp3编码格式的音频文件了。
我使用这个标签只要是鉴于其事件,需求是按顺序播放一个声音序文件序列,html5媒体标签onended事件(当媒介已抵达结尾时运行脚本)可以很容易做到;编码的事情没花多久,测试的时候,在chorm,firefox,360上都没有啥问题,但是到了ie上就莫名其妙没声音,声音文件没有播放,onended事件肯定不会触发。比较官方文档上的例子也没发现什么不同,然后我把测试音频文件换成文档上的url,声音又神奇的出现了,事件触发也完全没问题。在其他浏览器运行正常说明音频文件没问题,然而google服务器上的文件可用而本地服务器上的音频文件不可用,问题就可能是出现在本地服务器上。在网上找了下资料发现是tomcat上扩展名mp3配置有问题,找到conf下面的web.xml文件
原配置:
mp3 audio/x-mpeg修改成:
mp3 audio/mp3这样就可以在ie上正常运行本地服务器上的音频文件了(其他浏览器也支持)。
希望ie浏览器能对html5和css3有更好的支持,帮我们省点事。
下一篇: AI怎么绘制萌萌的煎鸡蛋矢量图?