Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from http://developer.mozilla.org/ja/docs/Web/API/MediaStreamAudioSourceNode/MediaStreamAudioSourceNode below:

MediaStreamAudioSourceNode: MediaStreamAudioSourceNode() コンストラクター - Web API

Baseline Widely available

ウェブオーディオ API の MediaStreamAudioSourceNode() コンストラクターは、指定された MediaStream の最初の音声トラックを音源として用いる新しい MediaStreamAudioSourceNode オブジェクトを作成して返します。

メモ: MediaStreamAudioSourceNode を作成するもう一つの方法は、音声の取得元のストリームを指定して AudioContext.createMediaStreamSource() メソッドを呼ぶことです。

new MediaStreamAudioSourceNode(context, options)

context

ノードを関連付ける音声コンテキストを表す AudioContext です。

options

MediaStreamAudioSourceNode に持たせるプロパティを定義するオブジェクトです。

mediaStream

必須のプロパティで、ノードが用いる音声の取得元となる MediaStream を指定します。

指定されたストリームから音声を取得する音声ノードを表す新しい MediaStreamAudioSourceNode オブジェクトを返します。

InvalidStateError DOMException

指定された MediaStream に音声トラックが無いとき投げられます。

この例では、getUserMedia() を用いてユーザーのカメラにアクセスし、その MediaStream から新しい MediaStreamAudioSourceNode を作成します。

// 変数を定義する
const audioCtx = new (window.AudioContext || window.webkitAudioContext)();

// getUserMedia によりストリームを取得し、
// MediaStreamAudioSourceNode に入れる
if (navigator.mediaDevices.getUserMedia) {
  navigator.mediaDevices
    .getUserMedia(
      // constraints: このアプリケーションで音声と映像を用いるか
      {
        audio: true,
        video: false,
      },
    )
    .then((stream) => {
      const options = {
        mediaStream: stream,
      };

      const source = new MediaStreamAudioSourceNode(audioCtx, options);
      source.connect(audioCtx.destination);
    })
    .catch((err) => {
      console.error(`以下の gUM エラーが発生しました: ${err}`);
    });
} else {
  console.log(
    "このブラウザーでは新しい getUserMedia がサポートされていません！",
  );
}

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4