запрос на разрешение веб-камеры не работает с локальными файлами

Question

При экспериментировании с WebRTC. Я посмотрел несколько примеров и загрузил один из github. Это совсем не работало. В правой части URL-адреса был значок, который указывал, что моя веб-камера заблокирована. Я нажал на него и сказал, что он может использовать мою веб-камеру. Затем хром сказал, чтобы перезагрузить страницу, чтобы я сделал это. И все было так же, как в начале. Но когда я загрузил один и тот же сайт через jsfiddle, он спросил у меня всплывающее окно для доступа к веб-камерам (так же, как и все другие приложения), и это работало без недостатка. Я тестировал некоторые другие браузеры, и все было одинаково. У кого-нибудь есть предложение решить эту проблему? Спасибо!

Answer 1

Чтобы использовать API веб-камеры, файл должен запускаться с сервера. Когда вы запустите его из JSFiddle, он запускается на сервере и, таким образом, работает. Это не будет работать, если вы запустите его как file:/// в вашем браузере, вы должны запустить локальный веб-сервер на своем компьютере и откройте веб-приложение оттуда, как http://

Запуск сервера

Ну вебсервера может быть очень сложным и требует знания в использовании программного обеспечения, такого как apache или ISS. К счастью, для develpers просто ищет простой, прямой веб-сервер для разработки на стороне клиента, есть несколько простых решения:

• Окно: использовать программное обеспечение под названием WAMP - это автоматически запускает Apache на вашем machiene и создает на вашем компьютере, на котором вы можете разместить все содержимое веб-сайта. http://www.wampserver.com/en/
• Mac: simillar для WAMP, у mac есть часть программного обеспечения под названием XAMP, которая делает практически то же самое. http://www.apachefriends.org/en/xampp.html

Оба довольно просты, но я думаю, этого будет достаточно для простой разработки интерфейса.

Answer 2

Chrome заблокировал мою веб-камеру на сайте, где я несколько раз отказывался от доступа (потому что я тестировал).

Возможно, вам потребуется посетить chrome: // settings/contentExceptions # media-stream и очистить настройки.