MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

Diese Übersetzung ist unvollständig. Bitte helfen Sie, diesen Artikel aus dem Englischen zu übersetzen.

Die HTMLMediaElement-Schnittstelle hinzugefügt HTMLElement, die Eigenschaften und Methoden erforderlich, um die grundlegende medialen Fähigkeiten zu unterstützen, die für audio und video sind. HTMLVideoElement und HTMLAudioElement Elemente beider erben diese Schnittstelle.

Eigenschaften

Diese Schnittstelle erbt auch Eigenschaften von seinen Vorfahren HTMLElement, Element, Node und EventTarget.

HTMLMediaElement.audioTracks
    Ein AudioTrackList, listet die AudioTrack- Objekte die das Element enthält.


HTMLMediaElement.autoplay
    Boolean, dass spiegelt die autoplay HTML-Attribut, das angibt, ob die Wiedergabe sollte automatisch beginnen, sobald genügend Medien dafür ohne Unterbrechung verfügbar ist.

Sites which automatically play audio (or videos with an audio track) can be an unpleasant experience for users, so it should be avoided when possible. If you must offer autoplay functionality, you should make it opt-in (requiring a user to specifically enable it). However, this can be useful when creating media elements whose source will be set at a later time, under user control.
HTMLMediaElement.buffered Read only
Returns a TimeRanges object that indicates the ranges of the media source that the browser has buffered (if any) at the moment the buffered property is accessed.
HTMLMediaElement.controller
Is a MediaController object that represents the media controller assigned to the element, or null if none is assigned.
HTMLMediaElement.controls
Is a Boolean that reflects the controls HTML attribute, indicating whether user interface items for controlling the resource should be displayed.
HTMLMediaElement.controlsList Read only
Returns a DOMTokenList that helps the user agent select what controls to show on the media element whenever the user agent shows its own set of controls. The DOMTokenList takes one or more of three possible values: nodownload, nofullscreen, and noremoteplayback.
HTMLMediaElement.crossOrigin
Is a DOMString indicating the CORS setting for this media element.
HTMLMediaElement.currentSrcRead only
Returns a DOMString with the absolute URL of the chosen media resource.
HTMLMediaElement.currentTime
Is a double indicating the current playback time in seconds. Setting this value seeks the media to the new time.
HTMLMediaElement.defaultMuted
Is a Boolean that reflects the muted HTML attribute, which indicates whether the media element's audio output should be muted by default.
HTMLMediaElement.defaultPlaybackRate
Is a double indicating the default playback rate for the media.
HTMLMediaElement.disableRemotePlayback
Is a Boolean that sets or returns the remote playback state, indicating whether the media element is allowed to have a remote playback UI.
HTMLMediaElement.durationRead only
Returns a double indicating the length of the media in seconds, or 0 if no media data is available.
HTMLMediaElement.endedRead only
Returns a Boolean that indicates whether the media element has finished playing.
HTMLMediaElement.errorRead only
Returns a MediaError object for the most recent error, or null if there has not been an error.
HTMLMediaElement.initialTimeRead only
Returns a double that indicates the initial playback position in seconds.
HTMLMediaElement.loop
Is a Boolean that reflects the loop HTML attribute, which indicates whether the media element should start over when it reaches the end.
HTMLMediaElement.mediaGroup
Is a DOMString that reflects the mediagroup HTML attribute, which indicates the name of the group of elements it belongs to. A group of media elements shares a common MediaController.
HTMLMediaElement.mediaKeysRead only
Returns a MediaKeys object or null. MediaKeys is a set of keys that an associated HTMLMediaElement can use for decryption of media data during playback.
HTMLMediaElement.mozAudioCapturedRead only
Returns a Boolean. Related to audio stream capture.
HTMLMediaElement.mozChannelsRead only  
Returns a double representing the number of channels in the audio resource (e.g., 2 for stereo).
HTMLMediaElement.mozFragmentEnd
Is a double that provides access to the fragment end time if the media element has a fragment URI for currentSrc, otherwise it is equal to the media duration.
HTMLMediaElement.mozFrameBufferLength  

Is a unsigned long that indicates the number of samples that will be returned in the framebuffer of each MozAudioAvailable event. 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 mozFrameBufferLength property 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 or MozAudioAvailable events have begun firing.

