firefoxでカメラが使えません。

2015/12/29 15:29

このQ&Aのポイント

firefoxでカメラが使えない問題についての解決方法を教えてください。
ブラウザにlocalhost/camera.htmlと入力してもカメラが映らない問題を解決したいです。
Apacheを使用してcamera.htmlを配置したにもかかわらず、カメラが映らない問題についての解決策を教えてください。

firefoxでカメラが使えません。

apacheを入れて、/var/www/htmlの下にhttps://html5experts.jp/mganeko/5098/のコードをコピーしたcamera.htmlを置いて、ブラウザにlocalhost/camera.htmlと入力したのですが、タイトルがSelf Cameraの白いページが出てきます(カメラが映りません)。解決方法を知りたいです、よろしくお願いします。 ↓camera.html <!doctype html> <html> <head> <title>Self Camera</title> </head> <body> <video id="myVideo" width="400" height="300" autoplay="1" ></video> <script type="text/javascript"> navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || window.navigator.mozGetUserMedia; window.URL = window.URL || window.webkitURL; var video = document.getElementById('myVideo'); var localStream = null; navigator.getUserMedia({video: true, audio: false}, function(stream) { // for success case console.log(stream); video.src = window.URL.createObjectURL(stream); }, function(err) { // for error case console.log(err); } ); </script> </body> </html> ブラウザコンソールでは下のように出ます。 TelemetryStopwatch: key "PLACES_AUTOCOMPLETE_URLINLINE_DOMAIN_QUERY_TIME_MS" was already initialized TelemetryStopwatch.jsm:52:0 HTML ドキュメントの文字エンコーディングが宣言されていません。ドキュメントに US ASCII 外の文字が含まれている場合、ブラウザの設定によっては文字化けすることがあります。ページの文字エンコーディングはドキュメント中または転送プロトコルで宣言されなければなりません。 camera.html MediaStreamError { name: "NotFoundError", message: "The object can not be found here.", constraintName: "", stack: "" } camera.html:21:7 GET http://localhost/favicon.ico [HTTP/1.1 404 Not Found 0ms] GET http://localhost/favicon.ico#-moz-resolution=16,16 [HTTP/1.1 404 Not Found 0ms] 1451368920441 Toolkit.Telemetry WARN TelemetryStorage::_scanArchive - have seen this id before: 798934e5-3e01-4177-8073-deaed73c65fa, overwrite: false firefox42です。vistaとubuntu14.04のデュアルブートで、131万画素のwebカメラ内蔵です。ブラウザのurlにlocalhostと入れるとApache2 Ubuntu Default Pageという見出し(タイトルではなく)が出ます。ファビコンはなくていいです。また、文字化けは今は気にしていません。webrtcを用いてカメラが表示できません。 apacheを入れて、/var/www/htmlの下にhttps://html5experts.jp/mganeko/5098/のコードをコピーしたcamera.htmlを置いて、ブラウザにlocalhost/camera.html入力したのですが、タイトルがSelf Cameraの白いページが出てきます。(カメラが映りません) ↓camera.html <!doctype html> <html> <head> <title>Self Camera</title> </head> <body> <video id="myVideo" width="400" height="300" autoplay="1" ></video> <script type="text/javascript"> navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || window.navigator.mozGetUserMedia; window.URL = window.URL || window.webkitURL; var video = document.getElementById('myVideo'); var localStream = null; navigator.getUserMedia({video: true, audio: false}, function(stream) { // for success case console.log(stream); video.src = window.URL.createObjectURL(stream); }, function(err) { // for error case console.log(err); } ); </script> </body> </html> ブラウザコンソールでは下のように出ます。 TelemetryStopwatch: key "PLACES_AUTOCOMPLETE_URLINLINE_DOMAIN_QUERY_TIME_MS" was already initialized TelemetryStopwatch.jsm:52:0 HTML ドキュメントの文字エンコーディングが宣言されていません。ドキュメントに US ASCII 外の文字が含まれている場合、ブラウザの設定によっては文字化けすることがあります。ページの文字エンコーディングはドキュメント中または転送プロトコルで宣言されなければなりません。 camera.html MediaStreamError { name: "NotFoundError", message: "The object can not be found here.", constraintName: "", stack: "" } camera.html:21:7 GET http://localhost/favicon.ico [HTTP/1.1 404 Not Found 0ms] GET http://localhost/favicon.ico#-moz-resolution=16,16 [HTTP/1.1 404 Not Found 0ms] 1451368920441 Toolkit.Telemetry WARN TelemetryStorage::_scanArchive - have seen this id before: 798934e5-3e01-4177-8073-deaed73c65fa, overwrite: false firefox42です。vistaとubuntu14.04のデュアルブートで、131万画素のwebカメラ内蔵です。ブラウザのurlにlocalhostと入れるとApache2 Ubuntu Default Pageという見出し(タイトルではなく)が出ます。ファビコンはなくていいです。また、文字コードは今は気にしていません(文字を表示していないので)。

