2017-10-02 1 views
1

にオーディオ出力デバイスを選択します。HTML/JS私はこのようなシンプルなラインを含んでいるHTMLで簡単な響板を作成しているブラウザ

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

すると、ユーザーはオーディオ出力デバイスサウンド意志選択することができます方法はありますドロップダウンメニューなどで再生できますか?ここで

+0

ブラウザは、オーディオデバイスを認識しません。それらはOSレベルで制御されます。 – Tomm

答えて

1

select経由audio.srcを変更する方法の例です:

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>

関連する問題