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

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.

Syntax

js

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

Help improve MDN

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.