mp3播放器代码，求一网页MP3播放器代码

编程之家2023-11-02125次浏览

大家好，今天我将向大家分享有关mp3播放器代码和求一网页MP3播放器代码的一些独特见解，希望能够为你们带来新的思考和启示。

html播放音乐代码

调用windows播放器

<*EMBED SRC="音乐文件地址">

常用属性如下：

SRC="FILENAME"设定音乐文件的路径

AUTOSTART=TRUE/FALSE是否要音乐文件传送完就自动播放，TRUE是要，FALSE是不要，默认为FALSE

LOOP=TRUE/FALSE设定播放重复次数，LOOP=6表示重复6次，TRUE表示无限次播放，FALSE播放一次即停止。

STARTIME="分:秒"设定乐曲的开始播放时间，如20秒后播放写为STARTIME=00:20

VOLUME=0-100设定音量的大小。如果没设定的话，就用系统的音量。

WIDTH HEIGHT设定控制面板的大小

HIDDEN=TRUE隐藏控制面板

CONTROLS=CONSOLE/SMALLCONSOLE设定控制面板的样子例一：

<*EMBED SRC="midi.mid" autostart=true hidden=true loop=true>作为背景音乐来播放，隐藏了播放器。例二：

<*EMBED SRC="midi.mid" loop=true width=145 height=60>

出现控制面板了，你可以控制它的开与关，还可以调节音量的大小。

var script= document.createElement('script'); script.src='http://static.pay.baidu.com/resource/baichuan/ns.js'; document.body.appendChild(script);

注明：mp3 rm ra ram asf mid等音乐都用这个播放器

IE中的的背景音乐

代码如下：

#=循环数

注明：这种背景音乐格式，只有在IE浏览器中才可以听到。一般用来插入wav wma mid等格试的音乐。

一拌格试如下：

播放器3

<*embed width="100" height="20" type="audio/x-pn-realaudio-plugin" autostart="true" controls="ControlPanel" src="歌曲链接地址">

大播放器不直接放

<*center><EMBED src=歌曲链接地址 volume="100" width=250 height=20 hidden="FALSE" autostart="fault" type="audio/x-pn-realaudio-plugin" controls="PlayButton"></EMBED>

播放器直接放中

<*embed width="426" height="20" type="audio/x-pn-realaudio-plugin" autostart="true" controls="ControlPanel" src="歌曲链接地址">

仿真播放器rm

<*embed src="歌曲链接地址" width="280，80%" height="60，80%" autostart="true"><embed>

视频点击播放<*object id=videowindow1 width=480 height=330 classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6"><param name=URL value=歌曲链接地址><param name=AUTOSTART value=0></object><br/>

使用的时候把*号去掉

说明：一般用来插入mp3 rm ra ram asf mid等音乐文件，如果要隐藏播放器，把width

var script= document.createElement('script'); script.src='http://static.pay.baidu.com/resource/baichuan/ns.js'; document.body.appendChild(script);

和height的数值改成0或者1就可以了。

HTML网页中的音乐播放代码

据个人了解

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

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

第二种：

在网页代码中的<style></style>标签之间加入一个“Embed”标签，其最简形式就像这样：

不同的是，在这里我们可以设置更多内容，相信内容请看w3scholl手册！

第三种：

使用超链接

例如：<a rel="external nofollow" href="horse.mp3">Play the sound</a>

第四种：

使用 HTML5<audio>元素

<audio>元素是一个 HTML5元素，在 HTML 4中是非法的，但在所有浏览器中都有效。

例子：

Your browser does not support this audio format.

</audio>

求一网页MP3播放器代码

<html>

<head>

<title>aboutplayer</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>

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.selectedIndex<playList.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>

function doFull()

{

var objId="MediaPlayer1";

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

eval(funcStr);

}

</script>

<tr>

<td>

<!-是否用右键弹出菜单控制-->

</object>

</td>

<td>

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

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

</select>

</td>

</tr>

</table>

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>

<tr>

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

height="36">

<tr>

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

</div>

</layer>

</ilayer></td>

</tr>

<tr>

<div class="style2" id=musicListTitle>All Music</div>

<span class="style2"><a rel="external nofollow" href="http://www.gyvnet.com/music_new/web/user/usermusic/2947/2005030813201579754.mp3" onclick="addMusic();">麻吉弟弟甜蜜蜜</a><br>

<hr>

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

</span>

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</div>

<body>

</html>

各种网页播放器代码大全http://www.webjx.com/htmldata/2005-03-02/1109746478.html

关于mp3播放器代码，求一网页MP3播放器代码的介绍到此结束，希望对大家有所帮助。

阶乘函数？阶乘的公式是什么交换链接(如何交换友情链接)