最近在折腾一个网页,对于一个有强迫症的人来说,就想在网页中插入音乐,(当做背景音乐),然后自己百度了好多资料;就在这里总结一下:
第一步:
我们需要在网页添加一些代码;我也不喜欢那种代码太长的;自己就整理了一下;这里我添加的都是单曲,(单曲循环的那种),添加多个背景音乐,代码比较长,我就没去折腾,(其实是折腾了一种方法,没搞出来,就放弃了);
第一种代码:
<EMBED src="http://img.xiaonei.com/photos/20060603/1510/orig51097.wma" autostart="true" loop=infinite width=0 height=0>
中间的链接就是歌曲的链接;
<EMBED src="http://whjkm.qiniudn.com/%E6%9C%80%E9%87%8D%E8%A6%81%E7%9A%84%E5%B0%8F%E4%BA%8B.mp3" width="0" height="0" border=0 autostart="ture" loop="true"></EMBED>
Volume表示音量,loop=infinite表示循环播放,不停止。后面的width和height是播放器的大小,这种代码是看不到播放器的。
中间还可以添加一些代码;
-hidden="true"表示隐藏播放,即不显示播放器的外观,若要想显示,把"true"
替换为"false"即可,这样为默认是最小化播放,若还想具体显示播放器的大小,另加上height="高度值" width="宽度值" 就可以了。
-------autostart="true"表示当前页一载入则自动播放,若不希望播放改为autostart="false" ;
------ loop="true"表示无限次循环播放音乐直到当前页关闭为止,不想循环播放替换为 loop="false"就OK了;
第二步:
这里我们已经把代码添加好了,然后我们需要的就是歌曲的链接了;这里也好坑爹,我想添加的歌曲没有找到外链,我就想直接制作一个外链,百度了好多方法,都不适用,我又想到了现在是云计算时代,我想直接通过云端保存,然后再发布外链,然后我就试了一些网盘,也都不适合,然后昨天我在搞hexo博客的时候,我在那里面的图片都是通过七牛来保存的,然后我就想可不可以用七牛来保存音乐,然后再发布外链,和我引用图片的方式一样,最后终于成功了,强烈推荐七牛,速度也挺快的,作为我们平时储存一些图片和音乐的云平台是非常好的。然后把歌曲外链制作好,然后我们把上面的代码换成我们自己制作的音乐外链,然后我们就可以试试效果啦~;
这里参考了http://blog.csdn.net/lin_miao0818/article/details/3381851 这篇博客的内容,里面写的也很详细,但是那个添加多个的方法,我没有成功,还有待改进;只有不断的探索,这样才能不断的进步。
在网页中添加音乐