Jak dodać wideokonferencję do swojej witryny?

Nie jest tajemnicą, że globalna pandemia w 2020 i 2021 roku przyspieszyła przyjęcie wideokonferencji na całym świecie.

Ludzie używają teraz Zoom, Microsoft Teams lub innych rozwiązań wideokonferencyjnych do wielu różnych celów: wirtualnych klas dla dzieci, seminariów internetowych, wirtualnych spotkań, pracy zdalnej, a nawet po prostu do nadrobienia zaległości z przyjaciółmi.

Mając to na uwadze, wiele firm zaczęło dostrzegać korzyści płynące z wideokonferencji i chce osadzić funkcje wideokonferencji na swoich stronach internetowych.

W dzisiejszej erze cyfrowej dodanie wideokonferencji do witryny internetowej, aplikacji lub platformy może znacznie poprawić wrażenia użytkowników witryny, zarówno w zakresie zapewniania bezpiecznej komunikacji dwukierunkowej, organizowania udanych wydarzeń markowych, jak i wielu różnych zastosowań.

Myślisz o dodaniu wideokonferencji do swojej witryny lub platformy, ale nie wiesz od czego zacząć?

Jesteś we właściwym miejscu.

W tym przewodniku omówimy wszystko, co musisz wiedzieć o osadzeniu wideokonferencji w witrynie lub aplikacji, i odpowiemy na kilka kluczowych pytań, takich jak:

• Jaka jest pilna potrzeba dodania wideokonferencji do Twojej firmy?
• W jaki sposób wideokonferencje mogą poprawić komunikację wewnętrzną i doświadczenie klienta?
• Jakie są problemy z bezpieczeństwem związane z dodawaniem wideokonferencji do Twojej platformy?
• Jak trudno jest dodać wideokonferencję? Jakie mamy opcje?

I więcej.

Bez dalszych ceregieli zacznijmy od razu.

Dlaczego warto dodać wideokonferencje do swojej witryny?

Wszyscy wiemy, że marketing wideo jest obecnie po prostu wszędzie, ale jaka jest pilna potrzeba dodania wideokonferencji i innych funkcji wideo do istniejącej witryny lub aplikacji?

Istnieją trzy podstawowe przypadki użycia funkcji dodawania wideokonferencji do platformy:

1. Ułatwienie dwukierunkowej komunikacji w czasie rzeczywistym

Dzisiejsi konsumenci po prostu oczekują responsywnych i natychmiastowych odpowiedzi od marek, z którymi wchodzą w interakcję, a jeśli to możliwe, za jednym dotknięciem lub kliknięciem. Według ostatnie badanie HubSpot, 90% obecnych klientów oczekuje odpowiedzi na swoje pytania lub zapytania w ciągu 10 minut, w przeciwnym razie przejdą do konkurencji.

Dodając funkcję wideokonferencji do swojej witryny internetowej, firma może ułatwić klientom bezpośrednią interakcję z witryną w czasie rzeczywistym.

Dwukierunkowa, natychmiastowa wirtualna komunikacja może poprawić wrażenia klienta w interakcji z Twoją marką na kilka różnych sposobów:

• Eliminacja nieporozumień i błędów w zrozumieniu potrzeb i bolączek Twoich klientów. Lepsze zrozumienie swoich klientów jest kluczem do zachęcenia ich do kupowania (i kupowania więcej) od Ciebie.
• Umożliwienie lepszych kontaktów międzyludzkich z klientami.
• Zapewnienie Twojej firmie większej szansy na edukowanie klientów o wartościach Twojej marki/produktu/usługi.

Wszyscy wiemy, jako klient, że trudniej jest odmówić podczas bezpośredniej oferty w czasie rzeczywistym niż podczas składania ofert przez telefon lub reklamy. Ten sam efekt możemy uzyskać za pomocą wideokonferencji.

2. Włączanie wydarzeń cyfrowych w celu wsparcia działań marketingowych

Dodanie funkcji wideokonferencji do Twojego umożliwia firmom organizowanie wysokiej jakości wirtualnych wydarzeń bezpośrednio w ich witrynach internetowych lub aplikacjach: seminaria internetowe, premiery produktów cyfrowych, przemówienia, a nawet w pełni cyfrowe konferencje i targi. Wirtualne wydarzenia są aktywnie wykorzystywane programy marketingu afiliacyjnego i są wykorzystywane podczas spotkań online. Wydarzenia cyfrowe i marketing afiliacyjny to połączenie stworzone w niebie. Łącząc te czynniki razem, można osiągnąć szeroki zakres wyników.

