非常にシンプルなオーディオ プレーヤーを作成しました。一時停止ボタンを表示する背景位置を変更するために使用するのは、その.png中の 1 つです。background-image:<button>.toggleClass().png
w3 リファレンスで見つけた JavaScript コードを使用しました。これは、オーディオ プレーヤーの再生イベントと一時停止イベントを<button>.
3つの問題があります...
1 つ目は、次のオーディオ トラックがクリックされたときに 1 つのオーディオ トラックを停止する方法がわかりません。一度に再生できるトラックは 1 つだけです。
2. トラック 1 の再生ボタンをクリックすると一時停止ボタンに切り替わりますが、トラック 2 をクリックすると、トラック 1 と 2 の両方に一時停止ボタンが表示されます。他の再生ボタンがクリックされたときに再生ボタンに戻るには、トラック 1 が必要です。一度に 1 つのトラックだけが一時停止記号を表示する必要があります。
3 番目の問題は次のとおりです。上記の jsfiddle リンクのコードは、jsfiddle 以外でテストしたすべての場所でオーディオを再生するように機能します。
これは、私のgodaddyサーバーでまったく同じコードを使用しているページへのリンクです...