html5 - html如何播放wav文件
天蓬老师
天蓬老师 2017-04-17 11:01:30
[HTML讨论组]

ie下的方法一:

<object classid='CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6' 调用media player

ie下的方法二:

<bgsound  loop="false"   autostart="false"  id="bgss" src="XXX">  

html5 的audio

<audio src="../temp.wav" controls="controls">wav</audio>

Firefox,chrome都还放不出来。

还需要更多,更好的方法来播放wav,还要兼容各种浏览器。大家有什么好的解决方法吗?

还有手机上的浏览器。~

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

全部回复(2)
迷茫

我觉得最好的方法是不使用wav格式的音频,建议转换为mp3格式。
swf是可以内嵌wav文件,并且播放的,但是,动态播放外部的wav文件,flashplayer不支持。
HTML5的支持参考这里:The State Of HTML5 Video

即使是 jplayer 也只能做到下面的支持:
平台支持:

格式支持:

最后的那段字也就是说只有mp3,mp4格式才是全平台兼容的。

PHP中文网

如果是利用Flash播放的话是没问题的。

用HTML5的audio标签,就要考虑浏览器对音频格式的支持情况,见下图:

可见,chrome下面是不支持WAV格式的音频。
如果要兼容所有现代浏览器,建议以如下方式同时引入mp3和ogg格式:

<audio preload="auto"> 
  <source src="test.mp3" />
  <source src="test.ogg" />
</audio>

参考:html5doctor

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号