在网页中加入音乐

近期在折腾一个网页,对于一个有强迫症的人来说,就想在网页中插入音乐,(当做背景音乐),然后自己百度了好多资料。就在这里总结一下:

第一步:

我们须要在网页加入一些代码;我也不喜欢那种代码太长的。自己就整理了一下。这里我加入的都是单曲。(单曲循环的那种)。加入多个背景音乐。代码比較长,我就没去折腾,(事实上是折腾了一种方法,没搞出来,就放弃了);

第一种代码:

<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 这篇博客的内容,里面写的也非常具体。可是那个加入多个的方法,我没有成功,还有待改进;仅仅有不断的探索,这样才干不断的进步。

posted @ 2017-04-30 11:16  lytwajue  阅读(465)  评论(0编辑  收藏  举报