Проверяем веб-камеру онлайн. Транслируем видеопоток с IP-камеры с помощью WebRTC. Как проверить работу камеры на ноутбуке

Часто пользователи сталкиваются с проблемами в подключении ip-камер через интернет. Эта статья должна дать исчерпывающие ответы на все вопросы, которые могут возникнуть в процессе.

Подключение IP камеры через браузер

Подключить ip-камеру можно к большинству популярных веб-браузеров. Это сделать достаточно просто, если следовать инструкции. Ее можно применить к множеству браузеров, так как она довольно стандартна. Если отличия в подключении и будут, то незначительные. Данные советы по подключению подходят к таким браузерам как Mozilla Firefox, Google Chrome и Internet Explorer.

ВАЖНО! Что войти в веб-интерфейс, ip-камера и компьютер должны быть в одной сети. Для этого нужно поменять ip-адрес компьютера.

Например у ip-камеры ip-адрес 192.168.0.5, у компьютера ставим 192.168.0.11 с маской 255.255.255.0.

Описание следующих пунктов предполагает, что камера уже подключена к интернету.

  • Для начала нужно открыть настройки ip-камеры. Для этого вводим ее IP адрес в адресную строку браузера. Он обычно указан в инструкции к камере.
  • Далее переходим SETTING −> BASIC −> Network −> Information. Там узнаем, какой номер порта HTTP использует камера. Изначально должно стоять 80. Как правило, нет необходимости менять номер порта, но иногда провайдеры могут заблокировать его. В связи с этим номер бывает приходиться менять.
  • После того как поменяли номер переходи в другой раздел «Инициализировать». Он находится в базовых настройках в разделе «Система». Здесь мы перезагружаем камеру, чтобы новый номер порта начал действовать.
  • После того как ip-камера перезагрузилась, открываем видеокамеру так как указано в первом пункте на домашнем компьютере.
  • После выполнения всего выше сказанного нужно настроить проброс портов на маршрутизаторе. То как его настраивать зависит от модели, которую вы используете. Если в работе ip-камеры есть какие-то сбои проверти все ли вы правильно сделали.

    Если у Вас до сих пор не подключается ip камера через браузер, смотрим видео ниже.

    Что делать если не получается подключить камеру к Wi-Fi?


    Проблемы с подключением камеры к Wi-Fi могут возникнуть по нескольким причинам. Самые популярные это:

  • У ip-камеры отсутствует настройка соединения с Wi-Fi. Часто неопытные пользователи просто подключают устройство, забывая о настройке. Однако камере нужно как минимум сообщить название сети и ее пароль.
  • Ip-камера подключена к компьютеру кабелем. Если его не отсоединить, то есть вероятность, что камера не сможет подключиться к Wi-Fi.
  • Ip-камера не видит необходимую беспроводную сеть. Часто эта проблема выявляется еще во время настройки. Это может завесить от разных причин:
    • Проблема с внешней антенной. Посмотрите все ли с ней в порядке, плотно ли она присоединена к оборудованию.
    • Зона действия Wi-Fi не достает до видеокамеры. Проверти не находятся ли видеооборудование и роутер слишком далеко друг от друга и нет ли рядом приборов заглушающих сигнал.
    • Ваш вай-фай работает в скрытом режиме и видеокамера его не видит. Если другое оборудование, которое не было подключено к вашему Wi-Fi, тоже ее не видят, значит, дело, скорее всего в этом.
  • Иногда проблема бывает в том, что вай-фай имеет сложный тип шифрования. Это значит, что в название сети и в ее пароле есть различные не латинские символы или ее имя слишком длинное. Это частая проблема, возникающая во время подключения к маршрутизаторам, у которых стандарт передачи Wi-Fi n-lite. Данные сложности могут возникнуть при подключении любого стороннего устройства к этой беспроводной сети. Решается все просто. Присвойте своему Wi-Fi более короткое имя или измените пароль. Чтобы с подключением точно не было проблем используйте исключительно латинские символы, установите короткое название сети и пароль.
  • Возможно, при настройке точки доступа не была включена служба выдачи IP-адресов DHCP. Или же произошел сбой, и она работает не корректно. То есть ваше устройство не получила IP-адрес, который ей выдал маршрутизатор. В этом случае можно присвоить IP адрес самостоятельно. Для этого:
    • Откройте веб-интерфейс видеокамеры
    • Откройте «Параметры сети», а затем «Сетевые настройки»
    • Отмените прием IP от DHCP сервера
    • Присвойте необходимый IP адрес, шлюз, DNS, Http порт, который стоит выставить 81, а маска подсети, как правило, выставляется автоматически.
  • Еще одна частая причина заключается в том, что в сети предусмотрено какое-то ограничение. Это может быть:
    • Запрет на подключение оборудования по MAC.
    • Лимит на количество подключенных к этой сети устройств.
    • Запрет на подключение оборудования по IP-адресам.
    • И другие нетривиальные настройки.

    Если у всех устройств, которые вы никогда раньше не подключали к своему Wi-Fi, есть проблемы с подключением к вашей сети, то вполне вероятно, что дело в описанных выше ограничениях. Нужно настроить конфигурацию точки доступа так, чтобы избавиться от этих проблем. Если настройка сети не возможна, то нужно настроить камеру с учетом имеющихся ограничений.

    Хотите узнать как ежемесячно зарабатывать от 50 тысяч в Интернете?
    Посмотрите моё видео интервью с Игорем Крестининым
    =>>

    В большинстве программ и сервисов, созданных для общения между людьми, предусмотрена возможность видеосвязи. Для этого необходимо использовать .

    При этом если на ноутбуке камера встроена изначально, то на стационарном компьютере, как правило, она отсутствует. В таком случае, для использования видеосвязи требуется дополнительная покупка и её установка.

    В принципе, любые процессоры оснащены специальным USB разъёмом, позволяющим подключать флешки, клавиатуру, а также любые устройства с таким же разъёмом.

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

    Перед началом использования устройства передающего изображение, необходимо подключить его к вашему компьютеру через USB-шнур.

    Затем в правом нижнем углу персонального компьютера появится всплывающее окно, в котором будет указано, что идёт установка драйверов. После этого в зависимости от операционной системы, проверку видео устройства можно делать по-разному.

    К примеру, на операционной системе Windows XP, установка драйверов происходит автоматически, после чего можно зайти в меню «Пуск» и выбрать «Панель управления».

    Затем найти из списка «Сканеры и камеры» и нажимаете на «USB видео устройство». После этого, если всё было установлено правильно, на мониторе появится изображение, передающееся с камеры.

    Для остальных операционных систем требуется дополнительная загрузка драйверов, с сайтов производителей веб-камер. Что касается проверки, то для этого нужно будет зайти в программу, где имеется возможность видеосвязи и осуществить с её помощью.

    Проверка видео устройства

    В качестве примера, приведу наиболее распространённую в использовании , зайдите в «Инструменты».

    В данном случае проверить камеру на работоспособность можно через раздел «Настройки» в пункте «Настройки видео».

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

    Если работает, то искать причину неполадок на своём компьютере, в противном случае, стоит обратиться в сервис или обменять её на новую веб камеру.

    Как проверить работу камеры на ноутбуке

    Видео устройство имеется на любом ноутбуке, но это не исключает возможности установки дополнительного оборудования, с помощью подсоединения к нему через USB-кабель. Чтобы проверить работает ли она, можно сделать это несколькими способами.

    К первому относится проверка с помощью меню «Пуск»:

  • В левом нижнем углу на экране нажать на «Пуск» и выбрать «Панель управления».
  • Выбираете «Оборудование и звук».
  • Нажимаете на «Диспетчер» и находите пункт «Устройства обработки изображений».
  • Нажимаете на камеру и правой кнопкой мыши кликаете на «Включить».
  • Последнее, что остаётся сделать, нажать на «Свойства» и перед вами должна появиться транслируемая картинка.
  • Второй способ, можно сказать универсальный и легкий в использовании для любого компьютера, который заключается в проверки оборудования с помощью Скайпа, Майл Агента и других сервисов для общения, где возможно использование видеосвязи.

    Как проверить камеру на компьютере в Интернете

    В настоящее время есть довольно много сервисов, позволяющих провести проверку веб камеры онлайн.

    Список сайтов где возможно проверить камеру онлайн:

  • testwebcam.com;
  • ru.webcammictest.com;
  • testcam.ru;
  • toolster.ru;
  • webcamtest.ru.
  • Зайдя на данные сайты, от вас требуется нажать на кнопку «проверить камеру» и разрешить доступ к вашей камере. Если всё в порядке, то вы сразу же увидите изображение с вашей камеры. Если есть проблемы, то вам об этом сообщат.

    Почему веб-камера не работает

    Может случиться так, что вы всё установили и при проверке соединения камера не заработала. Такие ситуации возможно по некоторым причинам:

  • При подключении USB-шнура, можно просто вставить его в разъём не до конца. Поэтому сразу проверьте этот момент;
  • Требуется установить дополнительные драйверы для корректной работы видео устройства. Для этого требуется скачать с сайта фирмы производителя дополнительные программы;
  • Шнур перетёрся. Соответственно придётся покупать новую веб-камеру;
  • Отключение в диспетчере устройств. Для этого через панель управления делаете разрешение на работу устройства;
  • Использование другим сервисом. Дело в том, что камера может работать только при использовании одного ресурса;
  • Браузер запрещает доступ видео устройства. Снять блокировку возможно нажав на окошко, где была предоставлена об этом информация.
  • Вот некоторые причины и способы их устранения, если устройство не работает.

    Дополнение

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

    Просто следуйте подсказкам и программа будет обновлена. Если обновление не удастся, то можно воспользоваться программой для сканирования и установки недостающих драйверов DriverFinder.

    Также если видео оборудование не работает, не лишней будет выполнение глубокой проверки, установленным на вашем компьютере , на наличие вредоносных программ и .

    Иногда USB-разъём приходит в нерабочее состояние, что также служит причиной неработоспособности камеры. Поэтому если при включении её к одному USB-порту, наблюдаются неполадки, то попробуйте включить в другой.

    Из всего этого следует то, что существует много разных способов проверки камеры на работоспособность, а также способов устранения неполадок, которые можно сделать самостоятельно.

    P.S. Прикладываю скриншоты моих заработков в партнёрских программах. И напоминаю, что может каждый, даже новичок! Главное — правильно это делать, а значит, научиться у тех, кто уже зарабатывает, то есть, у профессионалов .

    Вы хотите узнать какие ошибки совершают новички?


    99% новичков совершают эти ошибки и терпят фиаско в бизнесе и заработке в интернет! Посмотрите, чтобы не повторить этих ошибок — «3 + 1 ОШИБКИ НОВИЧКА, УБИВАЮЩИХ РЕЗУЛЬТАТ» .

    Вам срочно нужны деньги?


    Скачайте бесплатно: «ТОП — 5 способов заработка в Интернете ». 5 лучших способов заработка в интернете, которые гарантированно принесут вам результат от 1 000 рублей в сутки и более.

    Здесь готовое решение для вашего бизнеса!


    А для тех, кто привык брать готовые решения, есть «Проект готовых решений для старта заработка в Интернет» . Узнайте, как начать свой бизнес в Интернете, даже самому «зеленому» новичку, без технических знаний, и даже без экспертности.

    Друзья! Близятся те времена, когда почти все, для чего нужен был флеш в браузере, можно будет делать и без него. Не знаю как у вас, а у меня это вызывает кучу положительных эмоций. Одним из шагов на пути вытеснения flash становится реализация в браузерах getUserMedia (Stream) javascript API. На данный момент Stream API для видеопотока реализовано в последних десктопных версиях Chrome и Opera. Firefox на подходе. Аудиопоток “coming soon”. Даже не знаю, ждать ли чего-то от IE .. по идее, он скорее умрет (..а он умрет), чем начнет догонять всех остальных.

    Давайте взглянем на пример, а потом посмотрим, как это работает:

    Давайте разберемся, как это работает.

    Для начала нам понадобятся такие элементы, как:

  • video , в котором мы будем воспроизводить поточное видео с камеры пользователя
  • canvas , в который мы будем помещать кадры для сохранения
  • кнопка для захвата изображения
  • подсказка для юзера, который не понял, что вообще от него хотят.
  • JS navigator.getUserMedia({video:true}, // тип запрашиваемого стрима (может быть audio) function(stream) {/*callback в случае удачи*/}, function(){/*callback в случае отказа*/})

    Как видно, в случае удачи в callback вернется объект stream, на основе которого можно получить url видеопотока. Сделать это можно с помощью window.URL.createObjectURL(stream) , которая может быть вам знакома, если вы когда-либо использовали js file API.

    JS var url = window.URL.createObjectURL(stream);
    • передаем этот url объекту video
    • при нажатии на кнопку захватываем текущий кадр video в canvas
    • забираем data:url получившегося изображения из canvas
    • и все, готово! Можно делать с ним все, что угодно: отправить на сервер, отфильтровать, передать другу через сокет и тп. Подробнее про base64 и data:url формат можно почитать .
    Давайте рассмотрим код примера в начале статьи для наглядности

    Конечно, лучше и красивее создать все элементы (canvas, video, ..) динамически, но для наглядности и понимания давайте изначально расположим их статически на странице:

    HTML ▲ ▲ ▲ Разрешите использовать камеру ▲ ▲ ▲
    (Сверху текущей страницы) video canvas JS window.onload = function () { var canvas = document.getElementById("canvas"); var video = document.getElementById("video"); var button = document.getElementById("button"); var allow = document.getElementById("allow"); var context = canvas.getContext("2d"); var videoStreamUrl = false; // функция которая будет выполнена при нажатии на кнопку захвата кадра var captureMe = function () { if (!videoStreamUrl) alert("То-ли вы не нажали "разрешить" в верху окна, то-ли что-то не так с вашим видео стримом") // переворачиваем canvas зеркально по горизонтали (см. описание внизу статьи) context.translate(canvas.width, 0); context.scale(-1, 1); // отрисовываем на канвасе текущий кадр видео context.drawImage(video, 0, 0, video.width, video.height); // получаем data: url изображения c canvas var base64dataUrl = canvas.toDataURL("image/png"); context.setTransform(1, 0, 0, 1, 0, 0); // убираем все кастомные трансформации canvas // на этом этапе можно спокойно отправить base64dataUrl на сервер и сохранить его там как файл (ну или типа того) // но мы добавим эти тестовые снимки в наш пример: var img = new Image(); img.src = base64dataUrl; window.document.body.appendChild(img); } button.addEventListener("click", captureMe); // navigator.getUserMedia и window.URL.createObjectURL (смутные времена браузерных противоречий 2012) navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia; window.URL.createObjectURL = window.URL.createObjectURL || window.URL.webkitCreateObjectURL || window.URL.mozCreateObjectURL || window.URL.msCreateObjectURL; // запрашиваем разрешение на доступ к поточному видео камеры navigator.getUserMedia({video: true}, function (stream) { // разрешение от пользователя получено // скрываем подсказку allow.style.display = "none"; // получаем url поточного видео videoStreamUrl = window.URL.createObjectURL(stream); // устанавливаем как источник для video video.src = videoStreamUrl; }, function () { console.log("что-то не так с видеостримом или пользователь запретил его использовать:P"); }); }; CSSЗеркальное отображение при съемке

    В примере выше мы делали захват изображений с зеркальным отображением по горизонтали. Зачем, спросите вы. Иногда можно встретить такие задачи. Это особенно актуально, когда вам нужно точно спозиционировать свое изображение по отношению к фрейму или окружающим предметам. Например, поместить свое лицо в заданную область для сканирования, совместить с предустановленной маской и т.п. В этом случае для пользователя будет удобнее, если изображение, получаемое с камеры, отображается на мониторе зеркально (по горизонтали).

    Как мы этого достигли:

    Во-первых, мы сделали css transform для video

    CSS video{ transform: scaleX(-1); -o-transform: scaleX(-1); -ms-transform: scaleX(-1); -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); }

    Во-вторых, повернули изображение на canvas таким же образом

    JS // переворачиваем canvas зеркально по горизонтали context.translate(canvas.width, 0); context.scale(-1, 1);

    Если вам не нужно зеркальное отображение, просто удалите эту часть js и css

    Удачи! Жду вопросов и поправок в комментариях.

    Меня часто спрашивают, как проверить веб-камеру на компьютере. Казалось бы, странный вопрос, но ничего странного в нём нет — это действительно не так просто сделать неопытному пользователю.

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

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

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

    Как проверить веб-камеру программно

    Если Вы планируете участвовать в видеочатах или общаться с друзьями и родственниками онлайн — установите соответствующие программы для общения. В подобных продуктах всегда есть пункт настройки веб-камеры, где можно легко проверить её работу.

    Так случилось, что Вам не с кем общаться и надобности в подобных программах нет — не беда, есть другой способ проверить камеру программно.

    Буквально вчера, я описывал замечательную бесплатную программу WebCam On-Off , которая повышает безопасность Вашего компьютера подключенного к сети Интернет и одновременно может проверить Вашу веб-камеру на работоспособность всего одним кликом.



    Также, эта программа поможет тем пользователям, у которых нет подключения к сети Интернет (неужели ещё есть такие?).

    Как проверить веб-камеру онлайн

    Без установки в компьютер каких-либо программ проверить работу веб-камеры тоже можно — с помощью специальных сервисов в сети Интернет.

    Подобных сайтов очень много — я опишу, в двух словах, первую тройку из выдачи поисковой системы.

    http://ru.webcammictest.com/

    …и всё — Вы увидите себя на экране (если конечно камера исправна). Ещё на этом сайте можно проверить микрофон — пункт меню «Проверить микрофон».

    Кликните на «Воспроизведение» и начнёт транслироваться из динамиков душераздирающий звук, который будет сразу записываться микрофоном — прямая линия превратится в нервную кривую. Это означает, что микрофон чудно работает и исправен.

    http://webcamtest.ru/

    Тот же алгоритм действий — разрешаете доступ к камере и микрофону…

    …и смотрите на себя любимого в мониторе. Тут тоже можно проверить встроенный микрофон…

    http://toolster.ru/cam_checker

    Снова разрешаем доступ к камере и получаем результат проверки…

    В правом верхнем углу находим значок шестеренка он же «Сервис». Открываем вкладку «Свойства браузера». Выбираем раздел безопасность, выделаем значок «Интернет», кликаем на кнопку «Другой». В открывшемся меню настроек ищем строчки с Active X и включаем каждый сценарий, или ставим их в положение предлагать.

    Если все сделано верно, то при попадании на web интерфейс устройства, нам предложат пройти установку плагина, после которой можно будет осуществлять полноценную работу с Вашими видеокамерами.

    Настройка Google Chrom и Mozilla FireFox

    Возможность просмотра видеонаблюдения через другой сторонний браузер тоже имеется, но для этого необходимо установить специальное расширение IE Tab. Открываем значок «три точки» — настройки управление Google Chrome. Выбираем строку «Дополнительные инструменты» в выпадающем меню кликаем на расширения.

    В открывшемся окне «Расширения» в левом верхнем углу жмем на значок три черточки и находим «Магазин Сhrome».

    В окне поиска ищем необходимое нам расширение «IE TAB». Жмем установить.