React.jsで動作しないオーディオタグ

私のシステムでは、「Create React App」を使用して1ページの反応アプリケーションを開発しています。レンダリングされるオーディオタグを組み込もうとしていますが、無効にされた「再生」ボタンのみが表示され、残りのコントロールは表示されません。私は間違っているかもしれないところ誰もが私をポイントしてくださいできますか？（私はそれが正常に動作WAMPサーバ上で同じコードを試してみました）（そして、私は私のブラウザとしてChromeを使用しています）React.jsで動作しないオーディオタグ

<audio controls id="beep" > 
 
       
 
       <source src="./mysound.mp3" type="audio/mp3" /> 
 
       Your browser does not support the audio tag. 
 
</audio>

出典

2017-02-27 darkdefender

あなたのリアクションコードを投稿してください。 'mp3'ファイルが正しい場所にありますか？ – Cristy

私の '.js'と '.css'ファイルと同じフォルダ（ 'src'）にあります。 – darkdefender

'src'属性は' src/mysound.mp3'ではないはずですか？ブラウザのデベロッパーツールを見て、正しいURLをリクエストしていることを確認してください。 –

さて、私はそれを理解し、それは結局はかなりシンプルであることが判明しました（私の最初の馬鹿）。私は2つのことを行うために必要な： -

は私の反応のコードの上部にある「「./mysound.mp3' からの輸入の音」を追加します。

"SRC = {音}" に変更し、「SRC =」。/ mysound.mp3" は答えた人たちに感謝します。あなたの反応は私を正しい方向に押し込んだ。 :)

出典

2017-02-27 20:40:49 darkdefender

React.jsで動作しないオーディオタグ

答えて

関連する問題