JavaScript関数を使用して、Webサイトの訪問者がMP3を再生できるようにします。
WebページにMP3オーディオファイルを埋め込んで再生するには、さまざまな方法があります。 HTMLで廃止された「埋め込み」タグ、さまざまなFlashプレーヤー、Javaベースのプレーヤーはすべて例です。 HTML5標準は、スクリプトに重点を置いており、サードパーティソフトウェアに依存していないため、今後WebページにMP3を埋め込んで再生するための最も互換性のある方法を提供します。 MP3ファイルにHTML5「audio」オブジェクトを埋め込み、JavaScript関数を使用して再生を開始します
ステップ1
HTMLドキュメントの本文に次のコードを追加します。
今日のビデオ
このコードはMP3ファイルを埋め込んでロードしますが、再生しません。 「src」タグの値には、MP3ファイルへのパスとファイル名が含まれています。
ステップ2
HTMLドキュメントの「head」タグの間に次のJavaScriptコードを追加します。
この関数は、呼び出されると、そのID（ "mp3"）によって "audio"要素にアクセスし、メソッドplay（）を使用して再生します。
ステップ3
Webページにボタンを追加して、ユーザーがクリックしたときに「playMP3」関数を呼び出します。 HTMLドキュメントの本文に次のコードを追加します。
「value」属性を変更して、ボタンに別のタイトルを付けます。
ステップ4
「playMP3」の代わりに次の関数を使用して、ユーザーがファイルを開始した後に一時停止できるようにします。
function playpauseMP3（）{if（document.getElementById（ "mp3"）。paused）{document.getElementById（ "mp3"）。play（）; } else {document.getElementById（ "mp3"）。pause（）; } }
手順3の「input」タグの「onClick」属性をこの関数の名前と一致するように変更します。