Włączając markowe wydarzenia cyfrowe w swojej witrynie, Twoja firma może tworzyć znacznie bardziej zintegrowane doświadczenia w czasie rzeczywistym dla klientów, klientów i wewnętrznych interesariuszy.

Możesz także wykorzystać funkcję wideokonferencji do organizowania „mniejszych” wydarzeń, takich jak prezentacje produktów, udostępnianie referencji klientów, studia przypadków i tak dalej.

3. Poprawa komunikacji wewnętrznej

Dodanie wideokonferencji do witryny internetowej, aplikacji lub platformy może również przynieść wymierne korzyści dla wewnętrznych interesariuszy.

Jest to szczególnie ważne, jeśli masz w swoim zespole pracowników zdalnych (co staje się coraz bardziej powszechne). Dzięki wideokonferencji zespoły zdalne mogą czuć się bardziej połączone z organizacją, w której pracują, i innymi członkami zespołu w porównaniu z osobami korzystającymi z poczty e-mail lub telefonu. komunikacja oparta.

Wideokonferencje minimalizują również zamieszanie i błędy w transmisji. W komunikacji e-mailowej lub telefonicznej nieporozumienia mogą się zdarzyć pomimo Twoich najlepszych starań, ale w komunikacji wideo możemy wykorzystać kontekst wyrazu twarzy i mowy ciała wraz z komunikacją głosową.

Na dłuższą metę ta ulepszona, dokładniejsza komunikacja może pomóc poprawić morale i produktywność zespołu.

Jak działają wideokonferencje w witrynie

Istnieją trzy realne rozwiązania do dodawania wideokonferencji do witryny lub platformy, z których każde ma swoje zalety i wady.

Jednak przy wyborze między tymi opcjami ostatecznie chodzi o koszt/trudność wdrożenia w porównaniu z możliwością dostosowania.

Są trzy opcje

1. Budowanie rozwiązania od podstaw

Pierwsze podejście polega na zbudowaniu funkcji wideokonferencji od podstaw, samodzielnie, zatrudnieniu programisty lub zleceniu projektu freelancerowi lub agencji. Aby sprostać aktualnym standardom oczekiwanym przez rynek dla nowoczesnych rozwiązań wideokonferencyjnych w zakresie funkcji i niezawodności, konieczne jest zatrudnienie lub outsourcing do doświadczonego zespołu.

Jest to opcja, która zapewnia największą swobodę w zakresie dostosowywania: możesz zaprojektować interfejs wideokonferencji według własnego uznania, uwzględnić dowolną liczbę elementów brandingowych i dodać dowolne funkcje, które uznasz za niezbędne do zamierzonego przypadku (przypadków użycia).

Jest to jednak również opcja, która jest najtrudniejsza i najdroższa. Jeśli wiesz ile kosztuje zatrudnienie programisty, ale nie masz budżetu, nie lekceważ czasu potrzebnego na ukończenie procesu opracowywania i przetestowanie rozwiązania do obsługi wideokonferencji, dopóki nie będzie gotowe do uruchomienia.

Nie wspominając o tym, że oprócz początkowych kosztów rozwoju rozwiązania, stale dodawane są nowe funkcje, aby sprostać rosnącym oczekiwaniom klientów, koszty utrzymania serwerów i zapewnienia niezawodności rozwiązania w celu zminimalizowania przestojów i kontynuuj pracę ze wszystkimi przeglądarkami. Wszystko to szybko się sumuje, co sprawia, że ​​rozwiązanie jest bardzo drogie w utrzymaniu.

2. Osadzanie gotowych rozwiązań

Drugą opcją jest osadzenie w witrynie gotowych (gotowych) rozwiązań wideokonferencyjnych, takich jak Zoom lub Microsoft Teams.

Większość popularnych rozwiązań do wideokonferencji oferuje pakiety SDK i/lub interfejsy API umożliwiające łatwe osadzenie funkcji wideokonferencji w witrynie lub aplikacji. Wiele z tych rozwiązań jest bardzo przystępnych cenowo, a nawet całkowicie darmowych.

Jest to najtańsza opcja i zazwyczaj najłatwiejsza do wdrożenia, ale także opcja, w której uzyskasz najmniej swobody w zakresie możliwości dostosowania i personalizacji. Musisz trzymać się interfejsu, projektu i funkcji oferowanych domyślnie przez wybrane rozwiązanie.

