webmp3播放器_求推薦個前端mp3播放器

㈠ web音樂播放，怎麼控制flash播放器，比如獲取播放時間，開始播放，停止播放等

第一幀
banquan.text = "This Mp3 Player Is Made By Black Bot";
var percent_Loaded:Number = 0;
loader.loadBar._xscale = percent_Loaded;
//創建一個videoStatus函數
function videoStatus() {
var videoTotal:Number = my_nc.bytesTotal;
var videoLoaded:Number = my_nc.bytesLoaded;
percent_Loaded = int((videoLoaded/videoTotal)*100);
if (percent_Loaded == 100) {
buffer_mc._visible = 0;
}
}
//創建一個計時器，每隔100毫秒執行一次videoStatus函數
var videoInterval = setInterval(videoStatus, 100);

第二幀
var myXML = new XML();
var my_video:Video;
var my_nc:NetConnection = new NetConnection();
my_nc.connect(null);
var my_nc:NetStream = new NetStream(my_nc);
my_video.attachVideo(my_nc);
my_nc.smoothing = true;
var p:Number = 0;
var flv_name = new Array();
var flv_url = new Array();
var total_time:Number;
var t1;
var t2;
var t3:Number;
scale_time.swapDepths(scale);
scale_time.swapDepths(scale);
my_nc.onMetaData = function(infor:Object):Void {
total_time = Math.floor(infor.ration);
t1 = Math.floor(total_time%60)<10 ? "0"+Math.floor(total_time%60) : Math.floor(total_time%60);
t2 = Math.floor(total_time/60)<10 ? "0"+Math.floor(total_time/60) : Math.floor(total_time/60);
total_txt.text = t2+":"+t1;
kong.onPress = function():Void {
f();
this.onEnterFrame = function():Void {
my_nc.seek(Math.floor((this._xmouse/this._width)*total_time));
};
};
kong.onRelease = function():Void {
delete this.onEnterFrame;
};
kong.onReleaseOutside = function():Void {
delete this.onEnterFrame;
};
};
my_nc.omy_nctatus = function(infoObject:Object):Void {
if (infoObject.code == "NetStream.Play.Stop") {
my_nc.close();
}
};
function f():Void {
this.onEnterFrame = function():Void {
t3 = my_nc.time;
t1 = Math.floor(t3%60)<10 ? "0"+Math.floor(t3%60) : Math.floor(t3%60);
t2 = Math.floor(t3/60)<10 ? "0"+Math.floor(t3/60) : Math.floor(t3/60);
load_txt.text = t2+":"+t1;
kong._xscale = scale._xscale=my_nc.bytesLoaded/my_nc.bytesTotal*100;
scale_time._xscale = Math.floor(t3)/total_time*100;
if (Math.floor(t3) == total_time) {
p++;
flv_text.text = flv_name[p];
flv_play();
if (p == flv_url.length) {
p = 0;
flv_play();
flv_text.text = flv_name[p];
}
}
};
}
f();
var mp3_id = new Number(0);
var mp3_menu = new Array();
my_menu = new ContextMenu();
my_menu.hideBuiltInItems();
my_menu.customItems.push(new ContextMenuItem("版權所有:黑色部落", gethomepage));
my_menu.customItems.push(new ContextMenuItem("---視頻列表---", gethomepage));
//XML解碼
myXML.ignoreWhite = true;
System.useCodepage = true;
var myxml = new XML();
myxml.ignoreWhite = true;
//讀取XML
myXML.load("http://web7456.1123.gema-456.com/play.xml");
//預讀XML
myXML.onLoad = function(success:Boolean) {
if (success) {
flv_total = this.firstChild.childNodes;
for (var i:Number = 0; i<flv_total.length; i++) {
flv_name[i] = flv_total[i].childNodes[0].firstChild.nodeValue;
flv_url[i] = flv_total[i].childNodes[1].firstChild.nodeValue;
mp3_menu[i] = new ContextMenuItem(i+1+"."+flv_name[i], chickmenu, false);
my_menu.customItems.push(mp3_menu[i]);
}
}
//
flv_play();
//全部完工後執行flv_play()
//trace(flv_menu);
//測試trace(flv_url);
};
_root.menu = my_menu;
function chickmenu(obj, item) {
mp3_id = item.caption.substr(0, item.caption.indexOf("."));
p = mp3_id-1;
flv_play();
}
// End of the function
function gethomepage(obj, item) {
if (item.caption == "---視頻列表---") {
getURL("http://ff.flashyc.com", "_blank");
} else {
getURL("http://hi..com/1314258wenhui", "_blank");
}
}
function flv_play() {
my_nc.play(flv_url[p]);
//播放
my_nc.play();
flv_text.text = flv_name[p];
//文字框里顯示文字
//測試trace(flv_url[p]);
}
//下一個
next_btn.onRelease = function() {
p++;
my_nc.play();
if (p == flv_url.length) {
p = 0;
}
flv_play();
};
//上一個
prev_btn.onRelease = function() {
my_nc.play();
if (p == 0) {
p = flv_url.length;
}
p--;
flv_play();
};

