网页mp3播放器代码站长（网页音乐播放器代码）

今天给各位分享网页mp3播放器代码站长的知识，其中也会对网页音乐播放器代码进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、网页音乐播放器代码
• 2、求一网页MP3播放器代码
• 3、HTML网页中的音乐播放代码
• 4、在网页中如何使用代码循环播放MP3
• 5、网页中怎么写自动播放mp3音乐的代码

网页音乐播放器代码

代码类型的免费播放器代码

javascript:window.top.space_addItem(6,42556,294,-15,0,0,0);

更多的代码：

使用方法：复制上面的代码，到你的QQ空间，单击【自定义】将代码粘贴到浏览器的地址栏（输入网址的地方）然后敲回车键，或者单击地址栏右侧的【转到】，这个时候你就能看到播放器的样式了，最后记得【保存】

这个是添加播放器的方法，下面是添加背景音乐的方法

第一步：单击【音乐盒】--【添加背景音乐】

第二步：单击【添加网络音乐】

第三步：填写你的音乐地址。提交

第四步：单击【设置为背景音乐】

这样就完成了添加背景音乐，可以添加5首背景音乐

注意：由于QQ空间对音乐的地址要求比较严格，所以音乐地址必须是能在线试听的，而且地址中不能有

=号或者........号，如果你能在线试听，不能在QQ空间播放也没关系，再换一首试试

详细的一个图文教程

求一网页MP3播放器代码

html

head

titleaboutplayer/title

style

body {

overflow:auto;

font-size:12px;

cursor:default;

background-color: #977E4A;

}

#table01 {

font-size:12px;

background-Color:black;

color:white;

text-align:center;

}

#playListTitle {

background-Color:#001122;

color:white;

font-size:12px;

font-weight:bold;

width:100%;

height:16px;

padding:2px;

}

#playList {

width:150px;

height:225px;

margin:0px;

font-size:12px;

background-Color:black;

color:white;

}

#musicList {

width:200px;

border:buttonface 4px groove;

height:80px;

position:absolute;

right:5px;

top:23px;

left: -1px;

}

#musicListTitle {

font-size:13px;

width:100%;

height:20px;

background-Color:#C5FFC5;

padding:3px;

font-weight:bold;

}

#musicList a {

text-decoration:none;

width:100%;

height:20px;

line-height:20px;

font-szie:20px;

line-height:20px;

padding-top:5px;

padding-left:10px;

}

#musicList a:hover {

background-Color:#E5FFE5;

}

.style1 {

color: #006699;

font-weight: bold;

}

.style2 {font-size: 12px}

a:link {

text-decoration: none;

}

a:visited {

text-decoration: none;

}

a:hover {

text-decoration: none;

}

a:active {

text-decoration: none;

}