HTMLMediaElement.mozSampleRateRead only  
Returns a double representing 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
Is a Boolean that determines whether audio is muted. true if the audio is muted and false otherwise.
HTMLMediaElement.networkStateRead only
Returns a unsigned short (enumeration) indicating the current state of fetching the media over the network.
HTMLMediaElement.pausedRead only
Returns a Boolean that indicates whether the media element is paused.
HTMLMediaElement.playbackRate
Is a double that indicates the rate at which the media is being played back. 
HTMLMediaElement.playedRead only
Returns a TimeRanges object that contains the ranges of the media source that the browser has played, if any.
HTMLMediaElement.preload
Is a DOMString that reflects the preload HTML attribute, indicating what data should be preloaded, if any. Possible values are: none, metadata, auto.
HTMLMediaElement.preservesPitch
Is a Boolean that determines if the pitch of the sound will be preserved. If set to false, the pitch will adjust to the speed of the audio. This is implemented with prefixes in Firefox (mozPreservesPitch) and WebKit (webkitPreservesPitch).
HTMLMediaElement.readyStateRead only
Returns a unsigned short (enumeration) indicating the readiness state of the media.
HTMLMediaElement.seekableRead only
Returns a TimeRanges object that contains the time ranges that the user is able to seek to, if any.
HTMLMediaElement.seekingRead only
Returns a Boolean that indicates whether the media is in the process of seeking to a new position.
HTMLMediaElement.sinkIdRead only
Returns a DOMString that 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 the MediaDeviceInfo.deviceid values returned from MediaDevices.enumeratedDevices(), id-multimedia, or id-communications.
HTMLMediaElement.src
Is a DOMString that reflects the src HTML attribute, which contains the URL of a media resource to use.
HTMLMediaElement.srcObject
Is a MediaStream representing the media to play or that has played in the current HTMLMediaElement.
HTMLMediaElement.textTracksRead only
Returns the list of TextTrack objects contained in the element.
HTMLMediaElement.videoTracksRead only
Returns the list of VideoTrack objects contained in the element.

Note: Gecko supports only single track playback, and the parsing of tracks' metadata is only available for media with the Ogg container format.

HTMLMediaElement.volume
Is a double indicating the audio volume, from 0.0 (silent) to 1.0 (loudest).

Event handlers

HTMLMediaElement.onmozinterruptbegin
Sets the EventHandler called when the media element is interrupted because of the audiochannel manager.
HTMLMediaElement.onmozinterruptend
Sets the EventHandler called when the interruption is concluded.
HTMLMediaElement.onencrypted
Sets the EventHandler called when the media is encrypted.
HTMLMediaElement.onwaitingforkey
Sets the EventHandler called when playback is blocked while waiting for an encryption key.

Methods

This interface also inherits methods from its ancestors HTMLElement, Element, Node, and EventTarget.

HTMLMediaElement.addTextTrack()
Adds a text track (such as a track for subtitles) to a media element.
HTMLMediaElement.captureStream()
Returns MediaStream, captures a stream of the media content.
HTMLMediaElement.canPlayType()
Determines whether the specified media type can be played back.
HTMLMediaElement.fastSeek()
Directly seeks to the given time.
HTMLMediaElement.load()
Resets the media element and restarts the media resource. Any pending events are discarded. How much media data is fetched is still affected by the preload attribute. This method can be useful for releasing resources after any src attribute and source element descendants have been removed. Otherwise, it is usually unnecessary to use this method, unless required to rescan source element children after dynamic changes.
HTMLMediaElement.mozCaptureStream()
[enter description]
HTMLMediaElement.mozCaptureStreamUntilEnded()
[enter description]
HTMLMediaElement.mozGetMetadata()
Returns Object, which contains properties that represent metadata from the playing media resource as {key: value} pairs. A separate copy of the data is returned each time the method is called. This method must be called after the loadedmetadata event fires.
HTMLMediaElement.mozLoadFrom()
This method, available only in Mozilla's implementation, loads data from another media element. This works similarly to load() except that instead of running the normal resource selection algorithm, the source is simply set to the other element's currentSrc. This is optimized so this element gets access to all of the other element's cached and buffered data; in fact, the two elements share downloaded data, so data downloaded by either element is available to both.
HTMLMediaElement.pause()
Pauses the media playback.
HTMLMediaElement.play()
Begins playback of the media.
HTMLMediaElement.seekToNextFrame()
Seeks to the next frame in the media. This non-standard, experimental method makes it possible to manually drive reading and rendering of media at a custom speed, or to move through the media frame-by-frame to perform filtering or other operations.
HTMLMediaElement.setMediaKeys()
Returns Promise. Sets the MediaKeys keys to use when decrypting media during playback.
HTMLMediaElement.setSinkId()
Sets the ID of the audio device to use for output and returns a Promise. This only works when the application is authorized to use the specified device.

Specifications

Specification Status Comment
HTML Living Standard
Die Definition von 'HTMLMediaElement' in dieser Spezifikation.
Lebender Standard No change from HTML5
HTML5
Die Definition von 'HTMLMediaElement' in dieser Spezifikation.
Empfehlung Initial definition.
Encrypted Media Extensions
Die Definition von 'Encrypted Media Extensions' in dieser Spezifikation.
Arbeitsentwurf Adds MediaKeys, MediaEncryptedEvent, setMediaKeys, onencrypted, and onwaitingforkey.
Media Capture and Streams
Die Definition von 'HTMLMediaElement' in dieser Spezifikation.
Bearbeiterentwurf Adds sinkId and setSinkId(), and captureStream().

Browser compatibility

Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari
Basic support (Ja) (Ja) 3.5 (1.9.1) [1] 9 (Ja) ?
buffered property (Ja) (Ja) 4.0 (2.0) 9 ? ?
defaultMuted property (Ja) (Ja) 11.0 (11.0) ? ? ?
loop property (Ja) (Ja) 11.0 (11.0) 9 ? ?
seekable property (Ja) (Ja) 8.0 (8.0) 9 ? ?
defaultPlaybackRate property (Ja) (Ja) 20.0 (20.0) 9 ? ?
playbackRate property (Ja) (Ja) 20.0 (20.0) 9 ? ?
preservesPitch property (Ja)webkit Nicht unterstützt 20.0 (20.0)moz Nicht unterstützt Nicht unterstützt Nicht unterstützt
preload property (Ja) (Ja) 4.0 (2.0)[2] ? ? ?
played property (Ja) (Ja) 15.0 (15.0) ? ? ?
crossOrigin property (Ja) (Ja) 12.0 (12.0)[3]
22.0 (22.0)
 
? ? ?
mozAudioChannelType property Nicht unterstützt Nicht unterstützt Nicht unterstützt Nicht unterstützt Nicht unterstützt Nicht unterstützt
mozChannels, mozFrameBufferLength, mozSampleRate properties Nicht unterstützt Nicht unterstützt 4.0 (2.0) Nicht unterstützt Nicht unterstützt Nicht unterstützt
mozGetMetadata() Nicht unterstützt Nicht unterstützt 17.0 (17.0) Nicht unterstützt Nicht unterstützt Nicht unterstützt
mozLoadFrom() Veraltet seit Gecko 24 Nicht unterstützt Nicht unterstützt 3.6 (1.9.2) Nicht unterstützt Nicht unterstützt Nicht unterstützt
mozSrcObject property Nicht unterstützt Nicht unterstützt 18.0 (18.0) Nicht unterstützt Nicht unterstützt Nicht unterstützt
initialTime property ? Nicht unterstützt 9.0 (9.0)[4] ? ? ?
fastSeek method ? Nicht unterstützt 31.0 (31.0) ? ? ?
startDate property ? Nicht unterstützt Nicht unterstützt[8] ? ? ?
mediaGroup and controller properties ? Nicht unterstützt Nicht unterstützt[9] ? ? ?
audioTracks, and videoTracks properties ? Nicht unterstützt 33.0 (33.0) [5] ? ? ?
textTracks property ? Nicht unterstützt Nightly build [6] ? ? ?
sinkId property and setSinkId() method 49.0 Nicht unterstützt ? ? ? ?
seekToNextFrame() method ? Nicht unterstützt 49 (49) [10] ? ? ?
srcObject 52.0 (Ja) ? ? 39 ?
captureStream() 53.0 Nicht unterstützt ? ? ? ?
onwaitingforkey  55.0 Nicht unterstützt ? ? 42 ?
controlsList 58.0 ? ? ? 45 ?
Feature Android Webview Chrome for Android  Edge Firefox Mobile (Gecko) Firefox OS (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support (Ja) (Ja) (Ja) (Ja) (Ja) ? (Ja) (Ja)
buffered property (Ja) (Ja) (Ja) 4.0 (2.0) (Ja) ? ? ?
defaultMuted property (Ja) (Ja) (Ja) 11.0 (11.0) (Ja) ? ? ?
loop property (Ja) (Ja) (Ja) 11.0 (11.0) (Ja) ? ? ?
seekable property (Ja) (Ja) (Ja) 8.0 (8.0) (Ja) ? ? ?
defaultPlaybackRate property (Ja) (Ja) (Ja) 20.0 (20.0) (Ja) ? ? ?
playbackRate property (Ja) (Ja) (Ja) 20.0 (20.0) (Ja) ? ? ?
preservesPitch property (Ja) (Ja) Nicht unterstützt 20.0 (20.0)moz (Ja) Nicht unterstützt Nicht unterstützt Nicht unterstützt
preload property (Ja) (Ja) (Ja) 4.0 (2.0) (Ja) ? ? ?
played property (Ja) (Ja) (Ja) 15.0 (15.0) (Ja) ? ? ?
crossOrigin property (Ja) (Ja) (Ja) 12.0 (12.0)[3]
22.0 (22.0)
 
(Ja) ? ? ?
mozAudiochannelType Nicht unterstützt Nicht unterstützt Nicht unterstützt Nicht unterstützt 1.0.1 Nicht unterstützt Nicht unterstützt Nicht unterstützt
mozChannels, mozFrameBufferLength, mozSampleRate properties Nicht unterstützt Nicht unterstützt Nicht unterstützt 4.0 (2.0) (Ja) Nicht unterstützt Nicht unterstützt Nicht unterstützt
mozGetMetadata() Nicht unterstützt Nicht unterstützt Nicht unterstützt 17.0 (17.0) (Ja) Nicht unterstützt Nicht unterstützt Nicht unterstützt
mozLoadFrom() Nicht unterstützt Nicht unterstützt Nicht unterstützt 1.0 (1.9.2)[7] (Ja) Nicht unterstützt Nicht unterstützt Nicht unterstützt
mozSrcObject property Nicht unterstützt Nicht unterstützt Nicht unterstützt 18.0 (18.0) (Ja) Nicht unterstützt Nicht unterstützt Nicht unterstützt
initialTime property ? ? Nicht unterstützt 9.0 (9.0)[4] (Ja) ? ? ?
fastSeek method ? ? Nicht unterstützt 31.0 (31.0) (Ja) ? ? ?
startDate property ? ? Nicht unterstützt Nicht unterstützt[8] (Ja) ? ? ?
mediaGroup and controller properties ? ? Nicht unterstützt Nicht unterstützt[9] (Ja) ? ? ?
audioTracks, and videoTracks properties ? ? (Ja) 33.0 (33.0)[5] (Ja) ? ? ?
textTracks property ? ? (Ja) Nightly build[6] (Ja) ? ? ?
sinkId property and setSinkId() method 49.0 49.0 Nicht unterstützt ? ? ? ? ?
seekToNextFrame() method ? ? Nicht unterstützt 49.0 (49) [10] ? ? ? ?
srcObject 52.0 52.0 (Ja) ? ? ? 39 ?
captureStream() 53.0 53.0 Nicht unterstützt ? ? ? ? ?
onwaitingforkey 55.0 55.0 Nicht unterstützt ? ? ? 42 ?
controlsList 58.0 58.0 ? ? ? ? 42 ?

[1] The NETWORK_LOADED state was removed to align with the HTML spec in Gecko 2.0 (Firefox 4 / Thunderbird 3.3 / SeaMonkey 2.1).

[2] Previously Gecko implemented this as autobuffer.

[3] Gecko implements this in lowercase, i.e. crossorigin.

[4] The feature was removed in Gecko 23.0 (Firefox 23 / Thunderbird 23 / SeaMonkey 2.20).

[5] The implementation is hidden behind the media.track.enabled preference.

[6] The implementation is hidden behind the media.webvtt.enabled preference, defaulting there to true.

[7] This feature was removed in 24.0 (24).

[8] Gecko doesn't implement this yet. See Bug 847376.

[9] Gecko doesn't implement this yet. See Bug 847377.

[10] The preference media.seekToNextFrame must be enabled to use the seekToNextFrame() method.

See also

Schlagwörter des Dokuments und Mitwirkende

 Mitwirkende an dieser Seite: Mike240731
 Zuletzt aktualisiert von: Mike240731,