让网站的背景音乐更快开始播放

Johnny 很喜欢给个人介绍之类的页面插入背景音乐的有木有?这样就带来问题啦,啥呀?老朋友都知道的,速度好慢耶!这咋办呀?优化啦!摸索之后,Johnny 才算是知道了音乐加载太慢的奥妙,老实说,Johnny 是个菜鸟,高手不要嘲笑噢!
1. 尽量把想要调用的音乐存储在大带宽的服务器,这是基本功噢!这样做以后,访问网站时才能更快地载入音乐。以前,Johnny 直接把音乐存放在美国的服务器上,结果就是,嗯你猜对啦!现在,Johnny 把音乐放在国内的云存储那边,具体名字还是不说啦,结果,速度确实快了耶。
2. 使用 HTML5 的 audio 标签来播放音乐,不要再用老掉牙的 bgsound 来播放音乐了。HTML5 开始引入的 audio 标签,可以让浏览器直接解码音乐,那 bgsound 呢?老大,这是需要把音乐完全下载才会开始播放的噢!那么,使用 embed 标签来调用 Windows Media 控件总该行了吧?这在 IE 浏览器上是可以的,但是现在人们都用 Edge、Firefox、Chrome 之类的新型浏览器了,再说调用 Windows Media 控件,会呼叫额外的程序,谁敢保证不会有慢如蜗牛的电脑呢?呼叫程序和载入音乐都是需要时间的呀!
3. 转换格式。如果手里有高清音乐,那就请先转换格式才插入噢,既可以加快载入速度,又可以解决兼容问题,何乐而不为呢?现在最流行的格式是 MP3,还有 M4A,最新的有 Opus,可以通过 Foobar2000 进行转换。码率越小,载入速度就越快,但是也请不要片面追求载入速度噢!因为码率越小,音质就会越差呢!Johnny 推荐的码率是:MP3 不低于 192 Kbps,推荐 256 Kbps,而 M4A,推荐的是低复杂度下的 192 Kbps,最新的 Opus,可以选用 192 Kbps 左右的码率。当然了,如果手头上本身就有 MP3 格式的音乐,就请插入吧,不要多此一举进行转换噢!更不能以假乱真揠苗助长噢!
4. 把音乐开始和结尾部分的静音移除。这稍微有些难噢,Johnny 也只是会使用老版本 Windows 2003 的“录音机”来完成,Audition 我还不会耶!这一步也很关键呢!试想一下,音乐载入成功了,电脑还要首先播放开头部分的静音才有声音,这是不是会影响速度呢?

下面是《漫游 Windows XP 的背景音乐》,应该会在页面载入成功后开始播放,如果没有,或许是当前正在使用 IE8 浏览器,确认正在运行最新版的浏览器,请留言告知。

加入对话

10条评论

    1. 在audio标签中,加入autoplay属性即可,属性不需要赋值,一些浏览器可能需要添加两个autoplay属性。

        1. 我记得JS是用来控制播放器的呢,也就是控制暂停和继续,现在好多都不推荐用JS了。

    1. 如果可以的话,尝试一下手机版的 Firefox,我想可能可以解决。

  1. 这里手机无法播放,电脑可以播放,我想是手机浏览器的问题,但是不知道如何强制播放音乐,呵呵呵

    1. 我在想是不是格式的问题,哪位如果有在用手机访问,也希望您反馈一下,谢谢。

    1. 也有可能,如果你在播放器上能点按播放按钮,并且它按照预期工作,那就是对 autoplay 的处理问题了,一些浏览器,可能要求使用 autostart 这个属性。

留下评论

回复 阿尔法 取消回复

您的电子邮箱地址不会被公开。 必填项已用*标注