如何用js加音樂播放器_html javascript 實現點擊變成一個播放器播放歌曲

① 求：基於JavaScript的網頁音樂播放器（滿意再加分）

推薦樓主一個現成的插件 jquery.iplayer，
http://www.jplayer.org/

支持音頻和視頻的播放，同時還版支持列表權功能

② html javascript 實現點擊變成一個播放器播放歌曲

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
<style>
#play{ width:200px; height:30px; text-align:center; line-height:30px; background-color:#CCCCCC; float:left;}
</style>
<script>
function playmp3(){
var player="<embed src=1.mp3 width=200 height=30 loop=-1>";
//「1.mp3」路徑，自己改。loop=-1 循環播放。
document.getElementById("play").innerHTML=player;
}
</script>
</head>

<body>
<div id="play" onmouseover="this.style.cursor='pointer';" onclick="playmp3();">點擊播放</div>

</body>
</html>

③ 怎樣用javascript做一個音樂播放器CD旋轉的效果

<!DOCTYPEhtml>


<head>
<metacharset="utf-8"/>
<title></title>
<styletype="text/css">
.image{
border-radius:50%;
width:80px;
height:80px;
margin:100pxauto;
display:block;
border:dottedsolid#666;
padding:5px;
}
</style>
</head>
<body>
<div>
<imgsrc="1.png"id="img"class="image"onclick="timeout?stopAnim():startAnim()"/>
</div>

<scripttype="text/javascript">
vartimeout,rotate=0;
functionstartAnim(){
timeout=setInterval(function(){
varimg=document.getElementById("img");
varrotateStyle="rotate("+rotate+"deg)";
img.style.transform=rotateStyle;
img.style["-moz-transform"]=rotateStyle;
img.style["-webkit-transform"]=rotateStyle;
img.style["-o-transform"]=rotateStyle;
img.style["-ms-transform"]=rotateStyle;

rotate+=6;
if(rotate>360){
rotate=0;
}
},30);
}
functionstopAnim(){
clearInterval(timeout);
timeout=null;
}

startAnim();
</script>
</body>
</html>

img標簽的src改為你自己的圖片路徑。

本實例不支持ie11以下瀏覽器，請用谷歌或者火狐瀏覽器打開。

④ 本人想用javascript做個網頁音樂播放器

網上有很多現在的播放器代碼，直接將它通過Frame框架的方式加入到你的網頁中就可以了

⑤ 在線音樂如何通過JS的javascript:void(0);命令向在線音樂播放器發出要播放的音樂命令

在線音樂不會像網路音樂那樣點擊播放彈出另外的播放器頁面，只能點擊收聽，就像收音機差不多，只能播放和暫停，一般不能查看列表，一般也不能下載，其實我沒有什麼看懂你想要問的具體問題的目的，如果你想問的是如何播放和暫停的話請看這里

點擊方框處可以暫停和播放

⑥ 怎麼用javascript embed標簽做個音樂播放器能上一曲、下一曲、音量增減、自動播放等功能。。謝謝了

屬性設置
自動播放
語法：autostart=true、false
說明：該屬性規定音頻或視頻文件是否在下載完之後就自動播放。
true：音樂文件在下載完之後自動播放；
false：音樂文件在下載完之後不自動播放。
示例：<embed src="your.mid" autostart=true>
<embed src="your.mid" autostart=false>
循環播放
語法：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>
面板顯示
語法：hidden=true、flase
說明：該屬性規定控制面板是否顯示，默認值為false。
true：隱藏面板；
false：顯示面板。
示例：<embed src="your.mid" hidden="true">
<embed src="your.mid" hidden="false">
開始時間
語法：starttime=mm:ss（分：秒）
說明：該屬性規定音頻或視頻文件開始播放的時間。未定義則從文件開頭播放。
示例：<embed src="your.mid" starttime="00:10">
音量大小
語法：volume=0是最大值，可以使用負值使音量變小
說明：該屬性規定音頻或視頻文件的音量大小。未定義則使用系統本身的設定。
示例：<embed src="your.mid" volume="0">
容器屬性
語法：height=# width=#
說明：取值為正整數或百分數，單位為像素。該屬性規定控制面板的高度和寬度。
height：控制面板的高度；
width：控制面板的寬度。
示例：<embed src="your.mid" height=200 width=200>
容器單位
語法：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>
外觀設置
語法：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>

⑦ 怎麼用JS編寫一個音樂播放器

⑧ jquery或者js如何實現類似百度mp3播放器歌詞滾動的效果啊。

這里不能貼大段代碼，你可以參照網路文庫的相關資料：
JS實現滾動歌詞,帶高亮當前歌詞
地址如下：

⑨ 怎樣用js改變網頁播放器中mp3的地址

⑩ js播放器原理 js如何實現獲取音樂播放時間，以及控制音樂播放和暫停的

我最近做了個 JS播放器用wmp做的很管用帶音量進度和播放進度可以拖拽。
要的話可以發你學習學習哦！

導航:首頁 > 音樂推薦 > 如何用js加音樂播放器

如何用js加音樂播放器

與如何用js加音樂播放器相關的資料