关于HTML5中的audio问题

  长话短说，最近因为跟女朋友聊天，随口一说要做一个可以听我音频的web网页，没想到她那么想要这个东西（可能想看看这个东西有什么特别的吧）。

于是我就花了一点点时间去看了一下这个H5中的audio这个标签，感觉用起来挺简单的。

源码：

<div style="width:300px; height:100px; margin:100px auto">
        <audio controls=true>
           <source src="music.3gpp" />
        </audio>
    </div>

就只有这么几行代码，就搞定了，与是我当晚上就发给了她，她可能睡了没收到。但是第二天，她说不能听，当时我就惊呆了（好不容易装个逼，居然不能听），然后我就在想是哪里有问题，是用法不对吗？还是兼容问题。我想了想H5都出来这么久了，手机上面的兼容性应该比较好的，于是我就用我自己的手机下载了好多的浏览器，果然，都听不起（我开始慌了，要是搞不定好少皮）。

然后我就开始找网上的资源看看有没有什么地方提到过，但是我看到的结果都是成功了的。于是我开始找自己的原因，我把文件名该为英文的，不行。最后没想到是因为这个文件是压缩包的问题，我把文件解压之后，手机上的所有浏览器都可以听了，我就懵逼了，不知道有多少人吃过这个坑。但是我还没找到为什么压缩包会不行的问题，有待研究。