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