reference http://www.w3schools.com/tags/ref_av_dom.asp
solution 1 - HTML5 (always use ogg format)
manipulate through JS
solution 2 - jQuery HTML5 Audio
http://jplayer.org/
solution 3 - swf
http://code.google.com/p/mp3player/ OR
http://flash-mp3-player.net/ OR
http://github.com/neolao/mp3-player
snippet - hidden and autoplay :
solution 4- SoundManager 2 makes it easier to play audio using JavaScript.
http://www.schillmania.com/projects/soundmanager2/
solution 1 - HTML5 (always use ogg format)
JavaScript:
<audio autoplay="true" src="http://www.vorbis.com/music/Epoq-Lepidoptera.ogg">manipulate through JS
JavaScript:
<script type='text/javascript' src='jquery-1.11.1.min.js']</script>
<script type="text/javascript" language="text/javascript">
$(function() {
$('#btn_Play').on('click', function(e) {
console.log("123");
var newSongEl = document.getElementById("muzik");
//newSongEl.currentTime = 0;
newSongEl.play(); });
$('#btn_Pause').on('click', function(e) {
console.log("456");
var newSongEl = document.getElementById("muzik");
newSongEl.pause(); });
})
</script>
<body >
<button id="btn_Play"> Play </button>
<button id="btn_Pause" > Pause </button>
<audio id="muzik" src="chime.ogg"></audio>
</body>solution 2 - jQuery HTML5 Audio
http://jplayer.org/
solution 3 - swf
http://code.google.com/p/mp3player/ OR
http://flash-mp3-player.net/ OR
http://github.com/neolao/mp3-player
snippet - hidden and autoplay :
JavaScript:
<object type="application/x-shockwave-flash" data="player_mp3_js.swf" width="1" height="1">
</object>solution 4- SoundManager 2 makes it easier to play audio using JavaScript.
http://www.schillmania.com/projects/soundmanager2/