問題タブ [mediastream]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
0 に答える
319 参照

webrtc - ユーザーメディアの解放が Firefox で機能しない

アプリにウェブカメラとマイクを使用しています。ビデオとオーディオの部分が終わったら、両方のデバイスを解放したいと考えています。明示的に共有を停止するか、ページを更新するまで、ウェブカメラのライトがオンになっています。

この質問で与えられた回答を実装しようとしましたが、運が悪かった-navigator.getUserMediaによって開かれたウェブカメラを停止/閉じる

何が悪いのかわからない。

0 投票する
0 に答える
567 参照

html - html5 ビデオ コンテンツを base64 として取得する

mp4 ファイルを含む Web サイトを指す src 属性を持つ html5 ビデオ タグがあります。base64 文字列としてロードされたときに、このビデオのコンテンツを取得することは可能ですか?

UPD: ブラウザ内でバイナリ ビデオ データが必要です。

ありがとう。

0 投票する
1 に答える
24084 参照

webrtc - WebRTC で MediaStream にトラックを追加する方法

ピア間の通信に webrtc を使用しています。オーディオ通信中にマイクを切り替える機能をユーザーに提供したくないため、古い生成ストリームに新しいトラックを追加したくありません。私が使用しているコードは、

「pc」を、音声通信が行われる peerConnection オブジェクト、「newStream」を、新しく選択されたマイク デバイスを使用して getUserMedia 関数から取得した新しく生成された MediaStream にします。

新しく追加されたトラックが、SDP 全体を再度提供することなく、以前に接続されていた他のピアに到達し始める方法はありますか?

ピア間で接続がすでに確立されている場合、スイッチ メディア デバイス、つまりマイクなどの場合に使用する最適な方法は何でしょうか?

0 投票する
2 に答える
3897 参照

html - html5でオーディオストリームの波形を描く方法は?

ウェブカメラからのメディア ストリームがあります。その場で (メディア ストリームから抽出された) オーディオの波形を描画する必要があります。JSを使用してHTML5でこれを行うには?

私がチェックしました:

https://github.com/soundcloud/waveformjs

https://github.com/katspaugh/wavesurfer.js

それらはすべてオーディオファイルで動作するようです。ストリームに対してそれを行う方法は?

0 投票する
3 に答える
2339 参照

javascript - 録音アイコン MediaStreamRecorder.js ライブラリを削除しますか?

Javascript を使用したオーディオ キャプチャに MediaStreamRecorder.js ライブラリを使用しています。ほとんどすべて問題ありません。私が見つけた唯一の問題は、[停止] をクリックして記録を停止したときに、赤い記録アイコンがまだタブに表示されていることです。[停止] をクリックしたときにこのアイコンを削除する方法を知っている人はいますか?

jsFiddle での例: https://jsfiddle.net/davidsadan/wazb1jks

これは、[停止] をクリックしたときの様子を示したものです。

ここに画像の説明を入力

ps: https でのみ動作します。申し訳ありませんが、英語で申し訳ありませんが、ブラジル人です...

0 投票する
1 に答える
4026 参照

javascript - フル解像度で HTML5 の画像をキャプチャする

MediaStream API を使用して JavaScript で画像をキャプチャすることができます。ただし、そのためには、まずビデオ オブジェクトをインスタンス化し、次にフレームをキャンバスにペイントして画像を取得する必要があります。しかし残念なことに、多くのデバイス (携帯電話など) では、デバイスのネイティブ解像度でビデオをキャプチャすることはできません。たとえば、私の電話では、最大画像解像度は 4000x3000 程度ですが、最大ビデオ解像度はわずか 1920x1080 です。明らかに、利用可能な解像度のわずか 1/6 の画像をキャプチャすることは受け入れられません。

では、デバイスのカメラのフル解像度にアクセスするにはどうすればよいでしょうか?

0 投票する
1 に答える
192 参照

node.js - コンソールに MediaStream プロパティの値が表示されない

私は WebRTC と Node.js がまったく初めてで、チュートリアルhttp://www.tutorialspoint.com/webrtc/webrtc_media_stream_apis.htm を使用してサンプル webRTC アプリを構築しようとしていましたが、自分で作成したことを除いて、まったく同じ手順に従いました。同じサイトの nodejs チュートリアルを使用する Nodejs サーバー。webrtc チュートリアルで述べたように、コンソールで MediaStream のプロパティ値を確認できません。私の場合、完全に空白です。私が間違っていることは何もありません。私のファイルはhttp://127.0.0.1:8081/index.htmlで実行されており、ローカル ビデオを見ることができます。