オーディオ再生（）で応答していない作成-反応するアプリcomponentDidMount

Question

私はレンダリングでは、私が$としてjqueryのをインポートし、私はcomponentDidMount（）のライフサイクルフックで使用するために管理、作成反応するアプリプロジェクト、

を作成私は

audio ref="bgAudio" 
    source src={this.state.bgAudio} 

状態

this.state{ bgAudio:"./bgAudio.mp3" } 

持っている（）メソッド私は、ページがロードされたときに1を再生するオーディオファイルを呼び出したい...バックグラウンドミュージックとして、私は

を使用してみました

componentDidMount(){ 
this.refs.bgAudio.play(); 
} 

が、それは

P.S.が動作していない

play(); 

機能シーム私はゲームとして作っています。また、私はonClickが関数を実行するいくつかのボタンを持っています。あなたが私にクリックでサウンドを再生する方法をアドバイスしたいと思います。 ありがとうございます。

Answer 1

次のコードは、別の回答を作成するためのコードスニペットです。ページでは、ボタン

//music 
 
var audio = new Audio('http://www.sousound.com/music/healing/healing_01.mp3') 
 
checksound(); 
 

 

 

 
function checksound() { 
 

 
var myElement = document.getElementById("soundMenu"); 
 
    myElement.innerHTML = "Turn Sound " + (audio.paused ? "OFF" : "ON"); 
 

 
    if (audio.paused) { 
 
    audio.play(); 
 
    } else { 
 
    audio.pause(); 
 
    } 
 

 
} 
 

 
function myFunction() { 
 

 

 
var myElement = document.getElementById("soundMenu"); 
 
    myElement.innerHTML = "Turn Sound " + (audio.paused ? "OFF" : "ON"); 
 

 
    if (audio.paused) { 
 
    audio.play(); 
 
    } else { 
 
    audio.pause(); 
 
    } 
 
}

<button id="soundMenu" onclick="checksound()">Play</button> 
 
<input type="text" onkeypress="myFunction()" />

をクリックすることにより、それを止めることができますロードされたときに、このコードのオーディオで再生