Help
Difference between revisions of "Embed audio in HTML"
Line 21: | Line 21: | ||
<audio controls="controls"> | <audio controls="controls"> | ||
<source src="/to/folder/Bazinga.ogg" type="audio/ogg"> | <source src="/to/folder/Bazinga.ogg" type="audio/ogg"> | ||
+ | <source src="/to/folder/Bazinga.mp3" type="audio/mpeg"><!-- fallback --> | ||
Your web-browser doesn't support HTML5 audio feature. Please download and install a modern browser. | Your web-browser doesn't support HTML5 audio feature. Please download and install a modern browser. | ||
</audio> | </audio> | ||
</pre> | </pre> | ||
+ | ;References |
Revision as of 12:25, 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"> <source src="/to/folder/Bazinga.mp3" type="audio/mpeg"><!-- fallback --> Your web-browser doesn't support HTML5 audio feature. Please download and install a modern browser. </audio>
- References