2017-10-02 2 views
1

Ich habe ein ein einfaches Soundboard in HTML erstellt, die einfachen Linien wie folgt enthält:HTML/js Audio-Ausgabegerät in Browser wählt

<body> 
    <audio id="sound1" src="mysound.wav"></audio> 
    <button class="button" onclick="document.getElementById('sound1').play()">My sound</button> 
</body> 

Gibt es eine Möglichkeit kann der Benutzer wird der Ton des Audio-Ausgabegerät wählen durchgespielt werden, mit einem Dropdown-Menü oder ähnlich?

+0

Der Browser ist nicht bekannt, Audiogeräte. Sie werden auf Betriebssystemebene gesteuert. – Tomm

Antwort

1

Hier ist das Beispiel, wie audio.src über select zu ändern:

function play() { 
 
    document.getElementById('sound1').play() 
 
    console.log(document.getElementById('sound1').getAttribute('src') + " starts playing") 
 
} 
 

 
function changeSound() { 
 
    document.getElementById('sound1').src = document.getElementById('select').value 
 
    console.log("selected sound: " + document.getElementById('sound1').src) 
 
}
<audio id="sound1" src="mysound1.wav"></audio> 
 
<select id="select" onchange="changeSound()"> 
 
    <option value="mysound1.wav">mysound1.wav</option> 
 
    <option value="mysound2.wav">mysound2.wav</option> 
 
    <option value="mysound3.wav">mysound3.wav</option> 
 
</select> 
 
<button class="button" onclick="play()">My sound</button>