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

有两种

分别用<bgsound>和<embed></embed>标签,当用<embed>插入背景音乐时可以设置宽度和高度为0，隐藏播放器。

二者的参数如下：

■ <bgsound>：

<bgsound> 是用来插入背景音乐，但只适用于 IE，其参数设定不多。如下

src="your.mid"

设定 midi 档案及路径，可以是相对或绝对。

autostart=true

是否在音乐档下载完之后就自动播放。true 是，false 否 (内定值)。

loop=infinite

是否自动反复播放。LOOP=2 表示重复两次，Infinite 表示重复多次。

■ <EMBED>：

<EMBED> 是用来插入各种多媒体，格式可以是 Midi、Wav、AIFF、AU 等等，Netscape 及新版的 IE 都支持。其参数设定较多。如下下

src="your.mid"

设定 midi 档案及路径，可以是相对或绝对。

autostart=true

是否在音乐档下载完之后就自动播放。true 是，false 否 (内定值)。

loop="true"

是否自动反复播放。LOOP=2 表示重复两次，true 是， false 否。

HIDDEN="true"

是否完全隐藏控制画面，true 为是，no 为否 (内定)。

STARTTIME="分:秒"

设定歌曲开始播放的时间。如STARTTIME="00:30" 表示从第30秒处开始播放。

VOLUME="0-100"

设定音量的大小，数值是0到100之间。内定则为使用系统本身的设定。

WIDTH="整数" 和 HIGH="整数"

设定控制面板的高度和宽度。(若 HIDDEN="no")

ALIGN="center"

设定控制面板和旁边文字的对齐方式，其值可以是 top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom

CONTROLS="smallconsole"

设定控制面板的外观。预设值是 console。

console 一般正常面板

smallconsole 较小的面板

playbutton 只显示播放按钮

pausecutton 只显示暂停按钮

stopbutton 只显示停止按钮

volumelever 只显示音量调节按钮

实例：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>无标题文档</title>

</head>

<body>

</body>

</html>

复制代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>无标题文档</title>

</head>

<body>

</body>

</html>

复制代码

**********************************************************************************************************************************

（一）、基本语法：

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>

2、循环播放：

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

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

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

属性值为true时，音频或视频文件循环；

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

示例：<embed src="your.mid" autostart=trueloop=2>

3、面板显示：

语法：hidden=ture、flase

说明：该属性规定控制面板是否显示，默认值为flase。

ture：隐藏面板；

flase：显示面板。

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

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=200width=200>

7、容器单位：

语法：units=pixels、en

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

示例：<embed src="your.mid"units="pixels" 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>

9、对象名称：

语法：name=#

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

示例：<embed src="your.mid"name="sound1">

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>

************************************************************************************************************************************

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

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

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

网页背景音乐的代码：

1.mid表示音效文件

上面的网页背景音乐代码可以加入FLASH动画的绝对URL（或相对URL）

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

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

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

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

1.mid表示音效文件

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

1.mid表示音效文件

1.mid表示音效文件

1.mid表示音效文件

1.mid表示音效文件

网页背景音乐

第一种：在叶子代码中的<style></style>之间加入<bgsound src="音乐url" loop="-1"> 这段代码。

在这里要说的是，“loop”中的数值是音乐循环的次数，可设置为任意正整数，若设为“-1”的话，音乐将永远循环。

这种背景音乐是打开叶子后直接播放的，在叶子上不会有显示。这是最简单的一种。

第二种：这种方法则略微复杂一些，但可设置的参数也较多。仍是在叶子代码中的<style></style>标签之间加入一个“Embed”标签，其最简形式就像这样：

不同的是，在这里我们可以设置更多内容，以下是具体的说明：

src 背景音乐的URL（即url）。

autostart 是否自动播放，“true”为音乐文件读取完后立即播放，“false”则不立即播放，默认值为“false”

loop 循环次数，设置为“true”为永远循环，“false”为仅播放一次，若设为任意一正整数，则循环所输入的次数。

volume 设置音量，取值范围是“0-100”，默认值为系统当前音量。

starttime 设置音乐开始播放的时间，格式是“分：秒”，

如：starttime＝"00:10"，就是从第10秒开始播放。

endtime 设置音乐结束播放的时间，具体格式同上。

width 设置音乐播放控制面板的宽度。

height 设置音乐播放控制面板的高度。

controls 设置音乐播放控制面板的外观，

“console”为通常面板；

“smallconsole”为小型面板。

“playbutton”为是否显示播放按钮；

“pausebutton”为是否显示暂停按钮；

“stopbutton”为是否显示停止按钮；

“volumelever”为是否显示音量调节按钮，

例如：

controls="console/smallconsole/playbutton/

pausebutton/stopbutton/volumelever"。

hidden 设置音乐播放控制面板的显示与否，

“false”为显示，“true”为隐藏。

现在，你可以试一试了。不过要注意，音乐文件的体积不要太大，否则页面已经打开了半天，音乐却还没有读出来。推荐使用wma格式的音乐文件。

下面是介绍如何在网页中播放电影，加入的方法仍和上面一样。

有图像的rm格式：

</OBJECT>

如果是无图像的rm格式：如相声，歌曲……

</object>

最简单的media格式的播放器……自动识别有无图像，但是版本是你机器的！

