app.js 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. 'use strict';
  2. // Create an instance
  3. var wavesurfer;
  4. // Init & load
  5. document.addEventListener('DOMContentLoaded', function () {
  6. var playButton = document.querySelector('#playBtn'),
  7. toggleMuteButton = document.querySelector('#toggleMuteBtn'),
  8. setMuteOnButton = document.querySelector('#setMuteOnBtn'),
  9. setMuteOffButton = document.querySelector('#setMuteOffBtn');
  10. // Init wavesurfer
  11. wavesurfer = WaveSurfer.create({
  12. container : '#waveform',
  13. waveColor : 'black',
  14. interact : false,
  15. cursorWidth : 0
  16. });
  17. wavesurfer.load('../media/demo.wav');
  18. wavesurfer.on('ready', function() {
  19. playButton.onclick = function() {
  20. wavesurfer.playPause();
  21. };
  22. toggleMuteButton.onclick = function() {
  23. wavesurfer.toggleMute();
  24. }
  25. setMuteOnButton.onclick = function() {
  26. wavesurfer.setMute(true);
  27. }
  28. setMuteOffButton.onclick = function() {
  29. wavesurfer.setMute(false);
  30. }
  31. });
  32. });