Як додати відеоконференцію на свій сайт

Не секрет, що глобальна пандемія протягом 2020 і 2021 років прискорила впровадження відеоконференцій у всьому світі.

Тепер люди використовують Zoom, Microsoft Teams або інші рішення для відеоконференцій для різних цілей: віртуальні класи для дітей, вебінари, віртуальні зустрічі, віддалена робота або навіть просто для спілкування з друзями.

Зважаючи на це, багато компаній почали бачити переваги відеоконференцій і прагнуть вбудувати функцію відеоконференцій на свої веб-сайти.

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

Думаєте про те, щоб додати відеоконференцію на свій веб-сайт або платформу, але не знаєте, з чого почати?

Ви прийшли в потрібне місце.

У цьому посібнику ми обговоримо все, що вам потрібно знати про вбудовування відеоконференцій у ваш веб-сайт або програму, і відповімо на деякі ключові запитання, наприклад:

• У чому полягає терміновість додавання відеоконференцій у ваш бізнес?
• Як відеоконференції можуть покращити внутрішні комунікації та взаємодію з клієнтами?
• Які проблеми безпеки при додаванні відеоконференцій на вашу платформу?
• Наскільки складно додати відеоконференцію? Які у нас є варіанти?

І багато іншого.

Без зайвих розмов, давайте почнемо відразу.

Навіщо додавати відеоконференції на свій сайт?

Ми всі знаємо, що сьогодні відеомаркетинг повсюдний, але яка необхідність у додаванні відеоконференцій та інших відеофункцій на ваш веб-сайт або програму?

Існує три основні випадки використання функцій відеоконференцій на вашій платформі:

1. Полегшення двостороннього зв’язку в реальному часі

Сучасні споживачі просто очікують миттєвих відповідей від брендів, з якими вони взаємодіють, і, якщо це можливо, одним натисканням. За словами а нещодавнє дослідження HubSpot90% поточних клієнтів очікують відповіді протягом 10 хвилин на свої запитання чи запити, інакше вони перейдуть до вашого конкурента.

Додавши на свій веб-сайт функцію відеоконференцій, компанія може надати клієнтам миттєвий спосіб взаємодії з вашим веб-сайтом у реальному часі.

Двостороннє миттєве віртуальне спілкування може покращити взаємодію клієнта з вашим брендом кількома різними способами:

• Усунення непорозумінь і помилок у розумінні потреб і проблемних моментів ваших клієнтів. Краще розуміння своїх клієнтів є ключовим для спонукання їх купувати (і купувати більше) у вас.
• Створення кращих людських зв’язків із клієнтами.
• Надання кращої можливості для вашого бізнесу поінформувати клієнтів про цінності вашого бренду/продукту/послуги.

Ми всі як клієнти знаємо, що важче сказати «ні» під час особистої пропозиції в режимі реального часу, ніж під час пропозицій по телефону чи реклами. Ми можемо створити той самий ефект за допомогою відеоконференцій.

2. Створення цифрових подій для підтримки ваших маркетингових зусиль

Додавання функції відеоконференцій до вашого сайт дозволяє компаніям проводити високоякісні віртуальні події безпосередньо на своїх веб-сайтах або в додатках: вебінари, презентації цифрових продуктів, основні доповіді та навіть повноцінні цифрові конференції та виставки. Віртуальні події активно застосовуються в програми партнерського маркетингу і вони використовуються разом із онлайн-зустрічами. Цифрові події та афілійований маркетинг – це пара, створена на небесах. Поєднуючи ці фактори разом, ви можете досягти широкого діапазону результатів.

Увімкнувши фірмові цифрові події на своєму веб-сайті, ваш бізнес може створити набагато більш інтегрований досвід у реальному часі для клієнтів, клієнтів і внутрішніх зацікавлених сторін.

Ви також можете використовувати функцію відеоконференцій для проведення «менших» заходів, таких як демонстрації продуктів, обмін відгуками клієнтів, тематичні дослідження тощо.

3. Покращення внутрішніх комунікацій

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

Це особливо вірно, якщо у вашій команді є віддалені працівники (що стає все більш поширеним явищем). Завдяки відеоконференціям віддалені команди можуть почувати себе більш пов’язаними з організацією, в якій вони працюють, та іншими членами команди порівняно з електронною поштою чи телефоном. комунікації на основі.

Відеоконференції також мінімізують плутанину та помилки під час передачі. Під час спілкування електронною поштою чи телефоном непорозуміння можуть виникнути, незважаючи на всі ваші зусилля, але під час відеозв’язку ми можемо використовувати контекст виразу обличчя та мови тіла разом із голосовим спілкуванням.

У довгостроковій перспективі ця покращена, точніша комунікація може допомогти підвищити моральний дух і продуктивність команди.

Як працюють відеоконференції на веб-сайті

Є три життєздатні рішення для додавання відеоконференцій на ваш веб-сайт або платформу, кожне з яких має свої переваги та недоліки.

Однак, вибираючи між цими варіантами, зрештою, мова йде про вартість/складність впровадження та можливість налаштування.

Три варіанти є

1. Створення вашого рішення з нуля

Перший підхід полягає в створенні функціональних можливостей відеоконференцій з нуля, або самостійно, найнявши розробника програмного забезпечення, або передавши проект фрілансеру чи агентству. Щоб відповідати поточним стандартам, які очікує ринок для сучасного рішення для відеоконференцій щодо функцій і надійності, необхідним є найм або аутсорсинг досвідченої команди.

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

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

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

2. Вбудовування готових рішень

Другий варіант — це вставити готові (готові) рішення для відеоконференцій, такі як Zoom або Microsoft Teams, на ваш веб-сайт.

Більшість популярних рішень для відеоконференцій пропонують SDK та/або API, щоб легко вставити їх функції для відеоконференцій на ваш веб-сайт або програму. Багато з цих рішень дуже доступні і навіть абсолютно безкоштовні.

Це найдоступніший варіант і, як правило, найпростіший у реалізації, але також варіант, у якому ви отримаєте найменшу свободу щодо настроювання та персоналізації. Вам потрібно буде дотримуватися інтерфейсу, дизайну та функцій, запропонованих за замовчуванням у вибраному вами рішенні.

3. Інтеграція API з рішення white-label

У цьому варіанті ви отримаєте найкраще з обох світів: ви можете обійти тривалий і дорогий процес розробки свого рішення з нуля, але ви можете налаштувати функції відеоконференцій на своєму веб-сайті, як вважаєте за потрібне.

Callbridge — це біле рішення для відеоконференцій що дозволяє легко інтегрувати його API у ваш веб-сайт або програму.

Просто додайте кілька рядків коду до своєї програми/веб-сайту, і ви отримаєте бажані функції відеоконференцій на своєму веб-сайті.

Хоча ви не отримаєте 100% свободи, яку б інакше отримали при створенні власного рішення з нуля, з iotum video API, ви все одно матимете можливість додавати власний логотип, колірну схему бренду та інші елементи до існуючої програми. Iotum також надає послуги для впровадження будь-яких індивідуальних функцій в API відповідно до запитів клієнтів.

Як додати відеоконференцію на свій сайт через Iotum API

У партнерстві з Iotum ви можете легко вбудувати функцію відеоконференцій Iotum через API.

Однак переконайтеся, що ваш веб-сайт правильно налаштований, щоб забезпечити належну роботу програвача відеоконференцій Iotum.

Вимоги до веб-сайту для вбудованого коду

• Ви можете вставити будь-яку сторінку, видиму на Iotum, у свій веб-сайт або веб-додаток за допомогою iframe. Обов’язково встановіть параметр src iframe на URL-адресу кімнати для нарад.
• Переконайтеся, що в iframe дозволено функції камери та мікрофона та встановлено повноекранний режим.
• Сторінка чи сторінки хосту повинні мати дійсний сертифікат SSL, щоб iframe Iotum правильно працював у Chrome.
• В Internet Explorer або Edge, якщо iframe знаходиться в іншому iframe (більш ніж один рівень глибини), усі предки iframe Iotum повинні належати одному хосту.

Коли всі вимоги будуть виконані, просто скопіюйте та вставте цей код на свій веб-сайт:

Ви можете вставити будь-яку сторінку Iotum з однаковим форматом коду.

Якщо ви бажаєте, щоб користувач увійшов до системи, перш ніж він зможе переглядати та використовувати iframe, ви можете скористатися функцією SSO, як ми обговоримо далі в цьому посібнику.

Вбудовування плеєра прямого ефіру Iotum

Ви також можете транслювати відеоконференції Iotum у прямому ефірі через HLS і HTTPS.

Подібно до вбудовування кімнати для нарад, ви можете вставити програвач прямої трансляції Iotum через iframe. Переконайтеся, що атрибути iframe дозволяють автоматичне відтворення та повноекранний режим, щоб забезпечити належну роботу програвача прямої трансляції.

Просто скопіюйте та вставте наступний код:

Примітка: 123456 — це код доступу до кімнати зустрічі, з якої транслюється прямий ефір

Налаштуйте кімнату для відеоконференцій Iotum

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

Ви можете налаштувати кімнату для відеоконференцій двома основними методами за допомогою цих параметрів URL-адреси:

назва: рядок. Якщо включити цей параметр URL-адреси, користувачам не буде запропоновано ввести свої імена.
skip_join: правда/хибність. Якщо включити цей параметр URL-адреси, користувачі не бачитимуть діалогове вікно вибору відео/аудіопристрою. За замовчуванням користувачі приєднуватимуться за допомогою системного мікрофона та камери за умовчанням.
спостерігач: правда/неправда. Коли користувач приєднується до кімнати для відеоконференцій із вимкненою камерою, інші користувачі не бачитимуть плитку відео. Цей користувач усе ще може чути та бути почутим іншими користувачами.
вимкнення звуку: мікрофон, камера. Ви можете передати «camera», «mic» або обидва «camera, mic». Це дозволяє за замовчуванням вимкнути камеру чи мікрофон користувача, коли він приєднується до кімнати.
перегляд:галерея,нижній_динамік,лівий_бічний_динамік. Типовим видом для зустрічей є перегляд галереї. Ви можете змінити це, вказавши 'bottom_speaker' або 'left_side_speaker'. 'bottom_speaker'

Ви також можете налаштувати кімнату для відеоконференцій, щоб приховати або відобразити ці елементи керування інтерфейсу користувача:

Обмін екраном
Дошкою
Запис
Об'єм виводу
Текстовий чат
Учасниками
Ігнорувати все
Інформація про зустріч
Налаштування
Full Screen
Перегляд галереї
Якість підключення

Використання макета стрічки для перегляду вечірок або ігор

Ви можете скопіювати та вставити наведений нижче код, щоб відобразити iframe відеоконференції у вигляді стрічки, яку можна розмістити внизу кімнати/програми; корисно для перегляду вечірок, ігор чи інших випадків використання, які вимагають, щоб значна частина екрана була присвячена програмі:

Використання подій і дій SDK для керування подіями в реальному часі

За допомогою подій Iotum WebSDk ви можете керувати та змінювати події (наприклад, вебінари або відеоконференції) у режимі реального часу, щоб відповідно динамічно оновлювати досвід користувачів.

Реєстрація на заходи

Обробка подій

Iotum також дозволяє викликати дії API у локальній конференц-залі відповідно до фактичних потреб вашої події, включаючи додавання власного інтерфейсу користувача за допомогою дій WebSDK.

Включаючи SSO (єдиний вхід)

Ви можете безперешкодно входити користувачів у свою програму, не показуючи їм екран входу, використовуючи host_id і login_token_public_key, доступні з кінцевих точок користувача.

Важливо зазначити, що кінцеві точки має відвідувати безпосередньо користувач, а не ваш сервер. Це означає, що вам не потрібно самостійно надавати маркер авторизації API.

Реалізація SSO через GET (iFrame)

Щоб реалізувати SSO через iframe, використовуйте кінцеву точку /auth як атрибут src iframe.

Необхідні параметри

host_id: номер облікового запису користувача, отриманий з кінцевих точок хосту
login_token_public_key: специфічний для хоста маркер авторизації, отриманий з кінцевих точок хосту
redirect_url: сторінка, на яку має потрапити користувач після входу. Це може бути інформаційна панель, певна кімната для зустрічей або інші URL-адреси.
after_call_url (необов’язковий): якщо вказано, користувач переспрямовуватиме на надану URL-адресу після виходу з виклику. Якщо це не в нашому домені, ви повинні надати повну URL-адресу (включаючи http:// або https://)

приклад:

Підводячи підсумок

Додавання відеоконференцій на ваш веб-сайт за допомогою API надійних рішень для відеоконференцій, таких як Iotum, дозволить вам отримати свободу в налаштуваннях, а також уникне тривалого та дорогого процесу створення рішення для відеоконференцій з нуля.

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