注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

mooncake

QQ:416008500

 
 
 

日志

 
 
关于我

个人主页:http://user.qzone.qq.com/416008500 本人主营:办公软件 软件开发 VB编程 电脑组装 网络工程 电脑周边 办公器材 监控系统 门禁考勤 网站建设 网站维护 网页制作

网易考拉推荐

背景音乐大杂烩  

2007-04-27 21:08:10|  分类: 编辑博客的新方法 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

家也许见多了很多网页打开后,不见realplayer等播放器启动,就可听见美妙的音乐。关闭了浏览器窗口,音乐自然停止了。当然,我们有时为了提供页面访问速度,尽量不要在网页中插入音乐。不过我们还是在这里学习一下:

背景音乐的添加很简单,用<bgsound>语句就可以完成了。具体用法如:<bgsound src=(相对路径)/*.mid loop=3>。

这里的loop表示循环次数,loop=-1表示无限循环。注意,mid文件www.google.com搜索,例如找名为“祝你圣诞快乐”的曲子,就输入关键词“祝你圣诞快乐 midi”,注意关键词之间要有空格。

midi以外的格式,如rm、mp3、wma……体积太大,占用网络带宽、服务器CPU、硬盘、内存资源。midi的优势是体积小,下载后再播放,所以不会占用网络带宽。

                  

想在文章里插入flash(不知道这里可不可以......),搜到了一些东西,先记下来再说......

1. 如何贴rm,ra,ram类型的音乐,代码如下:

<embed width="0" height="0" type="audio/x-pn-realaudio-plugin" autostart="true" controls="ControlPanel" src="http://guest.anyp.cn/uploads/01.rm";> 1. 如何贴rm,ra,ram类型的音乐,代码如下:

<embed width="0" height="0" type="audio/x-pn-realaudio-plugin" autostart="true" controls="ControlPanel" src="http://guest.anyp.cn/uploads/01.rm";>

2. 如何贴midi,asf,wma,asx类型的音乐,代码如下:

<embed autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" src="http://guest.anyp.cn/uploads/01.mid";>

只需要把整段代码copy复制到文章中(编辑文章的时请先点击HTML代码模式再粘贴代码,否则这段代码会以文本形式显示出来,不能被执行),用你喜欢及可用的音乐文件的URL(网址)代替上面红色显示的音乐地址代码就可以了。

造成音乐不能成功播放的大多数原因:

A:音乐文件错误,有可能这个文件本身就不是音乐的文件,只是一个普通的HTML页面。

B:音乐文件地址错误,这个音乐文件根本不存在。

C:没有安装相关的播放软件。

测试的办法:请把音乐文件地址在IE栏输入,如果提示你保存,保存的文件类型是rm、ram、midi等的文件即是音乐文件。如果打开这个文件是自动播放音乐或显示其他内容的,则不是。

添加带音乐的flash,然后在弹出窗口输入你的FLASH地址,注意后戳名为:http://xxxxx.xxxx.swf,大小可以调整为,1*1,这样可以在不显示FALSH的情况下播放音乐,但是记住要为自动播放的,不要找那种需要按开始的FLASH

加入一段在线音乐播放代码,推荐使用:<IFRAME marginHeight=0 src="http://www.yqchina.com/play.htm"; frameBorder=0 noResize width=540 scrolling=no height=25> 将此代码放入网站合适地方,将24小时不间断放歌,次代码由清风网络电台提供

以下代码由[秋天的风]提供:首先打开我的文章,进入编辑状态,选择HTML格式然后就可以输入了,下面我们来看代码,首先来看第一种,比较简单的:

<bgsound src="url" loop=-1>

"url"依然是路径名,loop表示循环数,-1表示始终循环

来看第二种:

<EMBED src="music.mid" autostart="bool" loop="n" width="m" height="k">

其中各个属性的含义如下:

SRC:音乐文件路径

(以下可选) AUTOSTART:音乐文件上传完后自动播放,TRUE为播放,FALSE为否

LOOP:设置循环TRUE为自动循环,FALSE为不循环,数值为次数

WIDTH,HEIGHT为播放控制面板的宽和高,

其余的属性有:

volume:取值范围为"0-100",设置音量,默认为系统本身的音量

starttime:"分:秒",设置歌曲开始播放的时间,如,starttime="00:10",从第10秒开始播放

endtime: "分:秒",设置歌曲结束播放的时间

controls :控制面板的外观controls="console/smallconsole/playbutton/ pausebutton/stopbutton/volumelever" ·console 正常大小的面板

·smallconsole 较小的面板

·playbutton 显示播放按钮

·pausebutton 显示暂停按钮

·stopbutton 显示停止按钮

·volumelever 显示音量调节按钮

hidden: 为true时可以隐藏面板

——以下代码由[风之舞]提供:

背景音乐代码精简

1、<embed src="背景音乐网址" hidden="true" autostart="true" loop="true">

--------hidden="true"表示隐藏播放,即不显示播放器的外观,若要想显示,把"true" 替换为"false"即可,这样为默认是最小化播放,若还想具体显示播放器的大小,另加上height="高度值" width="宽度值" 就可以了。

-------autostart="true"表示当前页一载入则自动播放,若不希望播放改为autostart="false"

即可...

------ loop="true"表示无限次循环播放音乐直到当前页关闭为止,不想循环播放替换为 loop="false"就OK了

2、<embed src="背景音乐网址" autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" >

-----------loop="-1" 表示无限次循环播放,可设置播放次数,用具体数字代替即可,比如我希望它播放两次,则loop="2"

---------controls="ControlPanel"这个控制选项可省略

--------width="0" height="0"表示隐藏播放,和前面的一样。

若欲设置播放器的外观,则替换为具体的数值就可以了,比如width="123" height="100"

--------------------------------------------------

其实要说最简化的播放背景音乐的代码,则下面的代码是最简单的了--->

<embed src="背景音乐网址" >

-----------------------------------------------------

另外:bgsound src="背景音乐路径" loop="-1">

这个只支持IE浏览器,而且是完全下载完后才开始播放,不像前面所说的格式那样可以一边缓冲一边播放。这个一般用于mid音乐或较小的mp3,wav格式的音乐. 若是较大的文件还是用前面所说的格式吧~~

<bgsound src="背景音乐路径" loop="-1">这个随浏览器的打开而播放,当最小化窗口时即停止播放,当最大化窗口时又开始播放。

而,<embed src="背景音乐网址" autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" >常用于mid,,wav,mp3类型的音乐类型.

这个则不管是否最小化窗口都始终播放,直至关闭当前窗口为止~~

支持的音乐文件类型:只支持MP播放器所支持的音乐格式,比如mp3,asf,wma,asx等等.

不支持rm,ram....

视频文件的插入方法也和上面所说的一样,设置好合适的

音乐代码解释

<embed autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" src="http://guest.anyp.cn/uploads/01.mid">

解释一下:

AUTOSTART="TRUE / FALSE"

是否要在音乐档传完之后,就自动播放音乐。 TRUE 是要 

FALSE 是不要,内定值是不要。

LOOP="TRUE / FALSE / 整数"

设定是否要自动反覆播放,LOOP=2 表示重复两次,若要无限次重复可用 LOOP="TRUE" 

WIDTH 和 HIGH="整数"

设定控制面版的宽度和高度 

CONTROLS="CONSOLE / SMALLCONSOLE /

PLAYBUTTON / PAUSEBUTTON / STOPBUTTON /

VOLUMELEVER"

设定控制面板的样子,预设值是 CONSOLE 

  CONSOLE 一般正常的面板

  SMALLCONSOLE 较小的面板

  PLAYBUTTON 只显示播放按钮

  PAUSEBUTTON 只显示暂停按钮

  STOPBUTTON 只显示停止按钮

  VOLUMELEVER 只显示音量调整钮

 

 

 

                            

                                   在主页中制作连续的背景音乐

 

首先使用标签 〈frameset〉〈frame...〉〈frame...〉〈frameset〉 将主页 (index.html) 屏幕分成上下两个帧,为了不破坏页面布局,将上帧的高度设为 0;然后,在主页上帧放置的超文本文件(back_music.htm)中设置网站的背景音乐,最好不要设置播放界面;最后,在主页的下帧放置网站主页的主要内容(main.htm)。 

这样一来,主页下帧的页面就成为主页实际的活动页面,上帧的页面在访问者的整个浏览过程中始终保持静止不动,设置的背景音乐也就不会中断了。 



主页文件 index.html: 

〈html〉 

〈head〉〈title〉连续不断的背景音乐〈/title〉〈/head〉 

〈frameset frameborder="0" rows="0,*"〉 

〈frame src="back_music.htm" scrolling="no" noresize frameborder="0"〉 

〈frame src="main.htm" frameborder="0"〉 

〈noframes〉 

〈body〉 

〈p〉please browse the web pages with browser that supperts frames. 〈/p〉 

〈/body〉 

〈/noframes〉 

〈/frameset〉 

〈/html〉 

上帧文件 back_music.htm(背景音乐为当前目录下的liang_zhu.mid,只播放一次): 

〈html〉 

〈head〉〈title〉〈/title〉〈/head〉 

〈body〉 

〈!-背景音乐:--〉 

〈embed src="./liang_zhu.mid" hidden="true" autostart="true" loop="0"〉 

〈/body〉 

〈/html〉 

由于目前流行的浏览器(如ie、netscape等)大都支持屏幕分帧技术,所以采用屏幕分帧技术来保持背景音乐的连续具有一般的通用性。本方法在ie系列和netscape communicator 4.03 等浏览器版本中均使用正常。 

当然,如果您制做的主页本来就采用了分帧技术,那就再好不过了,只要把设置背景音乐的语句放在静止的帧中,一切就都搞定了。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

<embed src="music.mp3" loop=-1>

-1为不停播放,

1、2、3、4…………为1次、2次、3次、4次…………

绝杀 (2006-5-31 17:58:39)
其实我自己加背景音乐时候直接在<body>标签中加入bgsound,这应该是最简单实用的办法了吧?

------------------------------------------------

我们用embed代码来控制我们的网页中的音乐播放,embed的高级设置如下:

embed

(一)、基本语法:

embed src=url

说明:embed可以用来插入各种多媒体,格式可以是 Midi、Wav、AIFF、AU、MP3等等,Netscape及新版的IE 都支持。 url为音频或视频文件及其路径,可以是相对路径或绝对路径。

示例:<embed src="your.mid">

(二)、属性设置:

1、自动播放:

语法:autostart=true、false

说明:该属性规定音频或视频文件是否在下载完之后就自动播放。

true:音乐文件在下载完之后自动播放;

false:音乐文件在下载完之后不自动播放。

示例:<embed src="your.mid" autostart=true>

<embed src="your.mid" autostart=false>

2、循环播放:

语法:loop=正整数、true、false

说明:该属性规定音频或视频文件是否循环及循环次数。

属性值为正整数值时,音频或视频文件的循环次数与正整数值相同;

属性值为true时,音频或视频文件循环;

属性值为false时,音频或视频文件不循环。

示例:<embed src="your.mid" autostart=true loop=2>

<embed src="your.mid" autostart=true loop=true>

<embed src="your.mid" autostart=true loop=false>

3、面板显示:

语法:hidden=ture、no

说明:该属性规定控制面板是否显示,默认值为no。

ture:隐藏面板;

no:显示面板。

示例:<embed src="your.mid" hidden=ture>

<embed src="your.mid" hidden=no>

4、开始时间:

语法:starttime=mm:ss(分:秒)

说明:该属性规定音频或视频文件开始播放的时间。未定义则从文件开头播放。

示例:<embed src="your.mid" starttime="00:10">

5、音量大小:

语法:volume=0-100之间的整数

说明:该属性规定音频或视频文件的音量大小。未定义则使用系统本身的设定。

示例:<embed src="your.mid" volume="10">

6、容器属性:

语法:height=# width=#

说明:取值为正整数或百分数,单位为像素。该属性规定控制面板的高度和宽度。

height:控制面板的高度;

width:控制面板的宽度。

示例:<embed src="your.mid" height=200 width=200>

7、容器单位:

语法:units=pixels、en

说明:该属性指定高和宽的单位为pixels或en。

示例:<embed src="your.mid" units="pixels" height=200 width=200>

<embed src="your.mid" units="en" height=200 width=200>

8、外观设置:

语法:controls=console、smallconsole、playbutton、pausebutton、stopbutton、volumelever

说明:该属性规定控制面板的外观。默认值是console。

console:一般正常面板;

smallconsole:较小的面板;

playbutton:只显示播放按钮;

pausebutton:只显示暂停按钮;

stopbutton:只显示停止按钮;

volumelever:只显示音量调节按钮。

示例:<embed src="your.mid" controls=smallconsole>

<embed src="your.mid" controls=volumelever>

9、对象名称:

语法:name=#

说明:#为对象的名称。该属性给对象取名,以便其他对象利用。

示例:<embed src="your.mid" >

10、说明文字:

语法:title=#

说明:#为说明的文字。该属性规定音频或视频文件的说明文字。

示例:<embed src="your.mid" title="第一首歌">

11、前景色和背景色:

语法:palette=color|color

说明:该属性表示嵌入的音频或视频文件的前景色和背景色,第一个值为前景色,第二个值为背景色,中间用 | 隔开。color可以是RGB色(RRGGBB),也可以是颜色名,还可以是transparent(透明)。

示例:<embed src="your.mid" palette="red|black">

12、对齐方式:

语法:align=top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom

说明:该属性规定控制面板和当前行中的对象的对齐方式。

center:控制面板居中;

left:控制面板居左;

right:控制面板居右;

top:控制面板的顶部与当前行中的最高对象的顶部对齐;

bottom:控制面板的底部与当前行中的对象的基线对齐;

baseline:控制面板的底部与文本的基线对齐;

texttop:控制面板的顶部与当前行中的最高的文字顶部对齐;

middle:控制面板的中间与当前行的基线对齐;

absmiddle:控制面板的中间与当前文本或对象的中间对齐;

absbottom:控制面板的底部与文字的底部对齐。

示例:<embed src="your.mid" align=top>

<embed src="your.mid" align=center>

方法二

1.声音播放的控制

在网页里面插入歌曲

背景音乐

<bgsound src="#.mp3"loop="-1">

Media音乐播放器(后序名是WMA)

<embed autoplay="false" src="音乐键接地址.wma" width="200" height="45"></embed>

RealOne音频播放器(mp3或者其他音频格式)

<CENTER><EM>歌名<BR></EM><EMBED style="WIDTH: 365px; HEIGHT: 40px" src= 音乐键接地址 width=365 type=audio/mpeg loop="true" autostart="ture"></CENTER></TD></TR></TBODY></TABLE><BR>

将代码加到公告或文章里,自己调整一下尺寸就好了(width 和 height)

autostart="ture"为自动播放

autostart="false"为手动播放

loop="true" 为循环播放

在页面中插入播放器(两种播放器分属不同的ID)

插入Windows Media Player: ID:6BF52A52-394A-11d3-B153-00C04F79FAA6

插入real:

<object classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA >

----------例子---------------

<object height="40" width="150"

classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" VIEWASTEXT>

//播放文件的地址

<param value=http://歌曲地址.asx>

//指定流文件播放的速度,负数表示反向播放。

//当该值不是1时,ASF和 WMV文件在播放时会静音

//一般取值在-10到10

<param value="1">

//介于-100和100的整数作用:指定平衡左右扬声器

<param value="0">

//当前所在播放位置,单位:秒

<param value="0">

//指定流文件播放的次数

<param value="1">

//是否自动播放

<param value="-1">

<param value="0">

//指定URL路径是否启动浏览器打开

<param value="-1">

//0到100的任何数值,指定音量大小

<param value="50">

//指定音频是否静音

<param value="0">

//None,mini,或full,指定Windows媒体播放器控制如何显示

<param value="mini">

<param value="0">

<param value="0">

//指定是否让播放器有效

<param value="-1">

//指定是否使右键菜单有效

<param value="0">

//指定是否采用全屏模式播放流文件内容

<param value="0">

</object>

                   网页背景音乐代码:

将这段代码插入到您的<head></head>之间

当您打开网站时即可听到背景音乐:

<bgsound src=china.mid loop="-1">

这种当网页最小化之后,音乐会消失

网页背景音乐的代码:

<embed src="http://XXX.com/XXX.mp3" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="1" height="1"></embed>

1.mid表示音效文件

<embed src="1.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="1" height="1"></embed>

上面的网页背景音乐代码可以加入FLASH动画的绝对地址(或相对地址)

<embed width=1 height=1 autostart="true" loop="true" controls=PlayButton console=clip1 nolabels=true type="audio/x-pn-realaudio-plugin" src="1.ram"> </embed>

ram格式的音乐文件专用网页背景音乐代码:

<embed src="1.mid" align="center" border="0" width="1" height="1" width="100" autostart="true" loop="true">

指定播放器的大小(width、heigh)、是否自动(autostart标记)、是否循环播放(loop标记),而浏览者则可以自主地决定是否播放音乐。

此代码可以当作网页中插入FLASH动画的代码用。只要把1.mid替换为FLASH动画的相对地址或决对地址就OK了。

<embed src="1.mp3" align="center" border="0" width="1" height="1" width="100" autostart="true" loop="true">

此代码可以加mp3形式的音乐为网页背景音乐

<EMBED src="http://XXX.com/XXX.mp3" width="0" height="0" border=0 autostart="ture" loop="ture"></EMBED>

1.mid表示音效文件

<bgsound src="1.mid" loop=3>

表示将1.mid音效文件插入到页面为背景音乐,并循环播放3次。

<embed src="1.mid" hidden="true">

1.mid表示音效文件

<bgsound src="1.mid" loop="infinte">

1.mid表示音效文件

<embed src="1.mid" hidden="true" loop="true">

1.mid表示音效文件

<bgsound src=1.mid loop="-1">

1.mid表示音效文件

  评论这张
 
阅读(70)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017