問題タブ [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.

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

html - LocalMediaStreamをローカルに保存できますか?

WebRTCでは、getUserMedia()はMediaStreamObject-LocalMediaStreamを提供します。HTML5ROCKSには、カメラを中継できるチュートリアルがあります。LocalMediaStreamをlocalstorageに保存してから、生のバイト配列データをサーバーに渡すことは可能ですか?

HTML5ROCKSの記事は次のとおりです:http ://www.html5rocks.com/en/tutorials/getusermedia/intro/

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

html - HTML5 ビデオを Canvas にレンダリングすると、画像が押しつぶされます

getUserMedia を使用して、ユーザーの Web カメラから写真を撮ろうとしています。

カメラからの画像は 640x480 です (ユーザーの Web カメラに応じて、おそらく任意のサイズになる可能性があります)。

css で 320x240 のサイズのビデオ タグを取得しました。次のように Web カメラの画像をレンダリングしています。

これはうまくいきます。

次に、次のような写真/静止画を撮影します。

これにより、イメージがキャンバスに描画されますが、少しぼやけて見えます:/

次に、私がこれを行うと:

これはキャンバスを画像要素にレンダリングしますが、画像は押しつぶされ、300x150 :/

$canvas[0].width == 300$canvas[0].height == 150

どうしたの?

更新:興味深い/奇妙なことに-代わりにこれを行うと:

私はまだ300x150の画像になりますが、トリミングされています。ソースからの正しい縦横比のように見えますが

更新 2:さらに奇妙なことに、これを行うと:

私はまだ300x150の画像になりますが、画像の左上の4分の1です:'(

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

javascript - モバイルSafariのgetUserMediaを介してiPhoneでビデオを選択した後、ビデオファイルを再生するにはどうすればよいですか?

助けてくれる人には、私は気が遠くなり、iPhoneからtmpビデオファイルを再生する方法を理解できません。getUserMediaを使用しており、ファイルをデータベースに保存して、アップロード後に再生できます。ただし、データベースに送信する前にビデオをプレビューしたいと思います。それは可能ですか?ページフローは次のようになります。1。ビデオを録画し、リンクをクリックして、2。tmpファイルが再生されている新しいページを表示します。私は次のようにtmpファイルを参照します:$ _ FILES ["media"] ["tmp_name"]; (データベースから同じファイルを呼び出すときは、.movを追加するだけで、正常に再生されます)。誰かアイデアはありますか?よろしくお願いします!

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

c# - CEF の WebRTC (getUserMedia) が機能しない。しかし、それはChromeで動作します。何か案は?

Chrome で動作する最低限の Web ビデオ チャット ページがあります。apprtc.appspot.com のようなものですが、この機能を c++/c# アプリケーションに埋め込みたいと考えています。

そこで、Chromium Embedded Framework (つまり、cefclient.exe を使用した CEF) と WebRTC (getUserMedia) を試しましたが、Web カメラ接続がまったく機能しません。「ローカル メディアへのアクセスに失敗しました。エラー コードは 1 でした」というエラーが表示されます。

しかし、CEF wiki では、WebRTC が CEF に追加されたと主張されています。私が試している CEF のバージョンは、Windows 用の 3.1364.1094 です。

何か案は?WebRTC は本当に CEF で動作しますか? たぶん、WebRTC を CEF で動作させるためのいくつかの手順を見逃している可能性があります。

もう 1 つの観察結果は、WebRTC Webcam デモを実行しているときに CEF が権限バーを表示しないことです。これが手がかりになることを願っています。

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

javascript - 「許可」ボタンをクリックした後、getUserMedia 権限が拒否されました

navigator.getUserMedia()Web ページ (またはたとえばhttps://apprtc.appspot.com/ ) で期待どおりに使用しようとしていますが、Web カメラ/マイクへのアクセスを許可または拒否するよう求められます。

しかし、「許可」をクリックしても何も起こらず、ログに次のように表示されます。

私はUbuntu 12.04を使用しており、Chromium 24.0.1312.56、Chrome 24およびベータ25、Firefox 18.0.2で試しました。どこでも同じ問題。

ここのように、Flash を使用してウェブページのウェブカメラにアクセスできますhttp://www.xarg.org/project/jquery-webcam-plugin/

何が問題なのですか?

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

html - ウェブカメラからの画像のキャプチャ

ウェブカメラから画像をランダムにキャプチャしてサーバーに保存しようとしています。現在、getUserMedia を使用してウェブカメラをビデオ要素にストリーミングしてから、ボタンを使用してキャンバスに画像をキャプチャできますが、その画像をキャンバスからサーバーに保存する方法がわかりません。

もう 1 つの問題は、getUserMedia が Chrome、Opera、および Firefox でのみ機能することです。IE の代替手段はありますか?

これは私が現在取り組んでいるものです:

おかげでヒープ

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

javascript - html5 を使用してデバイスでカメラとマイクのプレゼンスを取得するにはどうすればよいですか?

HMTL5 でカメラとマイクを使用するアプリを作成しています。getUserMedia、webRTC、webAudio などの API でカメラとマイクを使用するためのすべてのドキュメントを読みましたが、getusermedia やその他の API を使用する前に方法がわかりません、カメラまたはマイクが接続されているかどうかを確認するにはどうすればよいですか?

カメラやマイクの接続状態に基づいてアプリケーション フローを実装したいと考えています。

デバイスの接続状態を取得できますか?

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

webrtc - localStreamを編集します

peerConnection()を介して別のピアに送信する前に、ローカルビデオストリーム「localStream」を編集する方法はありますか?

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

javascript - 小道具を変更するときにPHPの小道具を使用した顔認識が遅れる

小道具を備えた顔認識ライブラリを見つけましたが、使用する小道具を 1 つだけではなく変更できるようにしたいと考えていました。

を送信face.htmlする関数内にの関数を配置すると、小道具付きのカメラが作成されます。それは機能しますが、ある小道具を別の小道具から選択すると、ラグが発生し続けます。スクリプトはAPI を使用します。onclicksrcgetUserMedia

カメラのコンテンツを削除divして再作成しようとしましたが、うまくいきません。

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

qt - webRTC: qtwebkit2.3 の getusermedia が機能しない

ファンシーブラウザでwebRTCを有効にしようとしているqtでプロジェクトを行っています。これにはQT4.8が必要なので、qtWebKit2.3をダウンロードし、メディアストリームを有効にしてビルドに成功しました。しかし問題は、getusermedia を使用する Web ページを実行しているときに Web カメラにアクセスできないことです。何が問題なのですか?