① 關於PHP及Html5或js網頁音樂播放器問題
HTML5自帶有音頻擴展，現在瀏覽器基本都支持HTML5（守著（古董當寶貝就算了）
<audiosrc="song.ogg"controls="controls">
</audio>
由於內音頻版權問題，各種瀏容覽器支持格式略有差異
除了載入第三方音樂控制項，否則什麼全兼容、自定義ui還是死了這心吧，每個幾百萬沒公司敢做
② js音樂播放器
<audio id="aaa" src="yinyue.mp3" autoplay controls></audio>
<input type=button value=暫停 onclick="aaa.pause();">
<input type=button value=播放 onclick="aaa.play();">
③ 怎樣用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以下瀏覽器，請用谷歌或者火狐瀏覽器打開。