Javascriptを使用してボタンの音を再生する

-4

こんにちは私はオーディオを再生するためにJavascriptを使用することができましたが、特定のボタンをクリックして別のオーディオを再生する必要があります。Javascriptを使用してボタンの音を再生する

私は最初のものを再生できますが、2番目のものも同じオーディオを再生しています。私はこれまでのJavascript

function play() { 
    var audio = document.getElementById("sound1"); 
    audio.play(); 
} 

function play2() { 
    var audio2 = document.getElementById("sound2"); 
    audio.play(); 
}

<audio id="sound1" src="https://feeds.soundcloud.com/stream/303404685-hopperkremer-w1-1.mp3"></audio> 
<audio id="sound2" src="http://feeds.soundcloud.com/stream/303404681-hopperkremer-w4-1.mp3"></audio> 


<input type="button" value="play" onclick="play()"> 
<input type="button" value="play2" onclick="play()">

（codepen）

出典

2017-11-13 Mandir Wahin Banayenge

ボタンは両方の呼び出し '遊ぶため（）' ... – epascarello

ようこそスタックオーバーフロー！あなたの質問の完全な内容は、リンクされているだけでなく**あなたの質問で**なければなりません。リンクが腐って、将来の質問やその回答が役に立たなくなり、人々はあなたを助けるためにオフサイトに行く必要はありません。スタックスニペット（ '<>'ツールバーボタン）を使って実行可能にするのが理想的です。（[ここでの操作方法]（https://meta.stackoverflow.com/questions）/358992 /実行済みと実行可能な - 例 - スタック - スニペット-html-do-do-do-tha））。 More：[*どのように良い質問をしますか？]（/ help/how-to-ask） –

Button2は 'play2（）'を呼び出す必要があります........ –

に変更し、第二ボタンで呼び出されている実施例である：

function play(){ 
 
     var audio = document.getElementById("sound1"); 
 
     audio.play(); 
 
    } 
 

 

 
    function play2(){ 
 
     var audio2 = document.getElementById("sound2"); 
 
     audio2.play(); 
 
    }

<audio id="sound1" src="https://feeds.soundcloud.com/stream/303404685-hopperkremer-w1-1.mp3"></audio> 
 
<audio id="sound2" src="http://feeds.soundcloud.com/stream/303404681-hopperkremer-w4-1.mp3"></audio> 
 

 
    
 
<input type="button" value="play" onclick="play()"> 
 
<input type="button" value="play2" onclick="play2()">

出典

2017-11-13 17:50:20 YouneL

変更で新しいです：

<input type="button" value="play" onclick="play()"> 
<input type="button" value="play2" onclick="play2()">

またaudio2.play()にaudio.play()を変更します。

function play() { 
    var audio = document.getElementById("sound1"); 
    audio.play(); 
} 

function play2() { 
    var audio2 = document.getElementById("sound2"); 
    audio2.play(); 
}

出典

2017-11-13 17:41:20 BugHunterUK

https://codepen.io/achaurasia/pen/YEQwBg?editors=1010 –

を参照してください。 'play2'関数で' audio.play（） 'を' audio2.play（）;に変更する必要があります。 – BugHunterUK

play()はここplay2()

<input type="button" value="play" onclick="play()"> 
<input type="button" value="play2" onclick="play2()">

出典

2017-11-13 17:43:16 Eftakhar

こんにちは2を再生するためにそれを変更した後、それはまだ動作しませんhttps://codepen.io/achaurasia/pen/YEQwBg?editors=1010 –

は、ここでこれを試してみてください、私はもし誰かのためにも、ポーズメソッドを追加してい他のオーディオが再生中に1つのオーディオを再生しようとすると、現在実行中のオーディオが一時停止し、新しいオーディオが再生されます。

var audio = new Audio('https://feeds.soundcloud.com/stream/303404685-hopperkremer-w1-1.mp3') 
 

 
var audio2 = new Audio('http://feeds.soundcloud.com/stream/303404681-hopperkremer-w4-1.mp3') 
 

 
function play() { 
 
    audio2.pause(); 
 

 
    audio.play(); 
 
} 
 

 
function play2() { 
 
    audio.pause(); 
 
    audio2.play(); 
 
}

<input type="button" value="play" onclick="play()"> 
 
<input type="button" value="play2" onclick="play2()">

出典

2017-11-13 17:50:26

Javascriptを使用してボタンの音を再生する

答えて

関連する問題