.style4 {font-size: 12px; color: #FFFF33; }

.style7 {font-family: "Times New Roman", Times, serif}

/style

script

function playList_dragOver(){

event.returnValue=false;

}

function playList_dragEnter(){

event.returnValue=false;

event.dataTransfer.dropEffect='link';

}

function addMusic(){

if(event.srcElement.tagName=='A'){

strTxt=event.srcElement.innerText;

strURL=event.srcElement.href;

playList.innerHTML="";

playList.options[0]=new Option(strTxt,strURL);

playList.options[0].selected=true;

}

event.returnValue=false;

playList_dblClick();

return(false);

}

function playList_drop(){

strTxt=unescape(event.dataTransfer.getData('Text').split(":")[0]);

strURL=unescape(event.dataTransfer.getData('Text').split(":")[1]);

playList.options[playList.options.length]=new Option(strTxt,strURL);

}

function playList_keyDown(){

if(event.keyCode==46){

try{

playList.options[playList.options.selectedIndex].outerHTML="";

}catch(e){}

return(false);

}

if(event.keyCode==13){

playList_dblClick();

return(false);

}

}

function playList_dblClick(){

MediaPlayer1.detachEvent("PlayStateChange",checkPlayStatus);

MediaPlayer1.fileName=playList.value;

MediaPlayer1.play();

setTimeout('MediaPlayer1.play();MediaPlayer1.attachEvent("PlayStateChange",checkPlayStatus);',1000);

}

function musicList_dragStart(){

if(event.srcElement.tagName=='A'){

event.dataTransfer.setData('Text',escape(event.srcElement.innerText)+":"+escape(event.srcElement.href));

}else{

return(false);

}

}

function init(){

MediaPlayer1.AutoRewind=false;

MediaPlayer1.AutoStart=true;

MediaPlayer1.SendPlayStateChangeEvents=true;

MediaPlayer1.attachEvent("PlayStateChange",checkPlayStatus);

}

function checkPlayStatus(oldState,newState){

try{

if(MediaPlayer1.PlayState==0){

MediaPlayer1.detachEvent("PlayStateChange",checkPlayStatus);

MediaPlayer1.stop();

if(playList.options.selectedIndexplayList.options.length-1){

playList.options[playList.options.selectedIndex+1].selected=true;

}else{

playList.options[0].selected=true;

}

MediaPlayer1.fileName=playList.value;

MediaPlayer1.play();

setTimeout('MediaPlayer1.play();MediaPlayer1.attachEvent("PlayStateChange",checkPlayStatus);',1000);

}

}catch(e){}

}

/script

script

function doFull()

{

var objId = "MediaPlayer1";

var funcStr = objId + ".displaySize = 3";

eval(funcStr);

}

/script

meta http-equiv="Content-Type" content="text/html; charset=gb2312"body onload="init();"

table id=table01

tr

td

object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="MediaPlayer1" width="286" height="225" STANDBY="Loading Windows Media Player components..." TYPE="application/x-oleobject"

param name="AudioStream" value="-1"

param name="AutoSize" value="-1"

!--是否自动调整播放大小--

param name="AutoStart" value="0"

!--是否自动播放--

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="" 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.0-2.0倍的速度播放--

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="-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,最大0--

param name="WindowlessVideo" value="0"

embed src="-1" width="286" height="225" autostart="0" audiostream="-1" autosize="-1" animationatstart="-1" allowscan="-1" allowchangedisplaysize="-1" autorewind="0" balance="0" baseurl="value" bufferingtime="15" captioningid="value" clicktoplay="-1" cursortype="0" currentposition="0" currentmarker="0" defaultframe="value" displaybackcolor="0" displayforecolor="16777215" displaymode="0" displaysize="0" enabled="-1" enablecontextmenu="-1" enablepositioncontrols="-1" enablefullscreencontrols="-1" enabletracker="-1" filename="" invokeurls="-1" language="-1" mute="0" playcount="10" previewmode="-1" rate="1" samilang="value" samistyle="value" samifilename="value" selectionstart="-1" selectionend="-1" sendopenstatechangeevents="-1" sendwarningevents="-1" senderrorevents="-1" sendkeyboardevents="0" sendmouseclickevents="0" sendmousemoveevents="0" sendplaystatechangeevents="-1" showcaptioning="0" showcontrols="-1" showaudiocontrols="-1" showdisplay="0" showgotobar="0" showpositioncontrols="-1" showstatusbar="-1" showtracker="-1" transparentatstart="-1" videoborderwidth="0" videobordercolor="0" videoborder3d="0" volume="0" windowlessvideo="0"/embed

!--如果是0可以允许全屏,否则只能在窗口中查看--

/object

/td

td

div id=playListTitlePlay List:/div

select id=playList size=2 ondragover="playList_dragOver();" ondragenter="playList_dragEnter();"

ondrop="playList_drop();" onkeydown="playList_keyDown();" ondblclick="playList_dblClick();"

/select

/td

/tr

/table

script language="JavaScript1.2"

var dragswitch=0

var nsx

var nsy

var nstemp

function drag_dropns(name){

temp=eval(name)

temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP)

temp.onmousedown=gons

temp.onmousemove=dragns

temp.onmouseup=stopns

}

function gons(e){

temp.captureEvents(Event.MOUSEMOVE)

nsx=e.x

nsy=e.y

}

function dragns(e){

if (dragswitch==1){

temp.moveBy(e.x-nsx,e.y-nsy)

return false

}

}