3. Integracja API z rozwiązania white label

W tej opcji zyskasz to, co najlepsze z obu światów: możesz ominąć długi i kosztowny proces tworzenia rozwiązania od podstaw, ale możesz dostosować funkcjonalność wideokonferencji w swojej witrynie internetowej według własnego uznania.

Callbridge to rozwiązanie do wideokonferencji typu white label który pozwala z łatwością zintegrować jego interfejs API z witryną lub aplikacją.

Po prostu dodaj kilka linijek kodu do swojej aplikacji/witryny internetowej, aby uzyskać żądane funkcje wideokonferencji w swojej witrynie.

Chociaż nie uzyskasz 100% swobody, którą uzyskasz, budując własne rozwiązanie od podstaw, z API wideo iotum, nadal będziesz mieć możliwość dodawania własnego logo, schematu kolorów marki i innych elementów do istniejącej aplikacji. Iotum zapewnia również usługę implementacji dowolnych niestandardowych funkcji API zgodnie z życzeniami klientów.

Jak dodać wideokonferencję do swojej witryny za pośrednictwem interfejsu API Iotum?

Współpracując z Iotum, możesz łatwo osadzić funkcjonalność wideokonferencji Iotum za pośrednictwem interfejsu API.

Upewnij się jednak, że Twoja witryna jest odpowiednio skonfigurowana, aby odtwarzacz wideokonferencji Iotum działał zgodnie z przeznaczeniem.

Wymagania dotyczące strony internetowej dla kodu wbudowanego

• Możesz osadzić dowolną ze stron widocznych w Iotum w swojej witrynie lub aplikacji internetowej za pomocą elementu iframe. Pamiętaj, aby ustawić parametr src elementu iframe na adres URL sali konferencyjnej.
• Upewnij się, że element iframe ma dozwolone funkcje kamery i mikrofonu oraz jest ustawiony na pełny ekran.
• Strona lub strony hosta muszą mieć prawidłowy certyfikat SSL, aby element iframe Iotum działał poprawnie w Chrome.
• W Internet Explorerze lub Edge, jeśli iframe znajduje się w innym iframe (więcej niż jeden poziom głębokości), wszyscy przodkowie iframe Iotum muszą należeć do tego samego hosta.

Po spełnieniu wszystkich wymagań po prostu skopiuj i wklej ten kod na swojej stronie internetowej:

Możesz osadzić dowolną stronę Iotum z tym samym formatem kodu.

Jeśli chcesz, aby użytkownik był zalogowany, zanim będzie mógł wyświetlać i używać elementu iframe, możesz użyć funkcji logowania jednokrotnego, co omówimy w dalszej części tego przewodnika.

Osadzanie odtwarzacza transmisji na żywo Iotum

Możesz także transmitować na żywo wideokonferencje Iotum za pośrednictwem HLS i HTTPS.

Podobnie jak w przypadku osadzania sali konferencyjnej, możesz osadzić odtwarzacz transmisji na żywo Iotum za pośrednictwem elementu iframe. Upewnij się, że atrybuty elementu iframe umożliwiają autoodtwarzanie i tryb pełnoekranowy, aby odtwarzacz transmisji na żywo działał zgodnie z przeznaczeniem.

Po prostu skopiuj i wklej następujący kod:

Uwaga: 123456 to kod dostępu do sali konferencyjnej transmitowanej na żywo

Dostosuj salę wideokonferencyjną Iotum

Jak ustalono, integracja interfejsów API wideokonferencji oznacza, że ​​nadal będziesz mieć swobodę w dostosowywaniu sali wideokonferencyjnej do wyglądu i stylu Twojej marki. Masz również możliwość dodawania lub usuwania dowolnych funkcji w pokoju wideokonferencyjnym według własnego uznania.

Możesz dostosować salę wideokonferencyjną na dwa główne sposoby, korzystając z tych parametrów adresu URL:

nazwa: ciąg. Jeśli dodasz ten parametr adresu URL, użytkownicy nie będą proszeni o wprowadzenie swoich nazw.
skip_join: prawda/fałsz. Po dodaniu tego parametru adresu URL użytkownikom nie będzie wyświetlane okno dialogowe wyboru urządzenia wideo/audio. Użytkownicy domyślnie dołączają, używając domyślnego mikrofonu i kamery swojego systemu.
obserwator: prawda/fałsz. Gdy użytkownik dołącza do pokoju wideokonferencji z wyłączoną kamerą, nie będzie wyświetlany kafelek wideo innym użytkownikom. Ten użytkownik nadal może słyszeć i być słyszanym przez innych użytkowników.
wyciszenie: mikrofon, kamera. Możesz podać słowo „kamera”, „mikrofon” lub oba „kamera, mikrofon”. Dzięki temu możesz domyślnie wyciszyć kamerę lub mikrofon użytkownika, gdy ten dołącza do pokoju.
widok:galeria,dolny_głośnik,lewy_głośnik. Domyślnym widokiem spotkań jest widok galerii. Możesz to zmienić, określając „dolny_głośnik” lub „lewy_głośnik”. 'dolny_głośnik'

Możesz także dostosować salę wideokonferencji, aby ukryć lub wyświetlić te elementy sterujące interfejsu:

Udostępnianie ekranu
Animacja
Rekord
Głośność wyjściowa
Czat tekstowy
Uczestnicy
Wycisz wszystko
Informacje o spotkaniu
Ustawienia
Pełny ekran
Widok galerii
Jakość połączenia

Korzystanie z układu pasków na imprezach przy oglądaniu lub grach

Możesz skopiować i wkleić następujący kod, aby wyrenderować iframe wideokonferencji w układzie paskowym, który można umieścić na dole pokoju/aplikacji; przydatne w przypadku oglądania imprez, gier lub innych przypadków użycia, które wymagają poświęcenia dużej części ekranu na aplikację:

Używanie zdarzeń i akcji SDK do zarządzania zdarzeniami w czasie rzeczywistym

Dzięki wydarzeniom Iotum WebSDk możesz zarządzać i modyfikować wydarzenia (np. seminaria internetowe lub wideokonferencje) w czasie rzeczywistym, aby odpowiednio aktualizować doświadczenia użytkowników.

Rejestracja na wydarzenia

Obsługa zdarzeń

Iotum umożliwia również wywoływanie akcji API w lokalnej sali konferencyjnej zgodnie z rzeczywistymi potrzebami wydarzenia, w tym dodawanie własnego interfejsu użytkownika za pomocą akcji WebSDK.

W tym jednokrotne logowanie (jednokrotne logowanie)

Możesz bezproblemowo logować użytkowników do swojej aplikacji bez wyświetlania im ekranu logowania, używając host_id i login_token_public_key dostępnych z punktów końcowych użytkownika.

Należy pamiętać, że punkty końcowe powinny być odwiedzane bezpośrednio przez użytkownika, a nie przez serwer. Oznacza to, że nie musisz samodzielnie dostarczać tokena autoryzacji API.

Wdrażanie logowania jednokrotnego przez GET (iFrame)

Aby zaimplementować logowanie jednokrotne za pośrednictwem elementu iframe, użyj punktu końcowego /auth jako atrybutu src elementu iframe.

Wymagane parametry

host_id: numer konta użytkownika pobrany z punktów końcowych hosta
login_token_public_key: token autoryzacyjny specyficzny dla hosta, pobrany z punktów końcowych hosta
redirect_url: Na jaką stronę powinien przejść użytkownik po zalogowaniu. Może to być pulpit nawigacyjny, konkretna sala konferencyjna lub inne adresy URL.
after_call_url (opcjonalnie): Jeśli zostanie podany, użytkownik przekieruje do podanego adresu URL po zakończeniu połączenia. Jeśli nie znajduje się w naszej domenie, musisz podać pełny adres URL (w tym http:// lub https://)

Przykład:

Owijanie w górę

Dodanie wideokonferencji do swojej witryny poprzez wykorzystanie interfejsów API z niezawodnych rozwiązań wideokonferencyjnych, takich jak Iotum, pozwoliłoby Ci uzyskać swobodę dostosowywania, jednocześnie unikając długiego i kosztownego procesu tworzenia rozwiązania do wideokonferencji od podstaw.

Powyżej omówiliśmy również, w jaki sposób można łatwo zintegrować funkcje wideokonferencji za pośrednictwem interfejsu API Iotum, a także dostosowania, które można wprowadzić, aby upewnić się, że odtwarzacz Iotum jest zgodny z Twoją marką i z optymalnymi funkcjami zgodnie z Twoimi unikalnymi potrzebami.