Get to know MDN better
このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.
HTMLAudioElement インターフェイスは <audio> 要素のプロパティと、操作するメソッドへのアクセスを提供します。
この要素は HTMLMediaElement インターフェイスから派生しており、プロパティとメソッドを継承しています。
EventTarget Node Element HTMLElement HTMLMediaElement HTMLAudioElement新しい HTMLAudioElement オブジェクトを作成し、返します。オプションとして、ファイルの URL が指定された場合は、音声ファイルを読み込む処理を開始します。
固有のプロパティはありません。親である HTMLMediaElement および HTMLElement からプロパティを継承しています。
HTMLMediaElement および HTMLElement からメソッドを継承しています。
Audio() を使用すると、HTMLAudioElement を完全に JavaScript で生成することができます。
それからこの要素に対して play() を呼び出すことができます。
メモ: よくあるのが、ページを読み込んだらすぐに audio 要素を再生しようとすることです。現代のブラウザーは、既定の自動再生ポリシーによって、このようなことが起こらないようにブロックしています。良い習慣と回避方法については、Firefox および Chrome のものを参照してください。
audio 要素のプロパティとしてよく用いられるものには、src, currentTime, duration, paused, muted, volume などがあります。このスニペットは、音声ファイルの再生時間を変数にコピーします。
親である HTMLMediaElement およびその祖先である HTMLElement からイベントを継承しています。 イベントを待ち受けするには、addEventListener() を使用するか、このインターフェイスの onイベント名 プロパティにイベントリスナーを代入してください。
| HTML # htmlaudioelement |
Enable JavaScript to view this browser compatibility table.
This page was last modified on 2025年3月21日 by MDN contributors.
Your blueprint for a better internet.
Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998–2026 by individual mozilla.org contributors. Content available under a Creative Commons license.