function stopns(){

temp.releaseEvents(Event.MOUSEMOVE)

}

//drag drop function for IE 4+////

/////////////////////////////////

var dragapproved=false

function drag_dropie(){

if (dragapproved==true){

document.all.showimage.style.pixelLeft=tempx+event.clientX-iex

document.all.showimage.style.pixelTop=tempy+event.clientY-iey

return false

}

}

function initializedragie(){

iex=event.clientX

iey=event.clientY

tempx=showimage.style.pixelLeft

tempy=showimage.style.pixelTop

dragapproved=true

document.onmousemove=drag_dropie

}

if (document.all){

document.onmouseup=new Function("dragapproved=false")

}

////drag drop functions end here//////

function hidebox(){

if (document.all)

showimage.style.visibility="hidden"

else if (document.layers)

document.showimage.visibility="hide"

}

/script

div id="showimage" style="position:absolute; width:500px; left:465px; top:18px; height: 0px;"

table border="0" width="199" cellspacing="0" cellpadding="0"

tr

td width="100%"table border="0" width="100%" cellspacing="0" cellpadding="0"

height="36"

tr

td width="100%" bgcolor="#C6FFC6" style="padding:4px" onMousedown="initializedragie()"ilayer width="100%" onSelectStart="return false"layer width="100%" onMouseover="dragswitch=1;drag_dropns(showimage)" onMouseout="dragswitch=0" class="style1"

div align="left" class="style2"

div align="center"用鼠标按着我拖拖看span class="style7"^o^/span/div

/div

/layer

/ilayer/td

td bgcolor="#00CCFF" style="cursor:hand"stronga href="#" onClick="hidebox();return false"×/a/strong/td

/tr

tr

td width="100%" style="padding:4px" colspan="2"p /p

div id=musicList ondragstart="musicList_dragStart();"

div class="style2" id=musicListTitleAll Music/div

span class="style2"a href="" onclick="addMusic();"麻吉弟弟 甜蜜蜜/abr

a href="" onclick="addMusic();"第一滴泪 - 动力火车/abr

a href="" onclick="addMusic();"半糖主义 - SHE/abr

a href="" onclick="addMusic();"发如雪 - 周杰伦/a/spanbr

hr

span class="style4"Tips: 把歌曲拖入播放列表br

/span

input type="button" class="style2" onclick="doFull();" value="全屏/ESC返回"

/div

/td

/tr

/table

/td

/tr

/table

/div

div id=info/div

body

/html

各种网页播放器代码大全

HTML网页中的音乐播放代码

据个人了解

网页中的音乐播放代码有以下几种：

第一种:页面代码中的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=""/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

在网页中如何使用代码循环播放MP3

embed src=音乐链接地址 width=0 height=0 type=audio/mpeg loop="true" autostart="false"

支持的音乐格式: wma mp3 rm ra ram asf mid.

width和height为播放器宽度和高度,可以灵活设置,如果播放视频,可以设置到适合的数字.我设的是200和50

autostart="true"为自动播放,autostart="false"为不自动播放.

loop="true"为连续循环播放,loop="false"为不循环播放.

loop可以等于一个整数,比如loop="3",就是音乐循环播放3次.

如果你想别人一打开网页就能听到你的背景音乐，并且是循环播放的，那么就可以这样。

网页中怎么写自动播放mp3音乐的代码

1、新建一个记事本，打开，粘贴基本的代码。

2、htmlheadtitle这里填写标题/titlemeta name="keywords" content="这里填写关键词" /meta name="description" content="这里填写说明内容" /styletype="text/css"!--CSS样式代码位置--/style/headbody这里填写HTML代码/body/html。

3、保存，重命名改一下后缀 .html。

4、双击打开可以看到这是一个没有图片的网页。

5、返回文件右键选择记事本打开。

6、在 body /body直接插入代码img src="地址" width="长" height="高"  alt="描述" title="描述"。

7、保存，再刷新刚刚打开的网页，现在成功的在网页中怎么写插入图片的代码。

网页mp3播放器代码站长的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于网页音乐播放器代码、网页mp3播放器代码站长的信息别忘了在本站进行查找喔。