HTML5では、単純なタグでオーディオを含めることができます。
<audio src="anySong.m4a" controls></audio>
JavaScriptとJQueryを使用して外観を変更しようとしましたが、機能しません。誰かが私の例を修復したり、別の非常に簡単な方法を提案したりできますか?
ここでの例:http://jsfiddle.net/T47XQ/5/
HTML:
<audio id="audio" src="http://a3.mzstatic.com/us/r1000/075/Music/35/e5/c6/mzm.pffzpdco.aac.p.m4a">
</audio>
<div id="escolta">escolta</div>
<div id="pausa">pausa</div>
JAVASCRIPT:
$(function(){
$("#escolta").click(function() {
$("#audio").play();
});
$("#pausa").click(function() {
$("#audio").pause();
});
});
CSS:
#escolta,#pausa { font-family: Tahoma;letter-spacing:1px;font-size:11px;color: #6666;width: 80px;text-align: center;height: 20px;line-height: 20px;background-color: #ccc;cursor: pointer;}
#escolta {position: absolute;top: 20px;left: 20px}
#pausa {position: absolute;top: 20px;left: 150px}