在网页中加入音乐

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

第一步:

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

第一种代码:

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

时间: 2024-10-25 10:10:44

在网页中加入音乐的相关文章

在网页中添加音乐

最近在折腾一个网页,对于一个有强迫症的人来说,就想在网页中插入音乐,(当做背景音乐),然后自己百度了好多资料:就在这里总结一下: 第一步: 我们需要在网页添加一些代码:我也不喜欢那种代码太长的:自己就整理了一下:这里我添加的都是单曲,(单曲循环的那种),添加多个背景音乐,代码比较长,我就没去折腾,(其实是折腾了一种方法,没搞出来,就放弃了): 第一种代码: <EMBED src="http://img.xiaonei.com/photos/20060603/1510/orig51097.w

如何在网页中嵌入网易云音乐

1.用 iframe 标签实现 第一种:无播放列表 1 <iframe frameborder="0" border="1" 2 marginwidth="0" marginheight="0" 3 width=250height=62 4 src="//music.163.com/outchain/player?type=2&id=464916877&auto=1&height=60&

embed标签的使用(在网页中播放各种音频视频的插件的使用)

embed标签的使用(在网页中播放各种音频视频的插件的使用) 链接地址:http://blog.csdn.net/TomyGuan/archive/2006/11/10/1377807.aspx 播放器插件使用说明: 代码:< EMBED src="music.mid"autostart="true"loop="2"width="80"height="30"> src:音乐文件的路径及文件名:(

1、今天,如何在html中加入音乐?

今天好高兴啊,我终于取得了一点点进步,但这也足够了,真的太不容易了.我终于学会用html做一些简单的网页了,我的英文水平不够好,那些单词是我硬生生地把它拼一下来的. 如何在html中加入音乐了 :<EMBED src=音乐地址 width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="0"></EMBED> 解释:其中 width=100

如何在网页中插入音频,视频(复制粘贴借鉴的)

三种 分别用<bgsound />.<embed>和<video>标签,当用<embed><video>插入背景音乐时可以设置宽度和高度为0,隐藏播放器,在这里重点说前两者. ■ <bgsound>:<bgsound> 是用来插入背景音乐,但只适用于 ie,其参数设定不多.如下<bgsound src="your.mid" autostart=true loop=infinite>src=&

如何在网站中添加音乐

来源:http://www.ido321.com/1042.html 发现有很多的个人博客中添加了背景音乐,以增强用户体验.LZ搜集到了两种在网站中添加音乐的方式. 一.豆瓣的FM         这个非常简单,一段代码就可以实现. <p> <iframe name="iframe_canvas" src="http://douban.fm/partner/baidu/doubanradio" height="200" widt

在网页中添加背景音乐

有两种添加背景音乐的方式分别用<bgsound>和<embed></embed>标签,当用<embed>插入背景音乐时可以设置宽度和高度为0,隐藏播放器.二者的参数如下: ■ <bgsound>: <bgsound> 是用来插入背景音乐,但只适用于 IE,其参数设定不多.如下 <bgsound src="your.mid"autostart=true loop=infinite> src="y

四种方式在网页中插入背景音乐

当我们浏览一些网页的时候,感觉特别单调,要是这时响起一首好听的背景音乐的时候,我们该多么享受啊.下面简单介绍一些如何将背景音乐放入我的网页中吧. <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <m

在网页中插入背景音乐代码(html)hK3V

有两种分别用和标签当用插入背景音乐时可以设置宽度和高度为,隐藏播放器.二者的参数如下:■: 是用来插入背景音乐,但只适用于,其参数设定不多.如下 设定档案及路径,可以是相对或绝对.是否在音乐档下载完之后就自动播放.是,否内定.是否自动反复播放.表示重复两次,表示重复多次.■: 是用来插入各种多媒体,式可以是...等等,及新版的都支持.其参数设定较多.如下下 设定档案及路径,可以是相对或绝对.是否在音乐档下载完之后就自动播放.是,否内定.是否自动反复播放.表示重复两次,是,否.是否完全隐藏控制画面