こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

-広告-

締切り済みの質問

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]
1451368920441Toolkit.TelemetryWARNTelemetryStorage::_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]
1451368920441Toolkit.TelemetryWARNTelemetryStorage::_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という見出し(タイトルではなく)が出ます。
ファビコンはなくていいです。また、文字コードは今は気にしていません(文字を表示していないので)。

投稿日時 - 2015-12-29 15:29:40

QNo.9103068

困ってます

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

-広告-
-広告-

回答(2)

ANo.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

投稿日時 - 2016-01-03 11:16:16

-広告-

ANo.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

投稿日時 - 2015-12-29 23:21:31

お礼

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]"と入れました、そのため見づらいです、すいません。

投稿日時 - 2016-01-02 17:05:41

-広告-
-広告-
-広告-
-広告-