Почему не работает камера телефона на js?

Question

[Denisca Gareev]

Привет.
Сегодня хотел "поиграть" с камерой, написать макет сайта подключить js и что бы при заходе пользователь разрешал использовать камеру, и видел свое лицо или свои ноги)
Нашел в интернете как сделать локальный http сервер на node.js скопировал код, изменил немного, запустил... Пробовал на ноутбуке, всё работает. Зашел на сайт с телефона но почему то ничего не спрашивает и не показывает. Вот часть кода:

navigator.mediaDevices.getUserMedia({video: true}) .then((stream)=> {
    var video = document.getElementById("video-elem");
    video.srcObject = stream;
    video.play();
    alert("OK");
}, (err)=> alert(err));

Браузер телефона Chrome.
Камеры телефона работают.

Answer 1

[Дуболом Одноклеточный]

Может быть это из-за localhost? Иногда javascript на localhost блокируется

Comments

[Denisca Gareev]

Ну почему то же через пк работает?

[Дуболом Одноклеточный]

Denisca Gareev, Потому что это ПК а не телефон, они по другому работают с localhost, поэтому лучше на домене и реальном хостинге посмотри.
Есть такая штука как Heroku. Там можно бесплатно развернуть свое приложение (но для реальных проектов его не используй!).

[Denisca Gareev]

Дуболом Одноклеточный, Спасибо но про heroku все знают)

[Дуболом Одноклеточный]

Denisca Gareev, Там внизу говорят про https. Возможно, что твой localhost телефон распознает как http, поэтому блокирует скрипт!

[Denisca Gareev]

Дуболом Одноклеточный, Это да написано что Подключение не защищено

[Denisca Gareev]

Thank you)

Answer 2

[Lynn «Кофеман»]

https://developer.mozilla.org/en-US/docs/Web/API/M...

Если коротко, то страница и скрипты должны отдаваться по HTTPS.

Comments

[Denisca Gareev]

Вы случаем не знаете как создать локальный сервер HTTPS?

[Дуболом Одноклеточный]

Denisca Gareev, Есть prepros, хотя он для другого

[Дуболом Одноклеточный]

https://prepros.io/

[Denisca Gareev]

Thank you)

[Дуболом Одноклеточный]

Denisca Gareev, Рад, что помогло

[Denisca Gareev]

Thank you)

[Lynn «Кофеман»]

Denisca Gareev,
По мне так самое простое это https://ngrok.com/

[profesor08]

Алексей Тен, 2 раза F5 и пошлет он тебя. Там очень мало коннектов в минуту выделяется, а каждый http запрос это один коннект.
Есть альтернатива в виде https://localtunnel.github.io/www/