当前位置：首页 » 网页设计 » 音乐网页播放

音乐网页播放

发布时间: 2021-03-27 09:32:00

据个人了解
网页中的音乐播放代码有以下几种：
第一种:页面代码中的<head></head>之间加入<bgsound src="音乐url" loop="-1"> 这段代码。 loop指音乐循环的次数，可设置为任意正整数，若设为“-1”的话，音乐将永远循环。

第二种：
在网页代码中的<style></style>标签之间加入一个“Embed”标签，其最简形式就像这样：
<embed src="音乐url" autostart="true" loop="true" width="80" height="20">
不同的是，在这里我们可以设置更多内容，相信内容请看w3scholl手册！
第三种：
使用超链接
例如：<a href="horse.mp3">Play the sound</a>
<script src="http://mediaplayer.yahoo.com/latest"></script>
第四种：
使用 HTML5 <audio> 元素
<audio> 元素是一个 HTML5 元素，在 HTML 4 中是非法的，但在所有浏览器中都有效。
例子：
<audio controls>
<source src="horse.mp3" type="audio/mpeg">
<source src="horse.ogg" type="audio/ogg">
Your browser does not support this audio format.
</audio>

㈡ QQ音乐怎么用网页播放

现在的QQ空间增加了一项新功能，QQ音乐网页播放器，此播放器可以在网页上直接播放音乐，但此网页播放器能播放的音乐较少。在这里本人建议您去下载一个QQ音乐客户端，这个客户端播放的音乐较广泛

㈢怎样在网页中自动播放音乐

背景音乐代码
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 只显示音量调整钮

㈣网页歌曲播放不了

打开IE-工具-internet选项-高级-还原默认设置-确定。

点击IE浏览器中的“工具”，选择“internet选项”；在“常规”页面点击“删除cookies”和“删除文件”，然后勾上“同时删除脱机内容”，点击确定。

重新安装一下 Adobe Flash Player 和 Windows Media Player

㈤如何播放背景音乐（在网页上）

嵌入多媒体文本(EMBED)

基本语法 <embed src=#> #=URL
本标记可以用来在主页中嵌入多媒体文本，如：
电影(movie), 声音(sound), 虚拟现实语言(vrml)... ...
体会 <embed> 标记，您需要把 plugin 安装完备。
请注意：embed attributes are different between each plugins.

背景音乐

<bgsound src=#> #=WAV 文件的 URL
<bgsound loop=#> #=循环数
<bgsound src="sound.wav" loop=3>

㈥ html，怎么网页里面播放音乐啊

controls向用户显示控件，比如播放按钮。加上src 地址就可以了。。。。

㈦怎么在自己的网页上播放歌曲

操作方法：

1、首先新建一个TXT文档。这里以demo.txt为例。更改demo.txt文件的扩展名txt为html,我们就获得了demo.html文件。即通常的网页文件格式。

2、右击该文件—打开方式—记事本，用记事本打开该文件。

3、添加基本的网页结构：

<html>

<head>

<title>如何添加背景音乐？</title>

</head>

<body>

</body>

</html>

4、如果是初学者，建议新建一个文件夹，把demo.html和要作为背景音乐的歌曲放在同一个文件夹。我们以一首背景音乐为例子，大家举一反三。

5、在 HTML 中播放声音的方法有很多种。

最好的 HTML 解决方法

实例

</audio>

上面的例子使用了两个不同的音频格式。HTML5 <audio> 元素会尝试以 mp3 或 ogg 来播放音频。如果失败，代码将回退尝试 <embed> 元素。

6、保存并关闭，双击打开demo.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>
<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" 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>
<embed src="your.mid" align=center>
注:多首歌曲可以用记事本输入歌曲地址,然后另存为.m3u文件

<EMBED autostart="true" SRC="这里写.m3u文件地址" width="0" height="0" loop="-1">

㈨让音乐在网页播放这样这么弄

<iframeframeborder="no"border="0"marginwidth="0"marginheight="0"width=330height=86src="http://music.163.com/outchain/player?type=2&id=26402072&auto=1&height=66"></iframe>

复制以上网页代码到你的网页中即可，原链接来自版网易云音乐，可以根权据自己的需求修改代码

㈩如何在打开网页时就能自动播放音乐

阅读全文

音乐网页播放

与音乐网页播放相关的阅读推荐