|
第六节 图解怎样在博客中加入背景音乐
由于加强感情渲染的需要，有时要将背景音乐加到博客之中，如果有照片，配上背景音乐，还有优美的文字，那你的博客会让人流连忘返的。要告诉你的是，博客的背景音乐，其实是调用了网络上的音乐资源，也就是说，你要用到的背景音乐是在网上的。只要能找到真实音乐的地址，都可以放到我们的博客中来。只不过这背景声音是调用了网络上的资源，你添加的仅仅是一个链接的快捷方式罢了，还是让我们看如何插入的吧。
本节以博客网(www.bokee.com)作为网络技术支持，其他网站可以按实际情况而定。
先编辑好博客，然后按照图6.4.1说的在编辑窗口点击【源代码】按钮，进入代码编辑状态，如图6.4.2那样。
把表达音乐的代码复制下来，先在博客源代码最后敲一个回车键，另起一行，将复制的代码放到博客源码的最后。
<embed src="音乐地址.mp3" autostart="true" loop="true" hidden="true"></embed>
上述代码中,“音乐地址.mp3”是指你需要的音乐在网络上的地址，如把下面的代码放到编辑窗口的源代码下面：
<embed src=" http://www.tyjs.org/uploadfile/34gongyongtupian/斯卡保罗集市.MP3 " autostart="true" loop="true" hidden="true"></embed>
其中http://www.tyjs.org/uploadfile/34gongyongtupian/斯卡保罗集市.MP3为歌曲在网络中的地址。只要插入以上代码，在常规状态下打开网页，就会有背景歌曲发出。
只不过，以上代码在页面上看不到这首音乐的播放按钮，只能在打开网页后，就能听到这首优美的曲子，若要在网页上显示音乐的位置与播放按钮，则可以用下面的代码:
<EMBED src=音乐地址 width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="0"></EMBED>
把以上音乐地址http://www.tyjs.org/uploadfile/34gongyongtupian/斯卡保罗集市.MP3放入后，就会看到图6.6.1所示的音乐按钮显示图形。
图6.6.1 呈现在网页中的音乐按钮
代码中的width=300为显示音乐按钮的宽度，height=45为音乐按钮的高度，自己可以修改这些数据，让它更符合你的博客的风格。需要说明的是，这个按钮只能控制无声和有声。
上面的音乐显示按钮在默认状态下是靠左边放置的，如图6.6.2所示，此时，回到正常编辑状态，选中这个音乐显示按钮，让它居中放置，然后发布就可，如图6.6.3所示。
图6.6.2 音乐显示靠左
图6.6.3 音乐显示居中
<embed src=" http://www.tyjs.org/uploadfile/34gongyongtupian/斯卡保罗集市.MP3" loop=10 autostart="true" loop="true" hidden="true"></embed>
需要说明的是，因为近几年音乐版权越来越严格，现在要在网上找到真实的音乐地址已经不是一桩易事，上文中的音乐地址http://www.tyjs.org/uploadfile/34gongyongtupian/斯卡保罗集市.MP3是本课题主持人个人网站空间里上传的音乐。因此，现在要找到音乐的真实地址，需要自己去想办法。
而需要在博客中插入背景音乐，最关键的还是找到音乐在网络中的真实地址。
经过本课题组的实践来看，就是上传到公众号里的音乐，你也无法找到它的真实网址，只有在公众号里才能应用，离开了公众号就没有办法获得它的音乐网址了。
温馨提示：对于以前网速慢来说，音乐代码一般放在最后，免得影响网页的访问速度，但现在的网速一般还是比较快，基本上不会因为下载音乐在而影响访问速度。另外，对于背景音乐，它是由音乐代码决定的，在博客页的页面上是看不到这些代码的，只能听到音乐声音。
|
当前位置: