网页中添加音乐播放器代码

合集下载

html页面音乐播放器代码

html页面音乐播放器代码

html页面音乐播放器代码html页面音乐播放器代码HTML播放器样式1代码:<P align=center> <TABLE borderColor=#bc8f8f cellSpacing =1width=315 border=1> <TBODY> <TR> <TD><EMBEDstyle="FILTER: invert(); WIDTH: 315px; HEIGHT: 28px" src=音乐地址type=audio/mpegautostart="true"></EMBED></TD></TR></TBODY></TAB LE><P align=center></P></DIV> <P></P>HTML播放器样式2代码:.<P align=center><table style="BORDER-RIGHT: #ff69b4 3pxdashed; BORDER-TOP: #ff69b4 3px dashed; BORDER-LEFT: #ff69b4 3px dashed;BORDER-BOTTOM: #ff69b4 3px dashed" cellSpacing="0" cellPadding="0"bgColor="white" id="table6"> <tr> <td> <tableborderColor="#ff69b4" align="center" bgColor="#ffccf5" b order="2"id="table7"> <tr> <td style="FILTER: alpha(opacity=100,sty le=3)"><p align="center"> <embed src="音乐地址" width="300" height="45"type="audio/mpeg" loop="-1" autostart="true" volume="0"></td></tr> </table> </td> </tr></table>HTML播放器样式3代码:<P align=center><table style="BORDER-RIGHT: #000000 3pxdashed; BORDER-TOP: #000000 3px dashed; BORDER-LEFT: #000000 3px dashed;BORDER-BOTTOM: #000000 3px dashed" cellSpacing="0" cellPadding="0 "bgColor="#00000" id="table5"> <tr> <td> <tableborderColor="#000000" align="center" border="1" id="tab le6"> <tr><td> <p align="center"> <embed style="FILTER: Xray" src= "音乐地址"width="300" height="45" type="audio/mpeg" loop="-1" autostart="true"volume="0"> </td> </tr> </table> </td> </tr></table>HTML播放器样式4代码:<p align="center"><EMBED style="FILTER: Xray" src=音乐地址width=300 height=45 type=audio/mpeg loop="-1" autostart="true"volume="0"></EMBED>HTML播放器样式5代码:<p align="center"><EMBEDstyle="FILTER: Gray" src=音乐地址 width=300 height=45 type=audio/mpeg loop="-1"autostart="true"volume="0"></EMBED>HTML播放器样式6(这个可以添加播放器背景添加的时候修改下面代码的图片地址换上你要显示的)代码:<p align="center"> <TABLE borderColor=#dee4fecellSpacing=3 cellPadding=0 background=图片地址 border=2> <TBODY><TR> <TD> <TABLE align=center border=0> <TBODY><TR> <TD style="FILTER: alpha(opacity=60,style=3)"> <P align=center><EMBED style="FILTER: Gray" src=音乐地址 width=300 height=45type=audio/mpeg volume="0" autostart="true" loop="-1"></P></TD></TR></TBODY></TABLE></TD></TR></TBO DY></TABLE>。

网页音乐播放器代码

网页音乐播放器代码

网页音乐播放器代码
简介
网页音乐播放器是一个利用 HTML、CSS 和 JavaScript 编写的网页应用程序,能够在网页上播放音乐文件。

它可以通过用户界面提供音乐的播放、暂停、快进、快退等基本操作。

本文将介绍如何使用 HTML、CSS 和 JavaScript 编写一个简单的网页音乐播放器。

准备工作
在开始编写网页音乐播放器代码之前,我们需要准备以下内容:
•音乐文件:准备一些音乐文件(例如 MP3 格式),作为播放器的音乐资源。

•HTML 文件:创建一个 HTML 文件,用于承载网页音乐播放器。

•CSS 文件:创建一个 CSS 文件,用于控制网页音乐播放器的样式。

•JavaScript 文件:创建一个 JavaScript 文件,用于实现网页音乐播放器的功能。

HTML 结构
首先,我们需要定义网页音乐播放器的 HTML 结构。

以下是一个基本的 HTML 结构示例,你可以根据自己的需求进行修改:
```markdown <!DOCTYPE html>
网页音乐播放器
<link rel=。

网站建设中怎样让网页播放音乐,和网页背景音乐代码是什么,怎样放网页背景音乐?

网站建设中怎样让网页播放音乐,和网页背景音乐代码是什么,怎样放网页背景音乐?

网站建设中怎样让网页播放音乐,和网页背景音乐代码是什么,怎样放网页背景音乐?在网站建设中,我们会常涉及到多媒体文件,下面我们就先来介绍一下在网站中播放音乐的方法,其中包括:.mid、.mp3、.avi、.flash、.mpg、.mov、.rm 和背景音乐添加的方法.在网站建设中,我们会常涉及到多媒体文件,下面我们就先来介绍一下在网站中播放音乐的方法,其中包括:.mid、.mp3、.avi、.flash、.mpg、.mov、.rm 和背景音乐添加的方法.根据不同的格式,有不同的代码下面是相信代码介绍:在下面的代码使用中需要注明的是:"音乐文件和地址"——待播放文件的文件名,前面带上绝对路径,或者本站的相对路径。

width_num——是指一个作为宽度的数字;height_num——是指一个作为高度的数字;1.mid<embed src="音乐文件和路径" type="audio/midi" hidden="false" autostart="true"loop="true" height=height_num width=width_num></embed>2.mp3<embed controller="true" width="width_num" height="height_num"src="音乐文件和路径" border="0" pluginspage="/quicktime/download/indext.html"></embed>3.avi<embed src="音乐文件和路径" border="0" width="width_num" height="height_num" type="application/x-mplayer2"></embed>4.flash<embed src="音乐文件和路径" pluginspage="/shockwave/download/index. cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="width_num" height="height_num" play="true" loop="true"quality="high" scale="showall" menu="true"></embed>5.mpg<embed src="音乐文件和路径" border="0" width="width_num"height="height_num" type="application/x-mplayer2"></embed>6.mov<embed controller="true" width="width_num" height="height_num"src="音乐文件和路径" border="0" pluginspage="/quicktime/download/indext.html"> </embed>7.rm<OBJECT>" height="height_num"><PARAM NAME="CONTROLS" VALUE="ImageWindow"><PARAM NAME="AUTOSTART" Value="true"><PARAM NAME="SRC" VALUE="音乐文件和地址"><embed height="高" width="宽" controls="ImageWindow"src="音乐文件和路径" type="audio/x-pn-realaudio-plugin" autostart="true" nolabels="0"autogotourl="-1"></OBJECT>上面使用方式是介绍网页中的播放器的,下面我们来看一下在网站中背景音乐的添加方法:代码很简单:<bgsound src="音乐文件和地址" loop=1loop后面是循环的次数,-1代表无限循环。

音乐播放器代码

音乐播放器代码

以下为一款音乐播放器代码,长度(width="960")及高度(height="620")可调,自由切换百度随心听,贝瓦电台,豆瓣电台,音悦TV等多款音乐台。

代码一:<iframe id=TV name=TV frameborder=0 scrolling=no src=/yyzb width=960 height=550></iframe>代码二:<div><embed height="620" allownetworking="internal" width="960" allowscriptaccess="never" loop="-1" invokeurls="false" src="/yyzb" type="audio/mpeg" wmode="transparent"><br/></div>以下为已嵌入音乐播放器代码的网页代码,复制以下代码创建index.html文件上传空间即可播放音乐,友情链接可自己修改。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><link rel="shortcut icon" href="favicon.ico"><link rel="Bookmark" href="favicon.ico"><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><meta name="keywords" content="音乐网"><meta name="description" content="音乐网"><title>音乐网_电视直播网</title><style type="text/css">BODY {SCROLLBAR-FACE-COLOR: #009ace; FONT-SIZE: 12px; SCROLLBAR-HIGHLIGHT-COLOR: #b8e9fa; SCROLLBAR-SHADOW-COLOR: #009aaa; COLOR: #a9c8e4; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #cccccc; FONT-FAMIL Y: 宋体,Arial,Verdana ; BACKGROUND-COLOR: #8FC8D6; background-repeat: repeat-x}TD {FONT-SIZE: 12px; COLOR: #a9c8e4; LINE-HEIGHT: 140%}A:link {COLOR: #a9c8e4; TEXT-DECORA TION: none}A:visited {COLOR: #a9c8e4; TEXT-DECORA TION: none}A:active {COLOR: #a9c8e4; TEXT-DECORA TION: none}A:hover {COLOR: #00FF00; TEXT-DECORATION: underline}</style><META HTTP-EQUIV="pragma" CONTENT="no-cache"><META http-equiv="Cache-Control" content="no-cache"><META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"></HEAD><BODY class=bg leftMargin=0 topMargin=0 marginheight="0" marginwidth="0" background="tv/bg.jpg"><TABLE cellSpacing=0 cellPadding=0 width=960 align=center border=0><TBODY><tr><td colspan="2" height=10></td></tr><tr><TD width=120 align=center ><a href=""><img border="0" src="/images/logo.gif" width="180" height="50" alt="电视直播网"></a></TD><TD width=840 align=right><script language="javascript" src="/vcp/getJScode/getJScode.asp?ReferenceID=684929&No=640x60"> </script></TD></TR><tr><td colspan="3" height=10></td></tr><tr><td colspan="2"><div><iframe id=TV name=TV frameborder=0 scrolling=no src=/yyzb width=960 height=550></iframe></div><TABLE cellSpacing=0 cellPadding=0 width=900 align=center border=0><TR><td align=center height=10></td></tr><TR><td align=center height=5></TD></TR><TR><td align=center><font color="#777777">&copy;<br><div class="bottomx"><a><font color=slategray size=4>本站网址/zb 感谢转发微博、空间的朋友!谢谢你们!</a><div><p></p><font color="#777777"><a>友情连接:&nbsp;&nbsp;<a href="/c?s=a485395f&w=616248&c=17666&i=41910&l=0&e=&t=/cps/land/list/ 0" target="_blank"><font color=slategray size=2>蘑菇街</a>&nbsp;&nbsp;<ahref="/" target="_blank"><font color=slategray size=2>4399游戏</a>&nbsp;&nbsp;<a href="/rd/rd.aspx?e=181&adtype=1&unionid=liancaiping&subunionid=&other=&url=http%3A%2F%2Ftopic.moon %2Farticle%2Farticle_show%2F3816%3Ftype%3D0%26cn%3D13960%26other%3Dunionid%3Aliancaiping%7Cadtype%3A1%7Cadid%3A181%26adsiteid%3D10000007" target="_blank"><font color=slategray size=2>梦芭莎</a>&nbsp;&nbsp;<ahref="/?pid=mm_34029538_3439848_11149737" target="_blank"><font color=slategray size=2>爱淘宝</a>&nbsp;&nbsp;<ahref="/?pid=mm_34029538_3439848_11149737&tb_lm_id=l_sczl_sogou_cyg j" target="_blank"><font color=slategray size=2>一淘专享</a>&nbsp;&nbsp;<ahref="/go/act/taoke/ai_crown.php?pid=mm_34029538_3439848_1114973 7&unid=" target="_blank"><font color=slategraysize=2>TOP10店铺</a>&nbsp;&nbsp;<a href="/" target="_blank"><font color=slategray size=2>时光网址导航</a>&nbsp;&nbsp;<ahref="/?tracker_u=1787&uid=91520851657&website_id=521945"target="_blank"><font color=slategray size=2>一号店超市</a></a></font></div><div class="link">本站所有链接均收集自网络免费公开资源,非本站服务器资源,相关权责不由本站负责,若有侵权,请来信告知,本站会尽快删除!<br>Copyright &copy; 2013 /tv/ Email:liancaiping@苏ICP备14004292号-1</font> <a href="/" target="_black" ><fontcolor=red size=2>返回</font></a> <a href="/" target="_black"><font color=red size=2>主页</a>&nbsp;西部数码<ahref="/index.asp?ReferenceID=684929"target="_blank"><font color=slategray size=2>虚拟主机</a>&nbsp;&nbsp;</a><a href="/jtyy/" target="_blank"><font color=slategray size=2>家庭影院</a><b></TABLE></body></html>。

网页中添加音乐播放器代码

网页中添加音乐播放器代码

网页中添加音乐播放器代码<embed controller="true" width="300" height="40" src="/lrc/1.wma" border="0" >(一)基本语法: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、flase说明:该属性规定控制面板是否显示,默认值为flase。

网页播放音乐源码

网页播放音乐源码

1 播放midi格式的音乐<HTML><HEAD><TITLE>播放音乐篇--播放Midi音乐</TITLE></HEAD><BODY bgcolor="#fef4d2" onload=MidiMusicList() background="../images/background8.jpg"><br><br><center><font color="ffaafa"><h2><font color="#FF0000">播放音乐篇--播放Midi音乐</font></h2></font> <br><br><!-- 案例代码1开始--><script language=JavaScript>var x = 0Music = new Array()<!-- [Step1]: 这里可以按序增加播放的Midi音乐-->Music[1] = " Music01.mid"Music[2] = " Music02.mid"Music[3] = " Music03.mid"function MidiMusicList(){<!-- [Step2]: 在此能够设置文本框的缺省文本-->document.MidiMusic.typein.value=" 请按键选择Midi 格式的音乐"}function PlayMusic(){<!-- [Step3]: 这里可以更改Midi音乐所在的绝对位置-->if (x != 0){location.href='Music0'+x+'.mid'}}function FirstMusic(){x=1;document.MidiMusic.typein.value=Music [x]}function EndMusic(){x=Music.length-1;document.MidiMusic.typein.value=Music [x]}function PrevoiusMusic(){if (x>1){ x--;document.MidiMusic.typein.value=Music [x];}}function NextMusic(){var max= Music.length-1if (x<max){ x++;document.MidiMusic.typein.value=Music [x];}}</script><!-- 案例代码1结束--><hr width=300><!-- 案例代码2开始--><Form Name="MidiMusic"><!-- [Step4]: 在此可以更改文本框的列长度--><input Name="typein" type="text" size=25 align=top><br><font size=5 face="Helvetica"><input type=Button Value="|<<" Align=center onclick="FirstMusic()" ><input type=Button Value="<<" Align=center onclick="PrevoiusMusic()" ><input type=Button Value="播放" Align=center onclick="PlayMusic()" ><input type=Button Value=">>" Align=center onclick="NextMusic()" ><input type=Button Value=">>|" Align=center onclick="EndMusic()" ></font></form><!-- 案例代码2结束--></center></BODY></HTML>2 设置空值页面<HTML><HEAD><TITLE>播放音乐篇--设置控制页面</TITLE></HEAD><BODY bgcolor="#fef4d2" background="../images/background7.jpg" ><br><br><center><font color="ffaafa"><h2><font color="#FF0000">播放音乐篇--设置控制页面</font></h2></font><hr width=300><br><!-- 案例代码开始--><script language=JavaScript><!-- [Step1]: 这里能够设置播放音乐的总数目-->var MidiMusicNum = 3Now = new Date()index = Now.getTime()RandomNum = parseInt(((index - (parseInt(index/1000,10) * 1000))/10)/100*MidiMusicNum + 1,10)<!-- [Step2]: 在此可以按序增加播放的音乐-->if (RandomNum == (1)) MidiMusic=("Music01.mid")if (RandomNum == (2)) MidiMusic=("Music02.mid")if (RandomNum == (3)) MidiMusic=("Music03.mid")<!-- [Step3]: 这里能够更改控制页面的宽度、高度-->document.write('<embed src= "' + MidiMusic + '" width=210 height=60 autostart=true>')document.write('<bgsound src= "' + MidiMusic + '" autostart=true>')</script><!-- 案例代码结束--></center></BODY></HTML>3 无控制页面<HTML><HEAD><TITLE>播放音乐篇--无控制页面</TITLE></HEAD><BODY bgcolor="#fef4d2" background="../images/background9.jpg" ><br><br><center><font color="ffaafa"><h2><font color="#FF0000">播放音乐篇--无控制页面</font></h2></font><hr width=300><br><br><!-- 案例代码开始--><script language=JavaScript><!-- [Step1]: 这里可以设置播放音乐的总数目-->var MidiMusicNum = 3Now = new Date()index = Now.getTime()RandomNum = parseInt(((index - (parseInt(index/1000,10) * 1000))/10)/100*MidiMusicNum + 1,10)<!-- [Step2]:在此能够按序增加播放的音乐-->if (RandomNum == (1)) MidiMusic=("Music01.mid")if (RandomNum == (2)) MidiMusic=("Music02.mid")if (RandomNum == (3)) MidiMusic=("Music03.mid")document.write('<embed src= "' + MidiMusic + '" autostart=true loop=true hidden=true >')document.write('<bgsound src= "' + MidiMusic + '" autostart=true loop=true hidden=true >')</script><!-- 案例代码结束--></center></BODY></HTML>4 选择音乐<HTML><HEAD><TITLE>播放音乐篇--选择音乐</TITLE></HEAD><BODY bgcolor="#fef4d2" background="../images/background8.jpg" ><br><br><center><font color="ffaafa"><h2><font color="#FF0000">播放音乐篇--选择音乐</font></h2></font><hr width=300><br><!-- 案例代码开始--><!-- [Step1]: 这里可以更改页面显示的提示信息--><!-- [Step2]: 在此能够设置提示信息的大小--><font face="Helvetica" size=2>请选择并播放音乐:</font><p align="center"><font face="Helvetica" ><form><select name=list><!-- [Step3]: 这里可以按序增加选择播放的音乐--><option value=Music01.mid selected>音乐一<option value=Music02.mid>音乐二<option value=Music03.mid>音乐三</select><inputonclick=top.location.href=this.form.list.options[this.form.list.selectedIndex].value type=button value="播放"></form></font><p></p><!-- 案例代码结束--></center></BODY></HTML>5 音乐播放器<HTML><HEAD><TITLE>播放音乐篇--音乐播放器</TITLE></HEAD><BODY bgcolor="#fef4d2" background="../images/background8.jpg" > <br><br><center><font color="ffaafa"><h2><font color="#FF0000">播放音乐篇--音乐播放器</font></h2> </font><hr width=300><br><br><!-- 案例代码1开始--><script language=JavaScript>IndexLayer = (yers) ? 1:0IndexAll = (document.all) ? 1:0function PlayMusic() {if (IndexLayer) document.Music.play(true)if (IndexAll) { document.Music.stop();document.Music.play() }}function StopMusic() {document.Music.stop()}</script><!-- 案例代码1结束--><!-- 案例代码2开始--><!-- [Step1]: 在此可以更改页面显示的提示信息--><a href="#" onclick="PlayMusic()">播放</a><a href="#" onclick="StopMusic()">停止</a><!-- [Step2]: 这里能够修改播放的音乐名称--><embed src="Music01.mid" name=Music autostart=false loop=true hidden=true></embed><!-- 案例代码2结束--></center></BODY></HTML>6 图形导航<HTML><HEAD><TITLE>播放音乐篇--图形导航</TITLE></HEAD><BODY bgcolor="#fef4d2" background="../images/background3.jpg" ><br><br><center><font color="ffaafa"><h2><font color="#FF0000">播放音乐篇--图形导航</font></h2></font><hr width=300><br><!-- 案例代码1开始--><script language=JavaScript>function PictureMusic1(sound1) { document.sound1.play();}function PictureMusic2(sound2) { document.sound2.play();}</script><!-- 案例代码1结束--><!-- 案例代码2开始--><!-- [Step1]: 这里可以更改图形对应的音乐名称--><embed name=sound1 src=Music01.mid autostart=false hidden=true mastersound loop=false></embed> <a href="#" onclick=PictureMusic1(sound1)><!-- [Step2]: 在此能够设置页面上显示的图形名称--><!-- [Step3]: 这里可以更改图形的宽度、高度--><!-- [Step4]: 在此能够修改图形的边界框的大小,数值大边框粗--><img src=gif1.gif width=90 height=80 border=2></a> <embed name=sound2 src=Music02.mid autostart=false hidden=true mastersound loop=false></embed> <a href="#" onclick=PictureMusic2(sound2)> <img src=Picture004.jpg width=100 height=80 border=2></a><!-- 案例代码2结束--></center></BODY></HTML>7 页面加载音乐<HTML><HEAD><TITLE>播放音乐篇--页面加载音乐</TITLE></HEAD><BODY bgcolor="#fef4d2" background="../images/background1.jpg" ><br><br><center><font color="ffaafa"><h2><font color="#FF0000">播放音乐篇--页面加载音乐</font></h2></font><hr width=300><br><br><!-- 案例代码开始--><script language=JavaScript><!-- [Step1]:在此能够设置页面加载播放的音乐名称-->document.write('<embed src= "'+"Music03.mid"+'" autostart=true loop=true hidden=true>')</script><!-- 案例代码结束--></center></BODY></HTML>。

JavaScript实现的在线音乐播放器开发

JavaScript实现的在线音乐播放器开发

JavaScript实现的在线音乐播放器开发随着互联网的普及和发展,人们获取音乐的方式也越来越多样化,其中在线音乐播放器成为了人们日常生活中不可或缺的一部分。

在这篇文章中,我们将探讨如何使用JavaScript来开发一个简单而功能强大的在线音乐播放器。

1. 概述在线音乐播放器是一种基于Web技术的应用程序,通过浏览器即可实现在线播放音乐的功能。

使用JavaScript语言可以轻松地操作DOM元素、控制音频文件的播放、暂停、调整音量等功能,从而实现一个完整的音乐播放器。

2. 准备工作在开始开发之前,我们需要准备以下工作:音频文件:准备好需要播放的音频文件,可以是mp3、wav等格式。

HTML结构:创建一个包含播放器控件的HTML页面。

CSS样式:美化播放器界面,使其更加吸引人。

JavaScript代码:编写控制音乐播放的JavaScript代码。

3. HTML结构首先,我们需要在HTML中创建播放器所需的DOM结构,包括播放/暂停按钮、音量控制、进度条等元素。

以下是一个简单的HTML结构示例:示例代码star:编程语言:html<div id="music-player"><audio id="audio-player" src="music.mp3"></audio><button id="play-pause-button">Play</button><input type="range" id="volume-control" min="0" max="100" value="50"><input type="range" id="progress-bar" min="0"max="100" value="0"></div>示例代码end4. CSS样式接下来,我们可以使用CSS样式对播放器进行美化,使其看起来更加专业和吸引人。

网页音乐播放器代码

网页音乐播放器代码

插音乐播放器<embed src=这里填写你要放的歌曲地址 width=216 height=39 autostart="true"loop="false" id=MediaPlayer name="MediaPlayer">一、文字标记基本代码如下:<P align=center><FONT color=#0066ff face=隶书 size=5>插入文字</FONT></P>align=center 表示字体居中,可选值为居右(right)居左(left)color=颜色代码face=字体常用字体为:宋体.黑体.楷体.仿宋.幻缘.新宋体.细明体等size=字体大小,这里的最大值为7 取值越大文字就越大1.字体变化 <font>..........</font>a.字体大小 <font size=#>..........</font> #=1~7;数字愈大字也愈大b.指定字型 <font face="字体名称">..........</font>c.文字颜色 <font color=#rrggbb>..........</font>rr:表红色(red)色码gg:表绿色(green)色码bb:表蓝色(blue)色码rrggbb也可用6位颜色代码数字2.粗体字 <b>..........</b>3 字体加粗<STRONG>..........</STRONG>和<b>标签差不多的效果4.换行(也称回车) <br>5.分段标记 <p>文字的对齐方向 <p align="#"> #号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐 P.S.<p align="#">之后的文字都会以所设的对齐方式显示,直到出现另一个<p align="#">改变其对齐方向,遇到<hr>或<h#>标签时会自动设回预设的向左对齐。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

网页中添加音乐播放器代码<embed controller="true" width="300" height="40" src="/lrc/1.wma" border="0" >(一)基本语法: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、flase说明:该属性规定控制面板是否显示,默认值为flase。

ture:隐藏面板;flase:显示面板。

示例:<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>(默认0为否,-1或1为是)<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="MediaPlayer1" width="286" height="225"><param name="AudioStream" value="-1"><param name="AutoSize" value="-1"><!--是否自动调整播放大小--><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"><!--左右声道平衡,最左-9640,最右9640--><param name="BaseURL" value><param name="BufferingTime" value="15"><!--缓冲时间--><param name="CaptioningID" value><param name="ClickToPlay" value="-1"><param name="CursorType" value="0"><param name="CurrentPosition" value="0"><!--当前播放进度-1 表示不变,0表示开头单位是秒,比如10表示从第10秒处开始播放,值必须是-1.0或大于等于0--><param name="CurrentMarker" value="0"><param name="DefaultFrame" value><param name="DisplayBackColor" value="0"><param name="DisplayForeColor" value="16777215"><param name="DisplayMode" value="0"><param name="DisplaySize" value="0"><!--视频1-50%, 0-100%, 2-200%,3-全屏其它的值作0处理,小数则采用四舍五入然后按前的处理--><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="01.wma" valuetype="ref"><!--播放的文件地址--><param name="InvokeURLs" value="-1"><param name="Language" value="-1"><param name="Mute" value="0"><!--是否静音--><param name="PlayCount" value="10"><!--重复播放次数,0为始终重复--><param name="PreviewMode" value="-1"><param name="Rate" value="1"><!--播放速率控制,1为正常,允许小数--><param name="SAMIStyle" value><!--SAMI样式--><param name="SAMILang" value><!--SAMI语言--><param name="SAMIFilename" value><!--字幕ID--><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="-1"><!--是否显示音量控制--><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"><!--显示黑色框的颜色, 为RGB值,比如ffff00为黄色--><param name="VideoBorder3D" value="0"><param name="Volume" value="0"><!--音量大小,负值表示是当前音量的减值,值自动会取绝对值,最大为0,最小为-9640--><param name="WindowlessVideo" value="0"><!--如果是0可以允许全屏,否则只能在窗口中查看--></object>上面的这个播放器是老式的那种,6.4版本!新式播放器是在MediaPlayer9.0以后出现的,也就是说只有装了9.0或9.0以上的播放器才能正常使用的。

相关文档
最新文档