問題タブ [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 投票する
2 に答える
367 参照

javascript - getUserMedia() を機能させるには何が必要ですか?

私はJavaScriptにかなり慣れていないので、getUserMedia(). このページに移動すると、すべて問題なく動作しますが、Chrome からカメラへのアクセスを許可するように求められます。しかし、githubからサイトのソース コードをダウンロードして、そのコードをローカルで実行しようとすると、機能しません。それを機能させるために何か追加が必要ですか?どうすればそれをデバッグできますか?

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

html - HTML5 と JavaScript で構築された QR スキャンは、phonegap ビルドで電話アプリになりましたか?

ウェブ上でこれに関する多くの投稿を見ましたが、それが可能かどうかはわかりません...

http://www.webqr.com/が推奨されているのを見たことがありますが、これのために github ( https://github.com/LazarSoft/jsqrcode )から .zip をアップロードしようとしましたが、コンパイルされたアプリは Android で失敗し、「申し訳ありません。ネイティブ Web カメラ ストリーミング (getusermedia) は、このブラウザではサポートされていません」

まあ、私はウェブカメラを実際に使用しようとしているわけではありません。可能であれば、電話/iPad でカメラにアクセスしたいのです。

HTML5からこれを行うことは実際に可能ですか、それとも適切なネイティブアプリが必要ですか? (私が念頭に置いているiPadアプリのxcode)

また、「phonegap」(phonegap ビルドとは対照的に) 用のプラグインもいくつか見てきましたが、これには mac/xcode も必要になるため、可能であればすべて Windows から実行しようとしているため、アプローチしたい角度ではありません。 .

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

javascript - getUserMedia を使用して Google Chrome でマイクにアクセスするにはどうすればよいですか?

さまざまな種類の Javascript コードを試しましたが、Windows と Chrome の設定でマイクの設定を変更しましたが、何も機能しませんでした。「Web オーディオ入力」を有効にしてみましたchrome://flagsが、まったく機能しません。誰か提案はありますか?カメラ アクセスは機能し、HTML5 カメラ操作は簡単に実行できますが、マイク タスクは機能しません。

次の JSFiddle は私のブラウザでは動作しません: http://jsfiddle.net/BWYu9/3/

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

html - HTML5 ビデオ録画とサーバーへのビデオの自動アップロード

学生向けの受験用ウェブサイトを開発しようとしています。このウェブサイトでは、学生はウェブカメラを使用して、問題(テキスト形式で表示)に一挙に答えることができるはずです。現在、Flash を使用してこの機能を実装しています。フレームをキャプチャし、同時にサーバーに送信します。この手法の問題点は、ビデオの品質 (FPS) が制限され、インターネット接続の帯域幅に依存することです。また、私はフラッシュの使用に賛成ではありません。

学生が開始ボタンをクリックするとすぐに、タイマーがビデオの録画を開始する必要があります。ビデオはクライアントのマシンに保存され(クライアントにパスを言及するように要求することなく)、ビデオが完了すると、サーバーに自動的にアップロードされ、アップロードが完了すると、ビデオはクライアントのマシンから自動的に削除される必要があります。

要するに、私が仕事を進めることができるように、誰でも私に出発点を与えることができますか. どんなヒーローも高く評価されます.Thanks!

0 投票する
4 に答える
32451 参照

html - 高解像度ビデオ/画像 html5 をキャプチャ

geUserMedia() を使用して、ウェブカメラIntroから画像をキャプチャします。

私が得られる最高の解像度は640 X 480ですが、 1280 X 720でビデオを録画し、 2592 X 1944の写真を撮るHD ウェブカメラがあります。

高解像度の写真をキャプチャするにはどうすればよいですか?

コードのサンプルを 1 つ示します。キャンバスのサイズは気にしません。

0 投票する
7 に答える
46796 参照

javascript - ページを更新せずに getUserMedia の Web カメラ ストリーミングを停止する

JavaScript関数を使用してWebカメラを閉じようとしています(Ajax応答を受け取った後に閉じる必要があります)が、ページを更新しないと閉じることができないようです。video.src = null、video.pause...などのように閉じるためのすべてのメソッドは、どのブラウザーでもまったく機能しません。独自の方法は、success 関数のパラメーターとして渡されたストリームを閉じることです。このオブジェクトを関数 success の外で使用して Web カメラを閉じる方法はありますか?

この質問は以前に尋ねられたことを知っています ( getUserMedia と RTCPeerConnection Chrome 25 を使用してウェブカメラを停止/閉じる) が、私のニーズは異なるため、この問題を解決するには助けが必要です

ありがとう!

編集:ウェブカメラを閉じようとしている私の作業コード:

うーん..ここにコードを投稿するのは本当に複雑です XD

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

javascript - 画像をダウンロードするキャンバス URL

ダウンロードするリンクを挿入するには、キャンバス/画像の URL を取得するだけです。

私は次のコードを持っています...

このコードで何が起こるか...ウェブカメラによる画像キャプチャです.daiには保存ボタンがあり、これが必要なものです