powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / не откликается камера на планшете
3 сообщений из 3, страница 1 из 1
не откликается камера на планшете
    #39934703
erleug
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Пытаюсь подключится к камере планшета и сделать снимок.

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
(function() {
    var video = document.getElementById('video'),
        canvas = document.getElementById('canvas'),
        context = canvas.getContext('2d'),
        photo = document.getElementById('photo'),
        vendorUrl = window.URL || window.webkitURL;
    navigator.getMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.
        mozGetUserMedia || navigator.msGetUserMedia;
    navigator.getMedia({
        video: true,
        audio: false
    }, function(stream) {
        video.src = vendorUrl.createObjectURL(stream);
        video.play();
    }, function(error) {
        alert('Ошибка! Что-то пошло не так, попробуйте позже.');
    });
    document.getElementById('capture').addEventListener('click', function() {
        context.drawImage(video, 0, 0, 400, 300);
        photo.setAttribute('src', canvas.toDataURL('image/png'));
    });
})();



Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
.booth {
    width: 400px;
    background: #ccc;
    border: 10px solid #ddd;
    margin: 0 auto;
}

.booth-capture-button {
    display: block;
    margin: 10px 0;
    padding: 10px 20px;
    background: cornflowerblue;
    color: #fff;
    text-align: center;
    text-decoration: none;
}

#canvas {
    display: none;
}



Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Приложение</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
<div class="booth">
    <video id="video" width="400" height="300" autoplay></video>
    <a href="#" id="capture" class="booth-capture-button">Сфотографировать</a>
    <canvas id="canvas" width="400" height="300"></canvas>
    <img id="photo" alt="Ваша фотография">
</div>
<script src="camera.js"></script>
</body>
</html>



При запуске браузера даю разрешение на использование камеры, но больше ничего не происходит, камера не активируется, точнее камера загорается лампочка и далее ничего и по нажатию на кнопку ничего не происходит. Браузер Хром последняя версия. Не пойму в чем ошибка
...
Рейтинг: 0 / 0
не откликается камера на планшете
    #39934883
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
erleug,

камера разрешена только по https
...
Рейтинг: 0 / 0
не откликается камера на планшете
    #39934948
erleug
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
вадя,

других вариантов нету работать с камерой? пока нет возможности кидать на домен файлы
...
Рейтинг: 0 / 0
3 сообщений из 3, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / не откликается камера на планшете
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]