問題タブ [getusermedia]
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.
javascript - navigator.mediaDevices.getUserMedia によって開かれたウェブカメラ ストリームを停止/閉じる
次の JavaScript コードを使用して Web カメラを開きました。
ウェブカメラを停止または閉じるための JavaScript コードはありますか? みんな、ありがとう。
javascript - getUserMediaからオーディオストリームを録音する
最近、私はJavaScriptを使用してオーディオストリームを録音しようとしました。動作するサンプルコードがないことがわかりました。
サポートしているブラウザはありますか?
これが私のコードです
javascript - getUserMedia - デバイスに実際にカメラがあるかどうかを検出する方法
私は html5/javascript getUserMedia API を使って、利用可能な場合にデバイスのカメラを使用する js アプリを作成しています。私は Modernizr を使用して、(ブラウザーの) 機能を次のように検出しています。
そして真のブロック内:
これはうまくいきます。しかし、私が見つけたのは、デバイスに実際にカメラがあるかどうかではなく、API をサポートするブラウザーに基づいて Modernizer.getUserMedia 呼び出しが true を返すことです。
すなわち。iSight カメラと現在のバージョンの Chrome を搭載した私の MacBook では、Modernizr.getUserMedia は true を返し、navigator.getUserMedia(...) はカメラを使用する許可を求めます。優秀な
ただし、カメラがなくても現在のバージョンの Chrome がインストールされている別のマシンでは、Modernizr.getUserMedia は true を返します。これは、navigator.getUserMedia(...) がデバイスにないカメラを使用する許可を求めていることを意味します。それほど優れていません!
カメラの存在を検出できるかどうか知っている人はいますか? 理想的には、ユーザーがカメラを持っていない場合に、カメラへのアクセス許可を求めるプロンプトを表示したくありません!
乾杯
ネイサン
html - Firefox での getUserMedia の検出
getUserMedia を使用してユーザーの Web カメラにアクセスし、スナップショットを撮らせる Web アプリを作成しています。
これは、ファイルを手動でアップロードできるように正常に機能を低下させますが、このユース ケースではより面倒ですが、少なくとも他のブラウザーでアプリを使用することはできます。
私がやっていることは次のとおりです。
- ブラウザが getUserMedia をサポートしていない場合は、「ねえ、もっと良いブラウザを入手してください」というサインを表示します。
- そうであれば、「クリック許可」を表示し、getUserMedia を呼び出します。
- getUserMedia が「失敗」コールバックを呼び出した場合、「おっと、うまくいきませんでした。[許可] をクリックしましたか?」という趣旨の何かを表示します。
現在、FirefoxはgetUserMedia をサポートしていますが、「about:config」でマジック フラグを手動でオンにする必要があります。ただし、フラグがオフの場合 (デフォルト)、getUserMedia が存在するため、ブラウザーはそれをサポートしているように見えますが、それを呼び出しても何もしません(失敗関数を呼び出しても)
ユーザーに本当に興味深いことを伝えることができないため、これはあらゆる可能性の中で最悪です。
これをきれいに処理する良い方法はありますか?基本的に、フラグがオフの場合、Firefox がカメラをサポートしていないことを知らせるものはすべて、基本的に、「Firefox の場合、フラグがデフォルトでオンになっていることに気付くまで、サポートされていないと仮定します。 "。
html - getUserMedia を使用してウェブカメラ画像のサイズを取得するにはどうすればよいですか?
getUserMedia を使用して Web カメラから取得した画像のサイズを調べようとしています。
現在、私の Macbook にはおそらく 720p のカメラがありますが、得られる画像は 640x480 です。ただし、これが常に当てはまるとは限らないと思います。できるだけ多くのカメラを処理できるようにしたいと考えています。(サイズ自体よりも縦横比の方が気になります。写真が引き伸ばされないようにしたいだけです)
これを行うことは可能ですか?
ありがとうございました!
ダニエル
webrtc - WebRTC - ブラウザーは、ローカルの html ファイルのマイク アクセス許可を要求しません。
getUserMedia
ユーザーのマイクにアクセスするために使用する単純な webRTC コードがあります。そのhtmlファイル(ローカルホストに保存)をブラウザにロードすると、ブラウザはマイクアクセス許可を要求しないため、アクセスに失敗します。
しかし、w3schools.com エディター内で同じ html を実行すると、マイクへのアクセス許可が求められ、マイクへのアクセスを許可すると、正常に動作します...
この奇妙な動作はなぜですか?
javascript - JavascriptでFirefoxのmedia.navigator.enabledの値を読み取ります
私はJavascriptでgetUserMedia()を使用してデモを作成し、デバイスのWebカメラを取得してビデオストリームをhtml5キャンバスに描画しています。getUserMedia()をサポートしていないブラウザーの場合、デフォルトでFlashバージョンのデモに戻ります。
これで、これはすべてChromeとOpera、およびほぼFirefox 18で正常に機能します。ただし、Firefoxにはまだ問題があります。構成ファイルでは、media.navigator.enabledがデフォルトでfalseに設定されています。これは、ユーザーがカメラを有効にするかどうかを選択できないことを意味し、私のスクリプトは、決して来ない答えを待つだけです。
今では明らかに、設定ファイルでこの設定を変更または設定することはできず、変更したくありません。ただし、「if(media.navigator.enabled)...」のように続行する前にチェックを実行できるように、このフラグの値を取得する方法はありますか?
そうでなければ、Firefox用のFlashを常に使用する必要があります。これは少し残念です。
デモはこちらです。
html - HTML5 API 用のカスタム ユーザー許可要求ダイアログを作成することは可能ですか?
HTML5 API (地理位置情報や getUserMedia など) のカスタム ユーザー許可要求ダイアログを作成して、すべてのブラウザーで同じように表示することはできますか?
javascript - getUserMedia リクエストのキャンセル
getUserMedia
ユーザーのカメラからのビデオを表示するために使用するアプリケーションに、モーダル ダイアログ ボックスがあります。これにより、「拒否/許可」バーが表示されます。ユーザーが「拒否」または「許可」をクリックする前にダイアログを閉じたとします。バーを使用する要素が消えても、バーは残ります。
ユーザーがアクセス許可要求を操作したことがなくても、アクセス許可要求を非表示にできることをブラウザーに通知する方法はありますか?
google-chrome - Chrome getUserMediaビデオがローカルホストで機能しない
Chrome の getUserMedia をローカルホストで動作させようとしています。
私のindex.phpファイルは次のとおりです。
私のscript.jsファイルは次のとおりです。
Chrome からカメラとマイクの使用を許可するように求められますが (許可します)、何も起こりません。
jsfiddeで正常に動作します
何か案は?