Форум программистов, компьютерный форум, киберфорум
JavaScript для начинающих
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
114 / 112 / 62
Регистрация: 15.03.2013
Сообщений: 561
Записей в блоге: 5

Захват кадра с вебкамеры

10.07.2019, 22:28. Показов 1456. Ответов 0
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Собственной, необходимо взять кадр с камеры и отправить на сервер. С отправкой на сервер вопрос решиться потом, а пока не получается захватить кадр. В нете много всяких примеров, но не один не работает. В консоли Хрома вижу ошибку "GET https://192.168.1.119/mbp/[object%20MediaStream] 404 (Not Found)"

При заходе на сайт идет запрос на разрешение использования вебки. Далее загорается светик у камеры и через секунд 5 гаснет.
В чем может быть причина??? На смартфоне ситуация аналогичная.
Kод JS
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
$(function(){
    var canvas = $("#canvas")[0],
    context = canvas.getContext("2d"),
    video = $("#video")[0],
    videoObj = { video: { width: 320, height: 240 } },
    errBack = function(error) {
        console.log("Ошибка видео захвата: ", error.code);
    };
    navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;
    // Подключение потока
    if(navigator.getUserMedia) {
        navigator.getUserMedia(videoObj, function(stream) {
            console.log("video start 1");
            video.src = stream;
            video.play();
        }, errBack);
    } else if(navigator.webkitGetUserMedia) { // WebKit-prefixed
        navigator.webkitGetUserMedia(videoObj, function(stream){
            video.src = window.webkitURL.createObjectURL(stream);
            console.log("video start 2");
            video.onloadedmetadata = function(e) {
              video.play();
            };
//          video.play();
        }, errBack);
    }
 
    // Получение и отправка изображения
    $('#snap').click(function() {
          context.drawImage(video, 0, 0, 320, 240);
          $.post('/', { img : canvas.toDataURL('image/jpeg') });
    })
})
и HTML
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!doctype html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
 
</script>
</head>
<body>
    <video id="video" width="320" height="240"></video>
    <canvas id="canvas" width="320" height="240"></canvas>
    <br/> <button id="snap">Сфоткаться</button>
</body>
</html>
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
10.07.2019, 22:28
Ответы с готовыми решениями:

Захват изображения с вебкамеры
Уважаемые программисты:). Пожалуйста, помогите разобраться с проблемой.:cry: Я сам новичок в этом деле... Программирую в визуальной среде...

Захват видеопотока с IP вебкамеры
Здравствуйте) собственно вопрос аналогичен названию темы) как захватить видеопоток с IP вебкамеры? (камера через Wi-fi подключена к...

Захват видео с вебкамеры в qt
возможен ли захват видео с вебкамеры в qt ? и если да то можете прислать код как это сделать?

0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
10.07.2019, 22:28
Помогаю со студенческими работами здесь

Захват видеопотока с вебкамеры
Добрый. Имеется ESP32-CAM, у нее свой веб сервер, может отдавать видео, как на форму заполучить это видео? Какие есть варианты?

qt и opencv захват видео с вебкамеры
при захвате выдаёт такую ошибку вот код #include &quot;opencv2/highgui/highgui.hpp&quot; #include &quot;opencv2/video/tracking.hpp&quot; ...

Захват изображения с видеокамер/вебкамеры
Собственно сабж: еть вывод на экран видео,в определенный момент нужно сделать снимок(photo shot). Кто сталкивался, помогите плз,что то...

Захват кадра RTSP
Добрый день форумчане. Есть ip камера которая выдает только поток rtsp - mpeg4. Проигрывает в VLC нормально. Задача - по запросу...

Захват кадра в directshow (IMediaSample)
День добрый! IVideoWindow * g_pVW = NULL; IMediaControl * g_pMC = NULL; IMediaEventEx * g_pME = NULL; IMediaSample * g_pMS = NULL;...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Новые блоги и статьи
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20%
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики.
Hrethgir 07.04.2026
Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .
Горе от ума
kumehtar 07.04.2026
Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .
Использование значений реквизитов справочника в документе, с определенными условиями и правами
Maks 07.04.2026
1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .
Доступность команды формы по условию
Maks 07.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .
Уведомление о неверно выбранном значении справочника
Maks 06.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .
Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt
8Observer8 05.04.2026
Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .
AkelPad-скрипты, структуры, и немного лирики..
testuser2 05.04.2026
Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru