← 返回首页
HTMLMediaElement: captureStream() Methode - Web-APIs | MDN
HTML

HTML: Markup language

HTML reference HTML guides Markup languages
CSS

CSS: Styling language

CSS reference CSS guides Layout cookbook
JavaScriptJS

JavaScript: Scripting language

JS reference JS guides
Web APIs

Web APIs: Programming interfaces

Web API reference Web API guides
All

All web technology

Technologies Topics
Learn

Learn web development

Frontend developer course Learn HTML Learn CSS Learn JavaScript
Tools

Discover our tools

About

Get to know MDN better

Blog
Seitenleiste umschalten
  1. Web
  2. Web-APIs
  3. HTMLMediaElement
  4. captureStream()
Farbschema
  • Systemeinstellung
  • Hell
  • Dunkel
Deutsch
Sprache merken Mehr erfahren

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

HTMLMediaElement: captureStream() Methode

Eingeschränkt verfügbar

Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.

Die captureStream()-Methode des HTMLMediaElement-Interfaces gibt ein MediaStream-Objekt zurück, das einen Echtzeit-Stream der Inhalte erfasst, die im Medienelement gerendert werden.

Dies kann beispielsweise als Quelle für eine WebRTC RTCPeerConnection verwendet werden.

In diesem Artikel

Syntax

js
captureStream()

Parameter

Keine.

Rückgabewert

Ein MediaStream-Objekt, das als Quelle für Audio- und/oder Videodaten von anderem Medienverarbeitungscode verwendet werden kann oder als Quelle für WebRTC.

Beispiele

Grundlegende Verwendung

In diesem Beispiel wird ein Event-Handler eingerichtet, sodass beim Klicken auf einen Button die Inhalte eines Medienelements mit der ID "playback" in einen MediaStream aufgenommen werden. Der Stream kann dann für andere Zwecke genutzt werden, wie z. B. einen WebRTC-Stream, um aufgezeichnete Videos mit einer anderen Person während eines Videoanrufs zu teilen.

js
document.querySelector(".playAndRecord").addEventListener("click", () => { const playbackElement = document.getElementById("playback"); const captureStream = playbackElement.captureStream(); playbackElement.play(); });

Siehe Aufzeichnen eines Medienelements für ein längeres und komplizierteres Beispiel und eine Erklärung.

Spezifikationen

Spezifikation
Media Capture from DOM Elements
# dom-htmlmediaelement-capturestream

Browser-Kompatibilität

JavaScript aktivieren, um diese Browser-Kompatibilitätstabelle anzuzeigen.

Siehe auch

Help improve MDN

War diese Übersetzung hilfreich?
Ja Nein
Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.
Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden
  1. Media Capture and Streams API (Media Stream)
  2. HTMLMediaElement
  3. Instanzeigenschaften
    1. audioTracks
    2. autoplay
    3. buffered
    4. controller
    5. controls
    6. controlsList
    7. crossOrigin
    8. currentSrc
    9. currentTime
    10. defaultMuted
    11. defaultPlaybackRate
    12. disableRemotePlayback
    13. duration
    14. ended
    15. error
    16. loading
    17. loop
    18. mediaGroup
    19. mediaKeys
    20. muted
    21. networkState
    22. paused
    23. playbackRate
    24. played
    25. preload
    26. preservesPitch
    27. readyState
    28. remote
    29. seekable
    30. seeking
    31. sinkId
    32. src
    33. srcObject
    34. textTracks
    35. videoTracks
    36. volume
  4. Instanzmethoden
    1. addTextTrack()
    2. canPlayType()
    3. captureStream()
    4. fastSeek()
    5. getStartDate()
    6. load()
    7. pause()
    8. play()
    9. seekToNextFrame()
    10. setMediaKeys()
    11. setSinkId()
  5. Events
    1. abort
    2. canplay
    3. canplaythrough
    4. durationchange
    5. emptied
    6. encrypted
    7. ended
    8. error
    9. loadeddata
    10. loadedmetadata
    11. loadstart
    12. pause
    13. play
    14. playing
    15. progress
    16. ratechange
    17. seeked
    18. seeking
    19. stalled
    20. suspend
    21. timeupdate
    22. volumechange
    23. waiting
    24. waitingforkey
  6. Vererbung
    1. HTMLElement
    2. Element
    3. Node
    4. EventTarget
  7. Verwandte Seiten für Media Capture and Streams
    1. CanvasCaptureMediaStreamTrack
    2. HTMLCanvasElement.captureStream()
    3. HTMLMediaElement.captureStream()
    4. InputDeviceInfo
    5. MediaDeviceInfo
    6. MediaDevices
    7. MediaStream
    8. MediaStreamTrack
    9. MediaStreamTrackEvent
    10. MediaTrackConstraints
    11. MediaTrackSettings
    12. MediaTrackSupportedConstraints
    13. Navigator.mediaDevices
    14. OverconstrainedError
  8. Anleitungen
    1. Fähigkeiten, Einschränkungen und Einstellungen
    2. Fotos aufnehmen mit getUserMedia()

Der Bauplan für ein besseres Internet.

MDN Mitmachen Entwicklung

Besuche die gemeinnützige Muttergesellschaft der Mozilla Corporation, die Mozilla Foundation.
Teile dieses Inhalts sind ©1998–2026 von einzelnen mozilla.org-Mitwirkenden. Inhalte sind verfügbar unter einer Creative-Commons-Lizenz.