この翻訳は不完全です。英語から この記事を翻訳 してください。
HTMLMediaElement は HTMLElement に音声や動画といったメディア関連機能の属性とメソッドを追加します。HTMLVideoElement と HTMLAudioElement はこのインタフェースを継承しています。
属性
HTMLElement、Element、Node、および EventTarget の全属性を継承しています。
HTMLMediaElement.audioTracksAudioTrackListは、要素の持つAudioTrackオブジェクトを参照できます。HTMLMediaElement.autoplayautoplay属性の値をBooleanで取得できます。true が設定されている場合、再生に十分なデータが揃った時点で自動的に再生が始まります。HTMLMediaElement.buffered読取専用- その時点でブラウザがバッファしたメディアデータの範囲を表す
TimeRangesオブジェクトを取得できます。 HTMLMediaElement.controller- 要素に割り当てられた
MediaControllerオブジェクトを参照できます。割り当てられていない場合の値はnullです。 HTMLMediaElement.controls- 再生をコントロールするユーザインタフェースの表示 / 非表示を指定する
controls属性を、Booleanで参照できます。 HTMLMediaElement.crossOrigin- このメディア要素の CORS 設定 を
DOMStringで参照できます。 HTMLMediaElement.currentSrc読取専用- 選択されたメディアリソースの絶対 URL を
DOMStringで返します。 HTMLMediaElement.currentTime- 現在の再生時間を
doubleで返します。値を代入することで、シークを行えます。 HTMLMediaElement.defaultMuted- 標準状態で音声がミュートされているか、いないかを表す、HTML の
muted属性をBooleanで参照できます。 HTMLMediaElement.defaultPlaybackRate- 標準の再生レートを
doubleで返します。 HTMLMediaElement.duration読取専用- メディアの長さを秒数で表した数値を
doubleで取得できます。メディアデータがない場合は、0 を返します。 HTMLMediaElement.ended読取専用- 再生が終了しているか、いないかを
Booleanで取得できます。 HTMLMediaElement.error読取専用- 一番最後に起きたエラーを
MediaErrorオブジェクトとして返します。エラーが起きていない場合は null を返します。 HTMLMediaElement.initialTime読取専用- 再生の開始秒を
doubleで返します。 HTMLMediaElement.loop- 繰り返し再生を有効、無効を表す HTML の
loopをBooleanとして参照できます。 HTMLMediaElement.mediaGroup- A
DOMStringthat reflects themediagroupHTML attribute, which indicates the name of the group of elements it belongs to. A group of media elements shares a commonMediaController. HTMLMediaElement.mediaKeys読取専用- Returns a
MediaKeysobject ornull. MediaKeys is a set of keys that an associated HTMLMediaElement can use for description of media data during playback. HTMLMediaElement.mozAudioCaptured読取専用- Returns a
Boolean. Related to audio stream capture. HTMLMediaElement.mozAudioChannelType- (Firefox OS only) A
Stringthat can be used to set the audio channel that the sound coming from an<audio>or<video>element will play in, on a Firefox OS device. See Using the AudioChannels API for more details. HTMLMediaElement.mozChannels読取専用- Returns the number of channels in the audio resource (e.g.,
2for stereo). HTMLMediaElement.mozFragmentEnd- A
doublethat provides access to the fragment end time if the media element has a fragment URI forcurrentSrc, otherwise it is equal to the media duration. HTMLMediaElement.mozFrameBufferLength-
An
unsigned longthat indicates the number of samples that will be returned in the framebuffer of eachMozAudioAvailableevent. This number is a total for all channels, and by default is set to be the number of channels * 1024 (e.g., 2 channels * 1024 samples = 2048 total).The
mozFrameBufferLengthproperty can be set to a new value for lower latency, larger amounts of data, etc. The size given must be a number between 512 and 16384. Using any other size results in an exception being thrown. The best time to set a new length is after the loadedmetadata event fires, when the audio info is known, but before the audio has started orMozAudioAvailableevents have begun firing. HTMLMediaElement.mozSampleRate読取専用- Returns the number of samples per second that will be played. For example, 44100 samples per second is the sample rate used by CD audio.
HTMLMediaElement.muted- A
Booleanthat determines whether audio is muted.trueif the audio is muted andfalseotherwise. HTMLMediaElement.networkState読取専用- Returns an
unsigned short(enumeration) indicating the current state of fetching the media over the network. HTMLMediaElement.paused読取専用- Returns a
Booleanthat indicates whether the media element is paused. HTMLMediaElement.playbackRate-
A
doublethat indicates the rate at which the media is being played back. HTMLMediaElement.played読取専用- Returns a
TimeRangesobject that contains the ranges of the media source that the browser has played, if any. HTMLMediaElement.preload- A
DOMStringthat reflects thepreloadHTML attribute, indicating what data should be preloaded, if any. Possible values are:none,metadata,auto. HTMLMediaElement.preservesPitch- A
Booleanthat determines if the pitch of the sound will be preserved. If set tofalse, the pitch will adjust to the speed of the audio. This is implemented with prefixes in Firefox (mozPreservesPitch) and WebKit (webkitPreservesPitch). HTMLMediaElement.readyState読取専用- Returns an
unsigned short(enumeration) indicating the readiness state of the media. HTMLMediaElement.seekable読取専用- Returns a
TimeRangesobject that contains the time ranges that the user is able to seek to, if any. HTMLMediaElement.seeking読取専用- Returns a
Booleanthat indicates whether the media is in the process of seeking to a new position. HTMLMediaElement.sinkId読取専用- Returns a
DOMStringthat is the unique ID of the audio device delivering output, or an empty string if it is using the user agent default. This ID should be one of theMediaDeviceInfo.deviceidvalues returned fromMediaDevices.enumeratedDevices(),id-multimedia, orid-communications. HTMLMediaElement.src- A
DOMStringthat reflects thesrcHTML attribute, which contains the URL of a media resource to use. HTMLMediaElement.srcObject- A
MediaStreamthat lets you set or get the Media Stream to be played or being played. HTMLMediaElement.textTracks読取専用- Returns the list of
TextTrackobjects contained in the element. HTMLMediaElement.videoTracks読取専用- 要素の持つ
VideoTrackオブジェクトのリストを参照できます。付記: Gecko は 1 トラックの再生のみをサポートします。また複数トラックのメタデータ解析は、Ogg フォーマットの場合にのみ有効です。
HTMLMediaElement.volume- 音量を
doubleで取得できます。この値は 0.0 (無音) 以上、1.0 (最大) 以下でなくてはなりません。
イベントハンドラ用属性
HTMLMediaElement.onmozinterruptbegin- オーディオチャンネルマネージャによって割り込まれた際の
EventHandlerを登録できます。 HTMLMediaElement.onmozinterruptend- 割り込み終了時に呼ばれる
EventHandlerを設定できます。 HTMLMediaElement.onencrypted- メディアが暗号化されている場合に呼ばれる
EventHandlerを設定できます。
メソッド
HTMLElement, Element, Node, および EventTarget からメソッドを継承しています。
HTMLMediaElement.addTextTrack()- 字幕向けトラックのような、テキストトラックを追加します。
HTMLMediaElement.canPlayType()- メディアタイプが再生可能かどうかを判定します。
HTMLMediaElement.fastSeek()- 指定された時間へシークします。
HTMLMediaElement.load()- メディア要素をリセットし、メディアリソースをリスタートします。処理されなかったイベントは破棄されます。メディアデータがダウンロードされる量は
preload属性の値に影響されます。src属性の値、もしくはsource要素内の要素を削除した際のリソース解放、もしくはsourceの子要素が動的に変更される場合の再スキャンのために利用します。それ以外の場合に呼びだす必要はありません。 HTMLMediaElement.mozCaptureStream()- [enter description]
HTMLMediaElement.mozCaptureStreamUntilEnded()- [enter description]
HTMLMediaElement.mozGetMetadata()- 再生中のメディアデータに対するメタデータを
Objectとして返します。呼び出すたびに、オブジェクトのコピーが新しく作られます。このメソッドを呼び出すには、loadedmetadata イベント発火している必要があります。 HTMLMediaElement.mozLoadFrom()- このメソッドは Mozilla の独自実装で、他のメディア要素からデータをロードします。通常のリソース選択のアルゴリズムではなく、他の要素の
currentSrcを選ぶ点以外は、load()メソッドと同じように振る舞います。これは他の要素がキャッシュし、バッファしているデータを利用することにより最適化を図るためです。実際に、2 つの要素が同じダウンロードデータを利用する場合、どちらか一方のダウンロードが終われば、他方でもそのデータを利用できるようになります。 HTMLMediaElement.pause()- 再生を一時停止します。
HTMLMediaElement.play()- 再生を開始します。
HTMLMediaElement.setMediaKeys()- 再生に利用する
MediaKeysを指定します。Promiseオブジェクトを返します。 HTMLMediaElement.setSinkId()- 音声出力をレンダリングするデバイスの ID を指定できます。指定はアプリケーションからの利用が許されている場合に有効です。なお返り値は
Promiseオブジェクトとなっています。
仕様
| 仕様 | 状態 | コメント |
|---|---|---|
| WHATWG HTML Living Standard The definition of 'HTMLMediaElement' in that specification. |
Living Standard | HTML5 からの変更なし |
| HTML5 The definition of 'HTMLMediaElement' in that specification. |
勧告 | 最初の定義 |
| Encrypted Media Extensions The definition of 'Encrypted Media Extensions' in that specification. |
草案 | MediaKeys, MediaEncryptedEvent, および setMediaKeys が追加されました |
ブラウザ互換性
| 機能 | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| 基本サポート | (有) | 3.5 (1.9.1) [1] | 9 | ? | ? |
buffered 属性 |
(有) | 4.0 (2.0) | 9 | ? | ? |
defaultMuted 属性 |
(有) | 11.0 (11.0) | ? | ? | ? |
loop 属性 |
(有) | 11.0 (11.0) | 9 | ? | ? |
seekable 属性 |
(有) | 8.0 (8.0) | 9 | ? | ? |
defaultPlaybackRate 属性 |
(有) | 20.0 (20.0) | 9 | ? | ? |
playbackRate 属性 |
(有) | 20.0 (20.0) | 9 | ? | ? |
preservesPitch 属性 |
(有)webkit | 20.0 (20.0)moz | 未サポート | 未サポート | 未サポート |
preload 属性 |
(有) | 4.0 (2.0)[2] | ? | ? | ? |
played 属性 |
(有) | 15.0 (15.0) | ? | ? | ? |
crossOrigin 属性 |
(有) | 12.0 (12.0)[3] 22.0 (22.0) |
? | ? | ? |
mozAudioChannelType 属性 |
未サポート | 未サポート | 未サポート | 未サポート | 未サポート |
mozChannels, mozFrameBufferLength, mozSampleRate 属性 |
未サポート | 4.0 (2.0) | 未サポート | 未サポート | 未サポート |
mozGetMetadata() |
未サポート | 17.0 (17.0) | 未サポート | 未サポート | 未サポート |
mozLoadFrom() 廃止 Gecko 24 |
未サポート | 3.6 (1.9.2) | 未サポート | 未サポート | 未サポート |
mozSrcObject property |
未サポート | 18.0 (18.0) | 未サポート | 未サポート | 未サポート |
initialTime 属性 |
? | 9.0 (9.0)[4] | ? | ? | ? |
fastSeek メソッド |
? | 31.0 (31.0) | ? | ? | ? |
startDate 属性 |
? | 未サポート[9] | ? | ? | ? |
mediaGroup および controller 属性 |
? | 未サポート[10] | ? | ? | ? |
audioTracks および videoTracks 属性 |
? | 33.0 (33.0)[5] | ? | ? | ? |
textTracks 属性 |
? | Nightly build[6] | ? | ? | ? |
sinkId 属性 および setSinkId() メソッド |
45.0[8] | ? | ? | ? | ? |
| 機能 | Android | Firefox Mobile (Gecko) | Firefox OS (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| 基本サポート | (有) | (有) | (有) | ? | (有) | (有) |
buffered 属性 |
(有) | 4.0 (2.0) | (有) | ? | ? | ? |
defaultMuted 属性 |
(有) | 11.0 (11.0) | (有) | ? | ? | ? |
loop 属性 |
(有) | 11.0 (11.0) | (有) | ? | ? | ? |
seekable 属性 |
(有) | 8.0 (8.0) | (有) | ? | ? | ? |
defaultPlaybackRate 属性 |
(有) | 20.0 (20.0) | (有) | ? | ? | ? |
playbackRate 属性 |
(有) | 20.0 (20.0) | (有) | ? | ? | ? |
preservesPitch 属性 |
(有)webkit | 20.0 (20.0)moz | (有) | 未サポート | 未サポート | 未サポート |
preload 属性 |
(有) | 4.0 (2.0) | (有) | ? | ? | ? |
played 属性 |
(有) | 15.0 (15.0) | (有) | ? | ? | ? |
crossOrigin 属性 |
(有) | 12.0 (12.0)[3] 22.0 (22.0) |
(有) | ? | ? | ? |
mozAudiochannelType |
未サポート | 未サポート | 1.0.1 | 未サポート | 未サポート | 未サポート |
mozChannels, mozFrameBufferLength, mozSampleRate 属性 |
未サポート | 4.0 (2.0) | (有) | 未サポート | 未サポート | 未サポート |
mozGetMetadata() |
未サポート | 17.0 (17.0) | (有) | 未サポート | 未サポート | 未サポート |
mozLoadFrom() |
未サポート | 1.0 (1.9.2)[7] | (有) | 未サポート | 未サポート | 未サポート |
mozSrcObject 属性 |
未サポート | 18.0 (18.0) | (有) | 未サポート | 未サポート | 未サポート |
initialTime 属性 |
? | 9.0 (9.0)[4] | (有) | ? | ? | ? |
fastSeek メソッド |
? | 31.0 (31.0) | (有) | ? | ? | ? |
startDate 属性 |
? | 未サポート[9] | (有) | ? | ? | ? |
mediaGroup, controller 属性 |
? | 未サポート[10] | (有) | ? | ? | ? |
audioTracks, videoTracks 属性 |
? | 33.0 (33.0)[5] | (有) | ? | ? | ? |
textTracks 属性 |
? | Nightly build[6] | (有) | ? | ? | ? |
sinkId 属性, setSinkId() メソッド |
? | ? | ? | ? | ? | ? |
[1] 仕様に合わせるため NETWORK_LOADED 状態は Gecko 2.0 (Firefox 4 / Thunderbird 3.3 / SeaMonkey 2.1) で削除されました。
[2] 以前、Gecko では autobuffer として実装されていました。
[3] Gecko は小文字で実装しています。例:crossorigin.
[4] Gecko 23.0 (Firefox 23 / Thunderbird 23 / SeaMonkey 2.20) で削除されました。
[5] media.track.enabled preference によって、実装は隠蔽されています。
[6] media.webvtt.enabled preference によって実装は隠蔽され、デフォルト値はtrue となっています。
[7] 24.0 (24) で削除されました。
[8] flag によって、この機能は隠蔽されています。
[9] Gecko では未実装です。詳しくは バグ 847376 をご覧ください。
[10] Gecko では未実装です。詳しくは バグ 847377 をご覧ください。
関連情報
- レファレンス
<video>および<audio>- このインタフェースを継承している
HTMLVideoElementとHTMLAudioElement
- 記事

