关于HTML5中的audio问题
2016-04-09 19:19
363 查看
长话短说,最近因为跟女朋友聊天,随口一说要做一个可以听我音频的web网页,没想到她那么想要这个东西(可能想看看这个东西有什么特别的吧)。
于是我就花了一点点时间去看了一下这个H5中的audio这个标签,感觉用起来挺简单的。
源码:
<div style="width:300px; height:100px; margin:100px auto">
<audio controls=true>
<source src="music.3gpp" />
</audio>
</div>
就只有这么几行代码,就搞定了,与是我当晚上就发给了她,她可能睡了没收到。但是第二天,她说不能听,当时我就惊呆了(好不容易装个逼,居然不能听),然后我就在想是哪里有问题,是用法不对吗?还是兼容问题。我想了想H5都出来这么久了,手机上面的兼容性应该比较好的,于是我就用我自己的手机下载了好多的浏览器,果然,都听不起(我开始慌了,要是搞不定好少皮)。
然后我就开始找网上的资源看看有没有什么地方提到过,但是我看到的结果都是成功了的。于是我开始找自己的原因,我把文件名该为英文的,不行。最后没想到是因为这个文件是压缩包的问题,我把文件解压之后,手机上的所有浏览器都可以听了,我就懵逼了,不知道有多少人吃过这个坑。但是我还没找到为什么压缩包会不行的问题,有待研究。
于是我就花了一点点时间去看了一下这个H5中的audio这个标签,感觉用起来挺简单的。
源码:
<div style="width:300px; height:100px; margin:100px auto">
<audio controls=true>
<source src="music.3gpp" />
</audio>
</div>
就只有这么几行代码,就搞定了,与是我当晚上就发给了她,她可能睡了没收到。但是第二天,她说不能听,当时我就惊呆了(好不容易装个逼,居然不能听),然后我就在想是哪里有问题,是用法不对吗?还是兼容问题。我想了想H5都出来这么久了,手机上面的兼容性应该比较好的,于是我就用我自己的手机下载了好多的浏览器,果然,都听不起(我开始慌了,要是搞不定好少皮)。
然后我就开始找网上的资源看看有没有什么地方提到过,但是我看到的结果都是成功了的。于是我开始找自己的原因,我把文件名该为英文的,不行。最后没想到是因为这个文件是压缩包的问题,我把文件解压之后,手机上的所有浏览器都可以听了,我就懵逼了,不知道有多少人吃过这个坑。但是我还没找到为什么压缩包会不行的问题,有待研究。
相关文章推荐
- html5 video播放调研,全屏,伪全屏
- HTML5实现全屏API【进入和退出全屏】
- HTML5全屏(Fullscreen)API详细介绍_html5教程技巧
- 淘宝HTML5版私钥泄漏
- H5不能少的功能-滑动分页
- html5
- html5 简单音乐播放器
- HTML5 DOM File API 转)
- HTML5的初级技巧
- HTML5 History API实现无刷新跳转
- HTML5基础随手记
- 传奇创世h5案例展示:2016天机冒险达人秀
- html5+css(2)
- HTML5学习笔记一 简单学习HTML5
- HTML5 data-* 自定义属性
- HTML5 Canvas圆盘抽奖应用
- 使用CSS修改HTML5 input placeholder颜色
- h5嵌入视频遇到的bug及总结---转载
- 怎么处理浏览器记住密码后,把密码回填的问题[需要支持html5的浏览器]
- 无需安装插件 WordPress插入html5视频