页面的背景音乐加载很慢
问题
由于我在页面中使用了<audio>
标签来播放一首背景音乐,该音频是一首大小为2.7MB的MP3文件。在第一次加载该页面时,需要花费相当长的一段时间去加载音频。
解决方法
百度了下才知道,原来超过2MB的背景音乐其实是一个很巨大的文件了,如果网速稍微慢一些用户体验就会很差了。大概有几种解决的办法:
- 把音乐加到FLASH里
- 使用rm或wma格式的背景音乐
- 降低MP3文件的音质
第一个就不说了,FLASH已经声名狼藉,注定凉凉了。
第二个出于不同浏览器的兼容性以及<audio>
标签的兼容性,还是决定使用MP3文件。
最后就只能使用第三种方法了,通过MP3压缩软件,最后将该MP3音频压缩到了400KB左右,总算是马马虎虎实现了想要的效果。
参考链接
/*** * * .-~~~~~~~~~-._ _.-~~~~~~~~~-. * __.' 欢迎访问 ~. .~ `.__ * .'// 我的个人博客 \./ ☞ lewky.cn ☜ \\`. * .'// | \\`. * .'// .-~"""""""~~~~-._ | _,-~~~~"""""""~-. \\`. * .'//.-" `-. | .-' "-.\\`. * .'//______.============-.. \ | / ..-============.______\\`. * .'______________________________\|/______________________________`. */