如何用网页添加背景音乐?

如何用网页添加背景音乐?,第1张

将音乐作成一个链接,只需要用鼠标在上面单击,就可以听到动人的音乐。这就是在记事本编辑网页的一个方法。

1、首先把要添加成网页背景音乐的文件保存在网页的相应文件夹下。

2、启动记事本程序,在记事本中输入相应的代码。

3、在<body></body>代码中之间输入插入背景音乐的代码“Bgsound”。

4、在<bgsound>后面输入背景音乐文件路径指示命令:src="mp3\yue.mp3"。SRC用于标示路径文件。

5、如果需要背景音乐不断地重复播放,可以输入重复播放的次数。用参数“loop”来指定音乐重复播放的次数。

6、这是插入背景音乐的界面效果。

http://bbs.tianya365.com/UploadFile/2005-11/2005112321524788340.jpg

这是论坛加如的方法~~

页面中插入播放器

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

插入real:

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

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

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

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

//播放文件的地址

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

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

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

//一般取值在-10到10

<param name="rate" value="1">

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

<param name="balance" value="0">

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

<param name="currentPosition" value="0">

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

<param name="playCount" value="1">

//是否自动播放

<param name="autoStart" value="-1">

<param name="currentMarker" value="0">

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

<param name="invokeURLs" value="-1">

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

<param name="volume" value="50">

//指定音频是否静音

<param name="mute" value="0">

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

<param name="uiMode" value="mini">

<param name="stretchToFit" value="0">

<param name="windowlessVideo" value="0">

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

<param name="enabled" value="-1">

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

<param name="enableContextMenu" value="0">

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

<param name="fullScreen" value="0">

</object>

网页音乐播放器代码- -

rm文件在线播放

<embed height=25 src=www.xiakedao.com/biyun/ren/a.rm

type=audio/x-pn-realaudio-plugin width=50 autostart="false"

controls="PlayButton">

autostart="false" 打开页面时处于候命状态,autostart="true" 打开页面时

马上听声音 height=25 width=50 有不同数值,播放器面板有些不同

midi、au、avi文件在线播放

<EMBED SRC=http://www.shunde.net.cn/~biyun/wlsd/wy/yinyue/H/1.mid

width="47" height="24" AUTOSTART=TRUE>

autostart="false" 打开页面时处于候命状态,autostart="true" 打开页面时马上听声音

height=25 width=50 有不同数值,播放器面板有些不同

asf文件在线播放

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312">

<title></title>

</head>

<body topmargin="0" leftmargin="0">

<object classid=clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95 codebase=

http://activex.microsoft.......ols/mplayer/en/nsmp2inf.cab#

Version=7.0 height=53 id=NSPlay0 name=NSPlay type=application/x-oleobject

width=87 VIEWASTEXT standby="Loading Microsoft Windows Media Player

components..." border="0"><param name="AudioStream" value="-1">

<param name="AutoSize" value="0">

<param name="AutoStart" value="1">

<param name="AnimationAtStart" value="-1">

<param name="AllowScan" value="-1">

<param name="AllowChangeDisplaySize" value="-1">

<param name="AutoRewind" value="0">

<param name="Balance" value="0">

<param name="BaseURL" value>

<param name="BufferingTime" value="10">

<param name="CaptioningID" value>

<param name="ClickToPlay" value="-1">

<param name="CursorType" value="0">

<param name="CurrentPosition" value="-1">

<param name="CurrentMarker" value="0">

<param name="DefaultFrame" value>

<param name="DisplayBackColor" value="0">

<param name="DisplayForeColor" value="65280">

<param name="DisplayMode" value="0">

<param name="DisplaySize" value="1">

<param name="Enabled" value="-1">

<param name="EnableContextMenu" value="-1">

<param name="EnablePositionControls" value="-1">

<param name="EnableFullScreenControls" value="-1">

<param name="EnableTracker" value="-1">

<param name="Filename" value="http://music.sdcatv.net/b......n/gequ/asf/5.asf">

<param name="InvokeURLs" value="-1">

<param name="Language" value="-1">

<param name="Mute" value="0">

<param name="PlayCount" value="1">

<param name="PreviewMode" value="0">

<param name="Rate" value="1">

<param name="SAMILang" value>

<param name="SAMIstyle" value>

<param name="SAMIFileName" value>

<param name="SelectionStart" value="-1">

<param name="SelectionEnd" value="-1">

<param name="SendOpenStateChangeEvents" value="-1">

<param name="SendWarningEvents" value="-1">

<param name="SendErrorEvents" value="-1">

<param name="SendKeyboardEvents" value="0">

<param name="SendMouseClickEvents" value="0">

<param name="SendMouseMoveEvents" value="0">

<param name="SendPlayStateChangeEvents" value="-1">

<param name="ShowCaptioning" value="0">

<param name="ShowControls" value="-1">

<param name="ShowAudioControls" value="0">

<param name="ShowDisplay" value="0">

<param name="ShowGotoBar" value="0">

<param name="ShowPositionControls" value="-1">

<param name="ShowStatusBar" value="-1">

<param name="ShowTracker" value="-1">

<param name="TransparentAtStart" value="-1">

<param name="VideoBorderWidth" value="0">

<param name="VideoBorderColor" value="0">

<param name="VideoBorder3D" value="-1">

<param name="Volume" value="0">

<param name="WindowlessVideo" value="0">

</object>

其中<param name="AutoStart" value="0">0为打开页面处于待命状态,

为1时打开页面直接播放 </body>

</html>

流式收听mp3方法:

http://*.mp3,http://*.mp3,http://...?a href="http://" target="_blank">http://*.mp3,

把上面的的文件另存为*.m3u,就可实现在线播放*.mp3(支持连续播放)

mpeg影象在线播放:

等等,让它下载<img border="0" dynsrc=

"http://music.cnvnet.com/video/0321.mpeg

" start="fileopen">

rm影像在线播放 代码:

<object id="vid" classid=

"clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA"

width=114 height=100>

<param name="_ExtentX" value="3016">

<param name="_ExtentY" value="2646">

<param name="AUTOSTART" value="-1">

<param name="SHUFFLE" value="0">

<param name="PREFETCH" value="0">

<param name="NOLABELS" value="-1">

<param name="SRC" value=

"http://music.cnvnet.com/mtv/20010618/002.ram">

<param name="CONTROLS" value="Imagewindow">

<param name="CONSOLE" value="clip1">

<param name="LOOP" value="0">

<param name="NUMLOOP" value="0">

<param name="CENTER" value="0">

<param name="MAINTAINASPECT" value="0">

<param name="BACKGROUNDCOLOR" value="#000000">

</object>

加几个控制器

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

width=427 height=300>

<param name="_ExtentX" value="11298">

<param name="_ExtentY" value="7938">

<param name="AUTOSTART" value="-1">

<param name="SHUFFLE" value="0">

<param name="PREFETCH" value="0">

<param name="NOLABELS" value="-1">

<param name="SRC" value=

"http://music.cnvnet.com/mtv/20010618/001.ram">

<param name="CONTROLS" value="Imagewindow">

<param name="CONSOLE" value="clip1">

<param name="LOOP" value="0">

<param name="NUMLOOP" value="0">

<param name="CENTER" value="0">

<param name="MAINTAINASPECT" value="0">

<param name="BACKGROUNDCOLOR" value="#000000">

</object><object id="vid2" classid=

"clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" width=427 height=30>

<param name="_ExtentX" value="11298">

<param name="_ExtentY" value="794">

<param name="AUTOSTART" value="-1">

<param name="SHUFFLE" value="0">

<param name="PREFETCH" value="0">

<param name="NOLABELS" value="-1">

<param name="SRC" value=

"http://music.cnvnet.com/mtv/20010618/001.ram">

<param name="CONTROLS" value="ControlPanel">

<param name="CONSOLE" value="clip1">

<param name="LOOP" value="0">

<param name="NUMLOOP" value="0">

<param name="CENTER" value="0">

<param name="MAINTAINASPECT" value="0">

<param name="BACKGROUNDCOLOR" value="#000000">

</object>

1、首先把所选需要的音乐文件放到网页同一个文件,如图所示

2、用Adobe Dreamweaver CS6软件打开网页,在网页设计栏鼠标指向任意一个你想放置的音乐背景位置,然后在菜单栏选  插入/媒体(M)/插件(P),按照路径选择你需要设置背景音乐的MP3文件双击鼠标左键

3、鼠标点击插件可以看到下面的属性栏,根据属性栏我们可以任意调整背景宽度大小。保存刷新网页可以看到网页里已经可以自动播放背景音乐了。

4、在软件设计栏中选中插件,打开代码栏,在代码height="64"加一段hidden="true" ,保存刷新网页就会看到音乐背景已经被隐藏,音乐却还在播放。

5、设置音乐循环播放及播放次数:同样在代码height="64"加一段loop="false"   为不重播loop="true"  为循环播放loop="5"  为播放5次


欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/bake/10979437.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-12
下一篇2023-05-12

发表评论

登录后才能评论

评论列表(0条)

    保存