tmfpe
お礼率66% (2/3)

JavaScript
回答数2
ありがとう数1

みんなの回答 （2）
専門家の回答

みんなの回答

tkf-
ベストアンサー率58% (821/1398)

2016/01/03 11:16 回答No.2

エラーの内容や、そのリンク先の内容を読む限りでは、HTTPSなどのセキュアな通信でなければ許可しなくなったように変更した、とあります。また、リンク先の情報で、 > localhost is treated as a secure origin over HTTP, so if you're able to run your server from localhost, you should be able to test the feature on that server. localhostの場合は、HTTPでいいようなことを書いてありますね。実際localhostだと問題なく表示され、IPアドレス指定では表示されませんでした。 *確認したChromium バージョン 47.0.2526.80 Built on 8.2, running on Debian 8.2

tkf-
ベストアンサー率58% (821/1398)

2015/12/29 23:21 回答No.1

肝心のWebカメラが対応していないものなのではないでしょうか。 Vistaの頃のWebカメラはUVC対応していない可能性があります。当方、debianですが、ELECOM UCAM-DLU130HSVで正常動作しました。ちなみにカメラ無しの場合、こんなメッセージが出ました。 > MediaStreamError { name: "OverconstrainedError", message: "Constraints could be not satisfied.", constraint: "deviceId", stack: "" } camera.html:21:11

質問者

お礼 2016/01/02 17:05

UVC対応カメラを使ったらfirefoxで見れました!ありがとうございました。返信に時間がかかったのは、logicoolのカメラc270を買って、windowsにしかドライバがなかったので、クライアント側(vista)のpcにドライバを入れ、サーバの設定をしたためです。申し訳ありません。でも、chromeでは見られませんでした。chromeでF12を押してConsoleを見ると、下のように書いています。 [!マーク]getUserMedia() no longer works on insecure origins. To use this feature, you should consider switching your application to a secure origin, such as HTTPS. See https://goo.gl/rStTGz for more details. ↑camera.html:15 ▼NavigatorUserMediaError [tab]constraintName: "" [tab]message: "Only secure origins are allowed (see: https://goo.gl/Y0ZkNV)." [tab]name: "PermissionDeniedError" [tab]▼__proto__: NavigatorUserMediaError [tab][tab]constraintName: (...) [tab][tab]▼get constraintName:　function() [tab][tab][tab]arguments: null [tab][tab][tab]caller: null [tab][tab][tab]length: 0 [tab][tab][tab]name: "" [tab][tab][tab]＞__proto__: function() [tab][tab][tab]＞<function scope> [tab][tab]▼constructor: function NavigatorUserMediaError() [tab][tab][tab]arguments: null [tab][tab][tab]caller: null [tab][tab][tab]length: 0 [tab][tab][tab]name: "NavigatorUserMediaError" [tab][tab][tab]＞prototype: NavigatorUserMediaError [tab][tab][tab]＞toString: function　toString() [tab][tab][tab]＞__proto__: function() [tab][tab][tab]＞<function scope> [tab][tab][tab]message: (...) [tab][tab]▼get message: function() [tab][tab][tab]arguments: null [tab][tab][tab]caller: null [tab][tab][tab]length: 0 [tab][tab][tab]name: "" [tab][tab][tab]＞__proto__: function() [tab][tab][tab]＞<function scope> [tab][tab][tab]name: (...) [tab][tab]▼get name: function() [tab][tab][tab]arguments: null [tab][tab][tab]caller: null [tab][tab][tab]length: 0 [tab][tab][tab]name: "" [tab][tab][tab]＞__proto__: function() [tab][tab][tab]＞<function scope> [tab][tab]▼__proto__: Object [tab][tab][tab]＞__defineGetter__: function__defineGetter__() [tab][tab][tab]＞__defineSetter__: function__defineSetter__() [tab][tab][tab]＞__lookupGetter__: function__lookupGetter__() [tab][tab][tab]＞__lookupSetter__: function__lookupSetter__() [tab][tab][tab]＞constructor: function Object() [tab][tab][tab]＞hasOwnProperty: function hasOwnProperty() [tab][tab][tab]＞isPrototypeOf: function isPrototypeOf() [tab][tab][tab]＞propertyIsEnumerable: function propertyIsEnumerable() [tab][tab][tab]＞toLocaleString: function toLocaleString() [tab][tab][tab]＞toString: function toString() [tab][tab][tab]＞valueOf: function valueOf() [tab][tab][tab]＞get __proto__: function get __proto__() [tab][tab][tab]＞set __proto__: function set __proto__() ↑camera.html:21 三角を、▼、＞で代用しています。[tab]が表示できないので"[tab]"と入れました、そのため見づらいです、すいません。