Help
Difference between revisions of "Embed audio in HTML"
| Line 4: | Line 4: | ||
;HTML | ;HTML | ||
| − | <pre> | + | <pre><script src="./howler-2.0.8.js"></script> |
| − | + | <buton id="bazingaId" class="audio">Bazinga</button></pre> | |
;Javascript | ;Javascript | ||
Revision as of 12:24, 19 May 2018
Given an audio file Bazinga.mp3.
Using Howler JS
- HTML
<script src="./howler-2.0.8.js"></script> <buton id="bazingaId" class="audio">Bazinga</button>
- Javascript
$('.audio').on('click', function() {
var sound = new Howl({ src: [ '/to/folder/Bazinga.mp3','/to/folder/Bazinga.ogg' ]});
sound.play();
});
- References
Using HTML5 audio
<audio controls="controls"> <source src="/to/folder/Bazinga.ogg" type="audio/ogg"> Your web-browser doesn't support HTML5 audio feature. Please download and install a modern browser. </audio>