Spielen Sie mehrere Audio-Dateien mit einem Klick Event Howler js

Question

Wordpress-Website. Skripte in die Warteschlange gestellt usw. Ich konnte eine einzelne Audiodatei ohne das Array abspielen lassen.

Danach allerdings mit ...

(function($) { 
'use strict'; 

jQuery(window).load(function() { 
    var sound_files = { 
      sound1 : new Howl({ 
       src: ['/synthv2.mp3'], 
       loop: true 
      }), 
      sound2 : new Howl({ 
       src: ['/synthv2.mp3'], 
       loop: true 
      }), 
      sound3 : new Howl({ 
       src: ['/synthv2.mp3'], 
       loop: true 
      }) 
     }; 
    var play_button = $('#play-button'), 
     pause_button = $('#pause-button'), 
     shift_preset = $('#preset-changer'), 

    play_button.click(function() { 
     sound_files.play(); 
    }); 
}); 

})(jQuery); 

ich sound_files.play konsequent bekommen ist keine Funktion Fehler.

Wie kann ich Sound1, Sound2 und Sound3 alle gleichzeitig mit einem einzigen Klick auslösen?

Answer 1

sound_files ist ein Objekt, so dass Sie nicht einfach .play() auf ihnen aufrufen können.

Sie eine Schleife durch sie brauchen würde, und spielen sie alle:

for (var prop in sound_files) { 
    // skip loop if the property is from prototype 
    if(!sound_files.hasOwnProperty(prop)) continue; 

    sound_files[prop].play(); 
}); 

Answer 2

oder man konnte ...

var sound_files = { 
     sound1 : new Howl({ 
      src: ['/synthv2.mp3'], 
      loop: true 
     }), 
     sound2 : new Howl({ 
      src: ['/synthv2.mp3'], 
      loop: true 
     }), 
     sound3 : new Howl({ 
      src: ['/synthv2.mp3'], 
      loop: true 
     }), 
     play: function(){ 
      this.sound1.play(); 
      this.sound2.play(); 
      this.sound3.play(); 
     } 
    };