Saltar al contenido

Як налаштувати веб-сторінку веб-камери

13 de mayo de 2021

Веб-камери не є новиною в Інтернеті і все ще неймовірно популярні. Налаштувати сторінку веб-камери простіше, ніж будь-коли, і стати одним із багатьох доступних веб-сайтів. Все, що вам потрібно, це комп’ютер з веб-камерою, підключення до Інтернету та сервер для розміщення вашого сайту. Налаштування теж не займає занадто багато часу.

Змістовий покажчик

Як налаштувати веб-камеру для прямих трансляцій

Ось як налаштувати веб-камеру для роботи з вашим веб-сайтом:

  1. Виберіть послугу хостингу. Веб-хост – це сервер, який ви орендуєте в Інтернеті для розміщення вашого сайту. Зазвичай вони недорогі і не потребують особливого обслуговування. Ви можете зробити це практично на будь-якому веб-хості.

  2. Підключіть веб-камеру до комп’ютера, з якого ви хочете вести трансляцію. Використовуйте свій робочий стіл або менший виділений комп’ютер, наприклад, Raspberry Pi. Переконайтеся, що веб-камера підключена до комп’ютера, на якому встановлено найновіші драйвери.

  3. Виберіть медіаплеєр. VLC – це медіаплеєр з відкритим кодом, який є безкоштовним та працює на Windows, Mac та Linux. VLC має вбудовані можливості потокового передавання.

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

  4. Встановіть VLC. Майстер проведе вас через процес встановлення VLC у вашій системі.

    Встановіть VLC

  5. Відкрийте VLC.

    VLC працює в Windows 10

  6. На головному екрані VLC виберіть ЗМІ.

    Вкладка «Медіа» у програвачі VLC Media Player у Windows

  7. Виберіть Потік.

    Параметр меню

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

    Захоплення пристрою у VLC для Windows

  9. Виберіть Назва відеопристрою стрілка спадного меню та виберіть веб-камеру. Якщо ви також плануєте робити аудіо, виберіть Назва аудіопристрою стрілку спадного меню та виберіть аудіопристрій. Потім виберіть Потік.

    Кнопка

  10. Перевірте джерело свого потоку. VLC відображає розташування вашої веб-камери. Ви можете вказати інший потік, але в більшості випадків використовуйте значення за замовчуванням.

  11. Налаштуйте пункт призначення для вашого потоку. Вибирайте HTTP, потім виберіть Додати. Можна створити кілька напрямків, але HTTP – це все, що потрібно для вашого потоку.

  12. VLC створює нову вкладку для вашого потоку HTTP. Вкладка містить два варіанти, один для порту та інший для шляху. Якщо у вас немає чогось іншого, що використовує порт за замовчуванням, зберігайте значення за замовчуванням. Шлях – це точний шлях до вашого потоку, що йде за основною URL-адресою, і за замовчуванням це http: // localhost: 8080 / path. В Шлях текстове поле, введіть / потік або щось подібне, щоб тримати потік окремо від усього іншого, що ви можете запускати.

    Вкладка HTTP у VLC для Windows

  13. Виберіть профіль кодування для вашого потоку. Найпростіший і універсальний формат для роботи тут – OGG. Виберіть Профіль випадаючу стрілку і виберіть Відео – Theora + Vorbis (OGG). Використовуйте значок гайкового ключа, щоб змінити певні налаштування, але профіль за замовчуванням буде працювати в більшості ситуацій.

    Кнопка параметрів кодування (значок гайкового ключа) у налаштуваннях потокового виводу у VLC для Windows

  14. Виберіть Потік усіх елементарних потоків і встановіть прапорець Потік починати.

    Кнопка

  15. Зараз ваш потік запущений на вашому комп’ютері у вказаному вами порту. Ви можете отримати до нього доступ у деяких браузерах та медіаплеєрах, використовуючи IP-адресу комп’ютера та вказаний вами порт та шлях. Коли ви хочете зробити це для Інтернету, дозвольте доступ до домашньої мережі з Інтернету. Є два шляхи досягнення цього.

    • Налаштуйте переадресацію портів з маршрутизатора на комп’ютер через порт, на якому запущений ваш потік. Потім налаштуйте динамічний DNS від такої служби, як No-IP.com, щоб гарантувати, що ваша домашня IP-адреса не зміниться. За допомогою цього методу ви отримуєте доступ до камери таким же чином, але ви будете використовувати зовнішню URL-адресу з No-IP, а потім номер порту та шлях. Ваша адреса буде виглядати так yourstream.no-ip.org:8080/stream.
    • Налаштуйте VPN. Ви можете підключити до VPN і свій комп’ютер, і сервер, на якому розміщений ваш сайт. Через VPN вони будуть поводитись як в одній локальній мережі, роблячи ваш потік доступним і легко доступним для вашого сервера.
  16. Отримавши доступ до свого потоку, використовуйте текстовий редактор, щоб написати базовий HTML, щоб перевірити, як ваша веб-камера буде виглядати на сторінці. Для чогось мінімального використовуйте цей код на веб-сторінці:

  17. Створіть HTML-тег відео в

    Щоб перевірити це локально на своєму комп’ютері, введіть:

  18. Додайте інші атрибути для свого відео, починаючи з ідентифікатора, висоти та ширини.

  19. Додайте інформацію про відео. Вкажіть тип відео, кодек і те, як браузер повинен його відтворювати.

  20. Ваш файл HTML повинен виглядати подібним до цього прикладу.

  21. Коли HTML буде виглядати правильно, збережіть файл.

  22. Відкрийте файл у браузері. Щоб перевірити його локально, клацніть файл правою кнопкою миші та виберіть браузер, такий як Chrome. В іншому випадку завантажте файл у кореневий каталог HTML на своєму сервері. Потік веб-камери відтворюється на переважно порожній сторінці.

    Потік веб-камери VLC у Chrome

Встановіть плагін веб-камери для WordPress

З веб-камерою можна зробити більше. Якщо ви плануєте створити свій сайт за допомогою WordPress, встановіть один із плагінів веб-камери. За допомогою цих плагінів все, що вам потрібно зробити, це ввести адресу потоку. Якщо ви створюєте сайт самостійно, використовуйте тег відео HTML5 і обійдіть це.