Веб-камеры не новы в Интернете и все еще невероятно популярны. Это проще, чем когда-либо, настроить страницу веб-камеры и стать одним из многих доступных веб-сайтов. Все, что вам нужно, это компьютер с веб-камерой, подключение к Интернету и сервер для размещения вашего сайта. Настройка не займет много времени.
Как настроить веб-камеру для прямой трансляции
Вот как настроить веб-камеру для работы с вашим сайтом:
Выберите хостинг. Веб-хостинг — это сервер, который вы арендуете в Интернете для размещения своего сайта. Они обычно недороги и не требуют особого ухода. Вы можете сделать это практически с любым веб-хостингом.
Подключите веб-камеру к компьютеру, с которого хотите транслироваться. Используйте свой рабочий стол или компьютер меньшего размера, например Raspberry Pi. Убедитесь, что веб-камера подключена к компьютеру, на котором установлены последние версии драйверов.
Выберите медиаплеер. VLC — это бесплатный медиаплеер с открытым исходным кодом, работающий на Windows, Mac и Linux. VLC поставляется со встроенными возможностями потоковой передачи.
Перейдите на страницу загрузки VLC и загрузите последнюю версию установщика. Если вы используете Linux, VLC может быть найден в репозиториях вашего дистрибутива, поэтому проверьте сначала.
Установите VLC. Мастер проведет вас через процесс установки VLC в вашей системе.
Откройте VLC.
На главном экране VLC выберите СМИ.
Выбрать Ручей.
в Открытые СМИ диалоговое окно, выберите Устройство захвата Вкладка.
Выберите Название видеоустройства стрелка вниз и выберите вашу веб-камеру. Если вы планируете захватывать аудио тоже, выберите Название аудиоустройства стрелку раскрывающегося списка и выберите аудиоустройство. Затем выберите Ручей.
Проверьте источник вашего потока. VLC отображает местоположение вашей веб-камеры. Вы можете указать другой поток, но в большинстве случаев используйте значение по умолчанию.
Установите пункт назначения для вашего потока. выберите HTTP, затем выберите Добавлять.
Можно создать несколько пунктов назначения, но HTTP — все, что вам нужно для вашего потока.
VLC создает новую вкладку для вашего потока HTTP. Вкладка содержит две опции: одну для порта и одну для пути. Если у вас нет другого порта, использующего порт по умолчанию, оставьте его по умолчанию. Путь — это точный путь к вашему потоку, следующий за основным URL, и по умолчанию это http: // localhost: 8080 / path. в Дорожка текстовое поле, введите /ручей или что-то подобное, чтобы отделить поток от всего, что вы можете запустить.
Выберите профиль кодировки для вашего потока. Самый простой и универсальный формат для работы здесь — это OGG. Выберите Профиль стрелку раскрывающегося списка и выберите Видео — Theora + Vorbis (OGG). Используйте значок гаечного ключа для изменения определенных настроек, но профиль по умолчанию будет работать в большинстве случаев.
Выберите Поток всех элементарных потоков установите флажок, затем выберите Ручей начать.
Ваш поток теперь работает на вашем компьютере в порту, который вы указали. Вы можете получить к нему доступ в некоторых браузерах и мультимедийных проигрывателях, используя IP-адрес вашего компьютера, а также указанный вами порт и путь. Если вы хотите сделать это для Интернета, разрешите доступ к вашей домашней сети из Интернета. Есть два способа сделать это.
- Настройте переадресацию портов с вашего маршрутизатора на компьютер через порт, на котором работает ваш поток. Затем настройте динамический DNS из службы, такой как No-IP.com, чтобы убедиться, что ваш домашний IP-адрес не меняется. С помощью этого метода вы получаете доступ к своей камере таким же образом, но вы будете использовать внешний URL-адрес от No-IP, а затем номер порта и путь. Ваш адрес будет выглядеть так yourstream.no-ip.org:8080/stream.
- Настройте VPN. Вы можете подключить как компьютер, так и сервер, на котором размещен ваш сайт, к VPN. Через VPN они будут вести себя так, как будто они находятся в одной локальной сети, что делает ваш поток доступным и легкодоступным для вашего сервера.
Получив доступ к своей ленте, используйте текстовый редактор, чтобы написать базовый HTML-код, чтобы проверить, как ваша веб-камера будет отображаться на странице. Для чего-то минимального, используйте этот код на веб-странице:
Тест веб-камеры
Создайте тег HTML5 видео в теги. Установите атрибут источника в местоположение вашего потока.
Чтобы проверить это локально на вашем компьютере, введите:
Добавьте другие атрибуты для вашего видео, начиная с идентификатора, высоты и ширины.
Добавьте информацию о видео. Укажите тип видео, кодек и способ его воспроизведения в браузере.
Ваш HTML-файл должен выглядеть аналогично этому примеру.
Тест веб-камеры
Когда HTML выглядит правильно, сохраните файл.
Откройте файл в браузере. Чтобы проверить его локально, щелкните файл правой кнопкой мыши и выберите браузер, например Chrome. В противном случае загрузите файл в корневой каталог HTML на вашем сервере. Поток веб-камеры воспроизводится в основном на пустой странице.
Есть еще что вы можете сделать с вашей веб-камерой. Если вы планируете создать свой сайт с помощью WordPress, установите один из плагинов для веб-камеры. С этими плагинами все, что вам нужно сделать, это ввести адрес потока. Если вы сами создаете сайт, используйте видео тег HTML5 и обходите его.