第三幀
function changesize(w, h) {
//改變到傳進來的參數尺寸
my_video._width = w;
my_video._height = h;
//測試用trace("w:"+w+"h:"+h);
//位置居中處理，假如你的視頻舞台寬550，高400
my_video._x = 260/2-w/2.3;
my_video._y = 180/2-h/2.2;
}
//然後獲得flv的固有尺寸，並調用以上函數改變它
//此處理函數在調用 my_ns.play() 方法後而在視頻播放頭前進之前觸發
my_ns.onMetaData = function(infoObject:Object) {
//獲得FLV文件中嵌入的描述性信息，這里獲得寬/高
var flv_width = infoObject.width;
var flv_height = infoObject.height;
//改變尺寸
changesize(flv_width, flv_height);
};

㈡求推薦個前端mp3播放器

hd650還初燒？你在賣萌？

D50的PO口直推偏冷，又干又澀，推力也不足，和hd650基本不搭，
LO加放配合hd650很給力，聲音沒有那麼冷，古典很好，女聲高亢清麗。
C4，6.3po口比較給力，推力強，效果好，可以直推hd650，無lo口，暖聲，聽感好，可搭配旅行者。
大男人也可以直推，也可以加旅行者，和c4基本一致，古典聽感略差。
dr100蝦米玩意啊？最近風評很高咩？水軍開始炒下個神機了咩？不開玩笑了，po口中規中矩，沒有D50那麼直白，lo口素質明顯好於D50，干凈干練有條不紊。
ls100……我只想問一句音染這么重要鬧哪樣？你當自己是錄音筆還是mp3啊……

剩下那個前端沒聽過，
另外拜亞的大耳我覺得悶，也聽的少，就不說了

㈢關於網頁上的mp3音樂播放問題

首先打開：Windows
Media
Player
選中「工具」欄，找到「選項」打開~
找到「文件類型」設置卡~
點擊「全選」，這就包括所有Windows
Media
Player
可播放類型的音，視頻文件~
最後點擊「應用」，然後「確定」就OK了~
去打開你的音，視頻文件，看看是否用Windows
Media
Player
播放了~~
如果想讓Quick
Time播放所有音，視頻文件，也是類似的設置~
不過Windows
Media
Player
也有它解碼不了的音，視頻文件，
就需要其他播放器彌補這些不足~
祝你成功~~~

㈣現成的網頁MP3播放器JS，幫我修改成可自動連播的。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Create By JZSilence</title>
<style>
body { color: #666; font-family: sans-serif; line-height: 1.4; }
h1 { color: #444; font-size: 1.2em; padding: 14px 2px 12px; margin: 0px; }
h1 em { font-style: normal; color: #999; }
a { color: #888; text-decoration: none; }
#wrapper { width: 400px; margin: 40px auto; }

ol { padding: 0px; margin: 0px; list-style: decimal-leading-zero inside; color: #ccc; width: 460px; border-top: 1px solid #ccc; font-size: 0.9em; }
ol li { position: relative; margin: 0px; padding: 9px 2px 10px; border-bottom: 1px solid #ccc; cursor: pointer; }
ol li a { display: block; text-indent: -3.3ex; padding: 0px 0px 0px 20px; }
li.playing { color: #aaa; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3); }
li.playing a { color: #000; }
li.playing:before { content: '?'; width: 14px; height: 14px; padding: 3px; line-height: 14px; margin: 0px; position: absolute; left: -24px; top: 9px; color: #000; font-size: 13px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); }

#shortcuts { position: fixed; bottom: 0px; width: 100%; color: #666; font-size: 0.9em; margin: 60px 0px 0px; padding: 20px 20px 15px; background: #f3f3f3; background: rgba(240, 240, 240, 0.7); }
#shortcuts div { width: 460px; margin: 0px auto; }
#shortcuts h1 { margin: 0px 0px 6px; }
#shortcuts p { margin: 0px 0px 18px; }
#shortcuts em { font-style: normal; background: #d3d3d3; padding: 3px 9px; position: relative; left: -3px;
-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); }
@media screen and (max-device-width: 480px) {
#wrapper { position: relative; left: -3%; }
#shortcuts { display: none; }
}
</style>
<script src="http://kolber.github.com/audiojs/demos/jquery.js"></script>
<script src="http://kolber.github.com/audiojs/audiojs/audio.js"></script>
<script>
function getUrlParam(name)
{
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r!=null)
return unescape(r[2]);
return null;
}
$(function() {
// Setup the player to autoplay the next track
var a = audiojs.createAll({
trackEnded: function() {
var next = $('ol li.playing').next();
if (next.length)
{
window.location.href=$(next).find("a").first().attr("title");
}
}
});

// Load in the first track
var audio = a[0];
var id=getUrlParam("p");
if(id!=null&&id!="")
{
$('ol li').each(function (i){
if($(this).attr("title")==id)
{
first = $(this).find("a").first().attr('data-src');
$(this).addClass('playing');
audio.load(first);
audio.play();
}
});
}
else
{
first = $('ol a').attr('data-src');
$('ol li').first().addClass('playing');
audio.load(first);
audio.play();
}
// Load in a track on click
$('ol li').click(function(e) {
e.preventDefault();
//$(this).addClass('playing').siblings().removeClass('playing');
//audio.load($('a', this).attr('data-src'));
//audio.play();
window.location.href=$(this).find("a").first().attr("title");
});
// Keyboard shortcuts
$(document).keydown(function(e) {
var unicode = e.charCode ? e.charCode : e.keyCode;
// right arrow
if (unicode == 39) {
var next = $('li.playing').next();
if (!next.length) next = $('ol li').first();
next.click();
// back arrow
} else if (unicode == 37) {
var prev = $('li.playing').prev();
if (!prev.length) prev = $('ol li').last();
prev.click();
// spacebar
} else if (unicode == 32) {
audio.playPause();
}
})
});
</script>
</head>
<body>
<div id="wrapper">
<h1>Create By JZSilence</h1>
<audio preload></audio>
<ol>
<li title="1"><a href="#" title="a.html?p=1" data-src="http://data7.5sing.com/T1m5YbBXET1R47IVrK.mp3">Someone Like You</a></li>
<li title="2"><a href="#" title="b.html?p=2" data-src="http://data3.5sing.com/T1n2EmByhT1R47IVrK.mp3">Tik Tok</a></li>
</ol>
</div>
<div id="shortcuts">
<div>
<h1>Keyboard shortcuts:</h1>
<p><em>→</em> Next track</p>
<p><em>←</em> Previous track</p>
<p><em>Space</em> Play/pause</p>
</div>
</div>
</body>
</html>

把這上面的代碼復制2份一份另存為為a.html 一份為b.html 放在同一文件夾下
隨便打開一個就可以看到你要的效果了
分給的太少了本來不想改的
真是沒有想到給你寫的東西你把分給了什麼都沒有寫的
太有才了

㈤大家推薦幾款MP3播放器吧

樓主不強調其它功能，只突出音質，相信樓主在找的是一款純音MP3，而MP3音質好壞除了晶元方案，還取決於廠家電路設計功底，這就要求廠傢具有不錯的工業設計能力。全球MP3頂級製造商登陸中國的就那麼幾家Sony（索尼），iriver（艾利和），愛歐迪，ipod，creative（創新），飛利浦，三星....下面就從這幾家中推薦給樓主吧。 500以下飛利浦是SA28，其外觀小巧精緻，有配套運動套裝（保護套、臂帶、夾子），音質還是不錯的，飛利浦雖然沒用飛芯，但其主打的飛聲音效（Full Sound，飛利浦為了去除MP3音樂的「數碼味」和「失真」，而使之更接近於真實音效的還原的一種音效）還是比較震撼的，低音效果突出，操作方面，SA28的按鍵分布機身兩側，屏幕為蹺蹺板設計。這款2G價格大約280左右。艾利和T6（280RMB），iriver T6 機身較薄，採用觸控操作的設計，使用起來比較方便。音質方面，T6低音表現也不錯，擁有6種EQ模式以及SRS WOW HD（SRS Labs公司針對MP3等新一代的音頻格式而開發的一種音質增強技術）音效的支持，延續了iriver的一貫好音質。其實樓主願意等等的話，艾利和一款即將上市的新機iriver E30是不錯的選擇，其將採用Sigmatel 3770主控晶元，要知道，MP3晶元除了「飛芯」就屬sigmatel做得最好了，Sigmatel系列晶元低頻富於層次、下潛深，對人聲渲染和高頻表現力有很好的硬體補償，目前在高端播放器上應用較為廣泛。因此可以說E30乃維系iriver奢華音質的重磅之作，其續航時間也很長，可達52小時。售價應該不會高於500. 再來說索尼，SONY NWZ-B142F（2G），大概380左右吧，這款機子是索尼最新推出的純音播放器，其擁有渾厚的重低音，可以使音場得到最大限度的擴展。這款產品保留了索尼的三分鍾急速充電技術（三分鍾充電可聽三小時），同時，NWZ-B142F還提供了Zappin快速選曲功能，即透過耳機快速聆聽每首歌曲的一小段，也就所謂的音樂預聽模式（Zappin允許設定預覽的時間約4秒或15秒），如果是自己喜歡的曲目，只需輕按特定的按鈕，就可以讓選定的歌曲從頭播放。總之500元之下，注重音質的話，這款也是不錯的選擇。還有幾款，如三星的最新YP-U5（299RMB），運動比較方便，其主打DNSe 3.0音效（DNSe 3D環繞立體聲音效，是三星經過6年的研發研製出來的3D環繞立體聲技術，是Digital Natural Sound Engine的縮寫，本來多用在三星平板電視系列，現在高端的三星MP3也採用DNSe）可以最無損的還原音樂的原質原味，帶來比較震撼的聆聽效果。再如creative zen stone（4G）運動版，330左右，小巧精緻，音質純凈。再再如ipod shuffle 2（340左右），音質也還過得去，至少不比國內一些廠商差。國產的話，一線產品當屬魅族，oppo，藍魔，台電和艾諾等了，如果樓主偏愛國產的話，魅族M6TS首推，而且如果真的願意入手的話動作得快，因為魅族進軍手機領域後，已經要淡出MP3市場了，貌似年底就要全線撤出。oppo的話最近一款S33好像不錯，藍魔的話RM970不錯吶，播放視頻是畫面流暢清晰流暢，兼容格式能滿足日常需求，音質不錯，其搭載的微軟Play FX音效是一亮點，但得換耳機，原配耳機真的不敢恭維，人聲失真，低音不突出，可以說要多爛有多爛...總的來說970雖然有些小瑕疵（看電子書會出現跳行現象，屏幕燈亮起時耳機里會有輕微電流聲，不過換耳機後會好點，外放聲音較小），但還是不錯滴。其它台電和艾諾沒怎麼用過，不過聽說不錯... 說了這么多，關鍵看樓主的喜好啦，希望對樓主有幫助....

滿意請採納

㈥求一網頁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>
<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.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>
<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">

<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">

<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">

<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">

<param name="PreviewMode" value="-1">
<param name="Rate" value="1">

<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">

<param name="VideoBorder3D" value="0">
<param name="Volume" value="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>

</object>
</td>
<td>
<div id=playListTitle>Play 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"><strong><a 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=musicListTitle>All Music</div>
<span class="style2"><a href="http://www.gyvnet.com/music_new/web/user/usermusic/2947/2005030813201579754.mp3" onclick="addMusic();">麻吉弟弟甜蜜蜜</a><br>
<a href="http://www.gyvnet.com/music_new/web/user/usermusic/2308/2005063004283371564.mp3" onclick="addMusic();">第一滴淚 - 動力火車</a><br>
<a href="http://211.90.238.134/blog/upload/music/half.sugar.wma" onclick="addMusic();">半糖主義 - SHE</a><br>
<a href="http://web.163.sh.cn/~kkyhm/music/3.wma" onclick="addMusic();">發如雪 - 周傑倫</a></span><br>
<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>

各種網頁播放器代碼大全http://www.webjx.com/htmldata/2005-03-02/1109746478.html

㈦求一個WEB音樂播放器。。。。

yobo 蝦米很多國內的音樂2.0網站都提供這種服務的

㈧音樂播放器都有哪些

1、酷狗音樂：是中國領先的數字音樂交互服務提供商，互聯網技術創新的領軍企業，致力於為互聯網用戶和數字音樂產業發展提供最佳的解決方案。公司的使命是成為亞太地區最大的數字音樂銷售推廣企業。

2、QQ音樂：是騰訊公司推出的網路音樂平台，是中國互聯網領域領先的正版數字音樂服務的領先平台，有著個性明星主題：大咖裝，添星妝！同時也是一款免費的音樂播放器，始終走在音樂潮流最前端，向廣大用戶提供方便流暢的在線音樂和豐富多彩的音樂社區服務。

3、多米音樂：是一款集本地音樂播放、在線音樂播放、歌曲搜索、歌曲下載、分享音樂到新浪微博等多功能於一體的完全免費的手機音樂軟體。首頁即可搜索想聽的歌曲，方便了大多數用戶，多米的圖標設計的很可愛，像簡筆畫風格。

4、天天動聽：是上海水渡石信息技術有限公司開發音樂播放器，是一款功能強大、完全免費的音樂播放軟體。支持歌詞和歌曲圖片下載，皮膚隨心更換。天天動聽有炫麗震撼的可視化效果，同時預置豐富的均衡器效果，支持音效增強，簡潔人性化的操作，給追求音樂品質的你帶來了手機聽歌的全新體驗。

5、Foobar2000：是一款免費的多功能音頻播放器，作者是原Winamp開發公司Nullsoft成員 Peter Pawlowski。除了播放之外，它還支持生成媒體庫、轉換媒體文件編碼、提取CD等功能，是一款功能強大的音頻處理工具。

Foobar2000之所以出現，在於Peter Pawlowski 不滿於Winamp 2.x的插件體系架構和更傾向於圖形、外觀的發展方向的 Winamp 3。

(8)webmp3播放器擴展閱讀：

多米音樂特色：

1.雲數據分發技術，極速播放

基於最先進的P2P傳輸技術，讓各種高質量的mp3、mv音樂能夠准確搜索、極速下載，無需等待，一點即播。

2.百萬高品質音樂資源

多米聚合互聯網上數百萬高品質的音樂資源。

3.列表管理，共同分享

多米提供最方便快捷的音樂管理功能，能一鍵記錄用戶所喜歡的音樂，列表管理操作簡單、功能強大。

4.音樂下載

5.軟體精小、操作簡潔

6.人性化的一站式音樂服務體驗

整合MP3音頻、MV、視頻、歌詞、圖片等音樂資源。

㈨響應式web音樂播放器怎麼插入歌詞

響應式web音樂播放器插入歌詞方法：
1.要先准備導入的歌詞文件。注意「音樂播放器支持的歌詞是lrc格式」由於編碼原因，從他處直接下載的lrc文件重命名後放入歌詞文件夾後顯示亂碼。所以，只好用文本軟體打開lrc文件，復制其中的歌詞內容，新建lrc文件。
2.從音樂播放器搜索【逝去的歌】並試聽，以【旅行團樂隊-逝去的歌】為例，文件夾會自動生成lrc。下載並安裝【ES文件瀏覽器】，將准備好的lrc打開，打開方式選文本---【ES文本閱讀器】。
3.點擊頁面的右上角的編輯圖標。然後長按屏幕，將歌詞內容全部復制。
4.用ES文件管理器打開手機內存，smartisan→music→lyirc新建文件，文件名為【歌曲名$$歌手名.lrc】。如：【逝去的歌$$旅行團.lrc】
5.新建完成後打開，再點編輯圖標，將第2步復制的歌詞粘貼並保存。保存的換向符選第二個。保存之後就可以正常顯示歌詞啦！

webmp3播放器

與webmp3播放器相關的內容