有图像的media播放器，自动调用网上的插件。

,701standby=Loading Microsoft? Windows Media? Player components...type=application/x-oleobject>

无图像的media播放器……同上。

,701standby=Loading Microsoft? Windows Media? Player components...type=application/x-oleobject>

</object>

只是界面不同的media的调插件播放器……建议不用这个，你可以看情况办吧。

背景音乐代码

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

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

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

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

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

B：音乐文件URL错误，这个音乐文件根本不存在。

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

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

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

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

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

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

来看第二种：

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

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"

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

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

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

另外: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....

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

音乐代码解释

解释一下:

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 只显示音量调整钮

在网页中插入背景音乐代码(html)的更多相关文章

使用<script>标签在HTML网页中插入JavaScript代码
新朋友你在哪里(如何插入JS) 我们来看看如何写入JS代码?你只需一步操作,使用<script>标签在HTML网页中插入JavaScript代码.注意, <script>标签要 ...
网页中插入FLASH（swf文件），并且让Flash不遮挡HTML元素
一:网页中插入flash代码如下: 当然里面的很多属性可以去掉,根据具体的需求而定. 我们在网页中经常遇到播放flash,要正常播放flash就要用到OBJECT和EMBED这两个标签.鉴于火狐及 ...
Bootstrap css栅格 + 网页中插入代码+css表格
设计达人 http://www.shejidaren.com/30-minimal-app-icons.html CSS栅格: <!DOCTYPE html> <html lang= ...
网页中插入Flash动画（.swf）代码和常用参数设置
我们现在大部分人做网页,都是直接用DW插入flash,而且DW也是所见即所得,直接生成了相应的flash显示代码.可是我们又有多少人了解这些直接由DW生成的代码呢?其实我接触flash player标 ...
[转载]在网页中插入media，RealPlayer等控件
[转载]在网页中插入media,RealPlayer等控件 (2012-11-02 20:27:43) 转载▼ 标签: 转载原文地址:在网页中插入media,RealPlayer等控件作者:Mo ...
网页中插入javascript的几种方法
网页中插入javascript的方法常见的有两种: 一.直接使用html标记 JavaScript 可以出现在 html的任意地方.使用标记<script>…</script> ...
网页中插入QQ在线功能
网页中插入QQ在线功能本随笔记录的是网页中如何插入qq在线聊天,这里讲解的是普通QQ在线聊天操作. 例:第一种方式使用 tencent://message/?uin=QQ号码&Site ...
网页中插入swf动画（embed）
网页中插入swf动画(embed:[ɪm'bed]) 例题: <embed src="swf.sef" width="200" height=" ...
js实现网页中的"运行代码"功能
<!DOCTYPE html> <html> <head> <meta charset='utf8' /> <title>网页中的运行代码功 ...

随机推荐

PAT (Advanced Level) Practice 1055 The World's Richest (25 分) （结构体排序）
Forbes magazine publishes every year its list of billionaires based on the annual ranking of the wor ...
LeetCode Two Sum&Two Sum II - Input array is sorted&3Sum&4Sum 一锅煮题解
文章目录 Two Sum Two Sum II 3Sum 4Sum Two Sum 题意给定一个数组,和指定一个目标和.从数组中选择两个数满足和为目标和.保证有且只有一个解.每个元素只可以用一次. ...
P5331 [SNOI2019]通信 [线段树优化建图+最小费用最大流]
这题真让人自闭-我EK费用流已经死了?- (去掉define int long long就过了) 我建的边害死我的 spfa 还是spfa已经死了? 按费用流的套路来首先呢把点 \(i\) 拆成两 ...
JXLS支持嵌套循环语法的数据导出说明
今天在试验用Jxls 2.0导出嵌套循环数据时,第二层数据一直没有成功,最后确认是数据源结构不正确所致,现将这两种数据格式进行说明:假设模板中批注有这样两条循环语法: <jx:each(item ...
css实现梯形样式(含有border)
类似本文热门评论效果 .hot-comment-title{ float:right; position:absolute; right: -8px; top: -30px; padding: 0; ...
查看Spark与Hadoop等其他组件的兼容版本
安装与Spark相关的其他组件的时候,例如JDK,Hadoop,Yarn,Hive,Kafka等,要考虑到这些组件和Spark的版本兼容关系.这个对应关系可以在Spark源代码的pom.xml文件中查 ...
19新生赛谁更nb
题目描述: 有一堆石子共有N个.syx xxh两个人轮流拿,syx先拿.每次最少拿1颗,最多拿K颗,拿到最后1颗石子的人获胜.syx xxh都非常聪明,拿石子的过程中不会出现失误.给出N和K,问最后 ...
Codeforces 474B. Worms
It is lunch time for Mole. His friend, Marmot, prepared him a nice game for lunch. Marmot brought Mo ...
菜不成声的 ac自动机刷题记录
HDU2222 Keywords Search 模板题.数组开小了结果会T... 代码 #include <bits/stdc++.h> #define nmax 10010 using ...
sqlserver删除所有表、视图、存储过程
declare proccur cursor for select [name] from sysobjects where type='P' declare @procnam ...

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

在网页中插入背景音乐代码(html)的更多相关文章

随机推荐

热门专题