在网页中加入音乐

Posted 2020-09-15 lytwajue

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

第一步：

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

第一种代码：

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