MediaStreamAudioSourceNode: MediaStreamAudioSourceNode() Konstruktor - Web-APIs | MDN

Seitenleiste umschalten

Farbschema

Systemeinstellung
Hell
Dunkel

Deutsch

Sprache merken Mehr erfahren

MediaStreamAudioSourceNode: MediaStreamAudioSourceNode() Konstruktor

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit April 2021 browserübergreifend verfügbar.

Der MediaStreamAudioSourceNode()-Konstruktor der Web Audio API erstellt und gibt ein neues MediaStreamAudioSourceNode-Objekt zurück, das die erste Audiospur eines gegebenen MediaStream als Quelle verwendet.

Hinweis: Eine andere Möglichkeit, um ein MediaStreamAudioSourceNode zu erstellen, ist die Methode AudioContext.createMediaStreamSource() aufzurufen, wobei der Stream angegeben wird, aus dem Sie Audio beziehen möchten.

In diesem Artikel

Syntax

new MediaStreamAudioSourceNode(context, options)

Parameter

context

Ein AudioContext, der den Audiokontext darstellt, mit dem der Knoten verknüpft werden soll.

options

Ein Objekt, das die Eigenschaften definiert, die der MediaStreamAudioSourceNode haben soll:

mediaStream

Eine erforderliche Eigenschaft, die den MediaStream angibt, aus dem Audio für den Knoten bezogen werden soll.

Rückgabewert

Ein neues MediaStreamAudioSourceNode-Objekt, das den Audioknoten darstellt, dessen Medien aus dem angegebenen Quellstream bezogen werden.

Ausnahmen

InvalidStateError DOMException

Wird ausgelöst, wenn der angegebene MediaStream keine Audiospuren enthält.

Beispiele

In diesem Beispiel wird getUserMedia() verwendet, um Zugriff auf die Kamera des Benutzers zu erhalten. Anschließend wird ein neues MediaStreamAudioSourceNode aus seinem MediaStream erstellt.

js
// define variables
const audioCtx = new AudioContext();

// getUserMedia block - grab stream
// put it into a MediaStreamAudioSourceNode
if (navigator.mediaDevices.getUserMedia) {
  navigator.mediaDevices
    .getUserMedia(
      // constraints: audio and video for this app
      {
        audio: true,
        video: false,
      },
    )
    .then((stream) => {
      const options = {
        mediaStream: stream,
      };

      const source = new MediaStreamAudioSourceNode(audioCtx, options);
      source.connect(audioCtx.destination);
    })
    .catch((err) => {
      console.error(`The following gUM error occurred: ${err}`);
    });
} else {
  console.log("new getUserMedia not supported on your browser!");
}

Spezifikationen

Spezifikation

Web Audio API
# dom-mediastreamaudiosourcenode-mediastreamaudiosourcenode

Browser-Kompatibilität

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

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

Web Audio API
MediaStreamAudioSourceNode
Konstruktor
1. MediaStreamAudioSourceNode()
Instanzeigenschaften
1. mediaStream
Vererbung
1. AudioNode
2. EventTarget
Verwandte Seiten für Web Audio API
Anleitungen
1. Verwendung der Web Audio API
2. Grundlegende Konzepte hinter der Web Audio API
3. Best Practices für die Web Audio API
4. Fortgeschrittene Techniken: Erstellen und Sequenzieren von Audio
5. Hintergrund-Audiobearbeitung mit AudioWorklet
6. Steuerung mehrerer Parameter mit ConstantSourceNode
7. Beispiel und Tutorial: Einfaches Synthesizer-Keyboard
8. Verwendung von IIR-Filtern
9. Visualisierungen mit Web Audio API
10. Grundlagen der Audio-Räumlichkeit im Web