고객 지원
회의 참여신청하기로그인 회의에 참여가입하기로그인 

웹사이트에 화상 회의를 추가하는 방법

2020년과 2021년에 걸친 세계적 대유행으로 인해 전 세계에서 화상 회의의 채택이 가속화되었다는 것은 비밀이 아닙니다.

사람들은 이제 Zoom, Microsoft Teams 또는 기타 화상 회의 솔루션을 어린이를 위한 가상 교실, 웨비나, 가상 회의, 원격 작업, 심지어 친구와의 대화 등 다양한 목적으로 사용합니다.

즉, 많은 기업이 화상 회의의 이점을 보기 시작했으며 웹 사이트에 화상 회의 기능을 포함하려고 합니다.

오늘날의 디지털 시대에 웹사이트, 앱 또는 플랫폼에 화상 회의를 추가하면 안전한 양방향 통신 제공, 성공적인 브랜드 이벤트 호스팅, 다양한 사용 사례 등 웹사이트 방문자의 경험을 크게 향상시킬 수 있습니다.

웹사이트나 플랫폼에 화상 회의를 추가할 생각을 하고 있지만 어디서부터 시작해야 할지 모르십니까?

당신은 바로 이곳에 왔습니다.

이 가이드에서는 웹사이트나 애플리케이션에 화상 회의를 포함하는 방법에 대해 알아야 할 모든 것을 논의하고 다음과 같은 몇 가지 주요 질문에 답합니다.

  • 귀하의 비즈니스에 화상 회의를 추가해야 하는 시급성은 무엇입니까?
  • 화상 회의를 통해 내부 커뮤니케이션과 고객 경험을 어떻게 개선할 수 있습니까?
  • 플랫폼에 화상 회의를 추가할 때 보안 문제는 무엇입니까?
  • 화상 회의를 추가하는 것이 얼마나 어렵습니까? 우리의 옵션은 무엇입니까?

그리고 더.

더 이상 고민하지 않고 바로 시작하겠습니다.

웹사이트에 화상 회의를 추가해야 하는 이유는 무엇입니까?

우리 모두는 오늘날 비디오 마케팅이 단순히 모든 곳에 있다는 것을 알고 있습니다. 하지만 기존 웹사이트나 애플리케이션에 화상 회의 및 기타 비디오 기능을 추가해야 하는 시급성은 무엇입니까?

플랫폼에 화상 회의 기능을 추가하기 위한 세 가지 기본 사용 사례가 있습니다.

1. 실시간 양방향 커뮤니케이션 촉진

오늘날의 소비자는 단순히 탭 또는 클릭 한 번으로 가능한 경우 상호 작용하는 브랜드로부터 반응적이고 즉각적인 답변을 기대합니다. 에 따르면 HubSpot의 최근 연구, 현재 고객의 90%가 질문이나 문의에 대해 10분 이내에 응답을 기대합니다. 그렇지 않으면 경쟁업체로 넘어갈 것입니다.

웹사이트에 화상 회의 기능을 추가함으로써 기업은 고객이 웹사이트와 실시간으로 즉각적인 상호작용을 할 수 있도록 할 수 있습니다.

양방향의 즉각적인 가상 커뮤니케이션은 다음과 같은 여러 가지 방법으로 브랜드와 상호 작용하는 고객의 경험을 향상시킬 수 있습니다.

  • 고객의 요구와 문제점을 이해하는 데 있어 오해와 오류를 제거합니다. 고객을 더 잘 이해하는 것은 고객이 귀하로부터 구매(및 더 구매)하도록 유도하는 데 중요합니다.
  • 고객과의 더 나은 인간 관계를 가능하게 합니다.
  • 귀하의 비즈니스가 귀하의 브랜드/제품/서비스 가치에 대해 고객을 교육할 수 있는 더 나은 기회를 제공합니다.

우리는 고객으로서 전화나 광고를 통한 제안보다 직접 대면하고 실시간으로 제안하는 것이 더 어렵다는 것을 알고 있습니다. 화상 회의를 통해 동일한 효과를 만들 수 있습니다.

2. 마케팅 활동을 지원하기 위해 디지털 이벤트 활성화

화상회의 기능 추가 웹 사이트 이를 통해 기업은 웹 세미나, 디지털 제품 출시, 기조연설, 본격적인 디지털 컨퍼런스 및 무역 박람회 등 웹 사이트나 애플리케이션에서 직접 고품질 가상 이벤트를 주최할 수 있습니다. 가상 이벤트가 적극적으로 적용됩니다. 제휴 마케팅 프로그램 온라인 회의와 함께 사용됩니다. 디지털 이벤트와 제휴 마케팅은 천생연분입니다. 이러한 요소들을 결합하면 다양한 결과를 얻을 수 있습니다.

웹 사이트에서 브랜드 디지털 이벤트를 활성화하면 비즈니스에서 고객, 클라이언트 및 내부 이해 관계자를 위해 훨씬 더 통합된 실시간 경험을 만들 수 있습니다.

또한 화상 회의 기능을 활용하여 제품 데모, 고객 평가 공유, 사례 연구 등과 같은 "소규모" 이벤트를 주최할 수 있습니다.

3. 내부 커뮤니케이션 개선

웹 사이트, 애플리케이션 또는 플랫폼에 화상 회의를 추가하면 내부 이해 관계자에게 실질적인 이점을 제공할 수도 있습니다.

팀에 원격 근무자가 있는 경우 특히 그렇습니다(점점 더 보편화되고 있음). 화상 회의를 통해 원격 팀은 이메일 기반 또는 전화 회의에 비해 자신이 일하는 조직 및 팀의 다른 구성원과 더 연결되어 있다고 느낄 수 있습니다. 기반 통신.

화상 회의는 또한 전송의 혼란과 오류를 최소화합니다. 이메일이나 전화를 통한 커뮤니케이션에서는 최선을 다해도 오해가 생길 수 있지만, 영상 커뮤니케이션에서는 음성 커뮤니케이션과 함께 표정과 몸짓의 맥락을 활용할 수 있습니다.

장기적으로 이 개선되고 더 정확한 커뮤니케이션은 팀의 사기와 생산성을 향상시키는 데 도움이 될 수 있습니다.

웹 사이트 화상 회의 작동 방식

웹사이트나 플랫폼에 화상 회의를 추가하는 세 가지 실행 가능한 솔루션이 있으며 각각 장단점이 있습니다.

그러나 이러한 옵션 중에서 선택할 때 궁극적으로 비용/구현의 어려움 대 사용자 정의 가능성에 관한 것입니다.

세 가지 옵션은

1. 처음부터 솔루션 구축

첫 번째 접근 방식은 화상 회의 기능을 처음부터 직접 구축하거나 소프트웨어 개발자를 고용하거나 프로젝트를 프리랜서나 에이전시에 아웃소싱하는 것입니다. 기능 및 안정성에 대한 최신 화상 회의 솔루션에 대해 시장에서 기대하는 현재 표준을 충족하려면 숙련된 팀을 고용하거나 아웃소싱해야 합니다.

이것은 사용자 정의 가능성과 관련하여 최대한의 자유를 제공하는 옵션입니다. 화상 회의 인터페이스를 적합하다고 생각하는 대로 디자인하고, 원하는 만큼 많은 브랜딩 요소를 포함하고, 의도한 사용 사례에 필요하다고 생각하는 기능을 추가할 수 있습니다.

그러나 이것은 가장 어렵고 비용이 많이 드는 옵션이기도 합니다. 당신이 알고 있다면 소프트웨어 개발자를 고용하는 데 드는 비용, 하지만 예산이 없거나 출시 준비가 될 때까지 개발 프로세스를 완료하고 화상 회의 솔루션을 테스트하는 데 필요한 시간을 과소평가하지 마십시오.

말할 것도 없이, 솔루션 유지 관리, 증가하는 고객의 기대에 부응하기 위해 지속적으로 새로운 기능 추가, 서버 호스팅 유지 비용, 가동 중지 시간을 최소화하기 위한 솔루션의 신뢰성 보장, 모든 브라우저에서 계속 작동합니다. 이 모든 것이 빠르게 추가되어 솔루션을 유지 관리하는 데 매우 많은 비용이 소요될 수 있습니다.

2. 기성 솔루션 포함

두 번째 옵션은 웹 사이트에 Zoom 또는 Microsoft Teams와 같은 기성품(기성품) 화상 회의 솔루션을 포함하는 것입니다.

인기 있는 대부분의 화상 회의 솔루션은 웹사이트 또는 애플리케이션에 화상 회의 기능을 쉽게 포함할 수 있는 SDK 및/또는 API를 제공합니다. 이러한 솔루션 중 대부분은 매우 저렴하며 완전히 무료입니다.

이것은 가장 저렴한 옵션이며 일반적으로 구현하기가 가장 쉽지만 사용자 지정 가능성 및 개인화와 관련하여 자유도가 가장 낮은 옵션이기도 합니다. 선택한 솔루션에서 기본적으로 제공하는 인터페이스, 디자인 및 기능을 고수해야 합니다.

3. 화이트 라벨 솔루션에서 API 통합

이 옵션을 사용하면 두 가지 장점을 모두 얻을 수 있습니다. 처음부터 솔루션을 구축하는 길고 값비싼 개발 프로세스를 우회할 수 있지만 웹사이트의 화상 회의 기능을 원하는 대로 사용자 지정할 수 있습니다.

Callbridge는 화이트 라벨 화상 회의 솔루션입니다. API를 웹사이트나 애플리케이션에 쉽게 통합할 수 있습니다.

애플리케이션/웹사이트에 몇 줄의 코드를 추가하기만 하면 웹사이트에서 원하는 화상 회의 기능을 사용할 수 있습니다.

처음부터 자신만의 솔루션을 구축할 때 얻을 수 있는 100% 자유를 얻지는 못하지만 아이오텀 비디오 API, 기존 응용 프로그램에 고유한 로고, 브랜드 색 구성표 및 기타 요소를 추가할 수 있습니다. 또한 Iotum은 고객의 요청에 따라 API에 맞춤형 기능을 구현할 수 있는 서비스를 제공합니다.

Iotum API를 통해 웹사이트에 화상 회의를 추가하는 방법

Iotum과 협력하여 API를 통해 Iotum의 화상 회의 기능을 쉽게 임베드할 수 있습니다.

그러나 Iotum의 화상 회의 플레이어가 의도한 대로 작동하도록 웹사이트가 올바르게 구성되었는지 확인하십시오.

임베디드 코드에 대한 웹사이트 요구사항

  • iframe을 사용하여 Iotum에 표시되는 모든 페이지를 웹사이트 또는 웹 애플리케이션에 포함할 수 있습니다. iframe의 src 매개변수를 회의실 URL로 설정해야 합니다.
  • iframe에 카메라 및 마이크 기능이 허용되고 전체 화면으로 설정되어 있는지 확인하십시오.
  • Iotum의 iframe이 Chrome에서 올바르게 작동하려면 호스트 페이지 또는 페이지에 유효한 SSL 인증서가 있어야 합니다.
  • Internet Explorer 또는 Edge에서 iframe이 다른 iframe(깊이 수준이 두 개 이상) 내에 있는 경우 Iotum iframe의 모든 상위 항목은 동일한 호스트에 속해야 합니다.

모든 요구 사항이 충족되면 다음 코드를 복사하여 웹사이트에 붙여넣기만 하면 됩니다.

웹사이트 화상회의 내장 코드

동일한 코드 형식으로 Iotum의 모든 페이지를 포함할 수 있습니다.

사용자가 iframe을 보고 사용하기 전에 로그인하도록 하려면 이 가이드의 아래에서 자세히 설명하는 것처럼 SSO 기능을 사용할 수 있습니다.

Iotum의 라이브 스트림 플레이어 포함

HLS 및 HTTPS를 통해 Iotum의 화상 회의를 라이브 스트리밍할 수도 있습니다.

회의실 임베드와 유사하게 iframe을 통해 Iotum의 라이브 스트림 플레이어를 임베드할 수 있습니다. iframe의 속성이 자동 재생 및 전체 화면을 허용하여 라이브 스트림 플레이어가 의도한 대로 작동하는지 확인하세요.

다음 코드를 복사하여 붙여넣기만 하면 됩니다.
웹사이트 라이브 스트림 플레이어 임베디드 코드
참고: 123456은 라이브 스트리밍 중인 회의실의 액세스 코드입니다.

Iotum의 화상 회의실 사용자 지정

논의, 화상 회의 API 통합 브랜드의 룩앤필에 맞게 화상회의실을 자유롭게 커스터마이징할 수 있음을 의미합니다. 또한 필요에 따라 화상 회의실의 기능을 추가하거나 제거할 수 있습니다.

다음 URL 매개변수를 사용하여 두 가지 주요 방법으로 화상 회의실을 사용자 정의할 수 있습니다.

이름: 문자열. 이 URL 매개변수를 포함하면 사용자에게 이름을 입력하라는 메시지가 표시되지 않습니다.
skip_join: 참/거짓. 이 URL 매개변수를 포함하면 사용자에게 비디오/오디오 장치 선택 대화 상자가 표시되지 않습니다. 사용자는 기본적으로 시스템의 기본 마이크와 카메라를 사용하여 참여합니다.
관찰자: 참/거짓. 사용자가 카메라를 끄고 화상회의실에 입장하면 이 사용자는 다른 사용자에게 비디오 타일이 표시되지 않습니다. 이 사용자는 여전히 다른 사용자의 말을 듣고 들을 수 있습니다.
음소거: 마이크, 카메라. 'camera', 'mic' 또는 'camera, mic' 둘 다 전달할 수 있습니다. 이를 통해 사용자가 회의실에 참여할 때 기본적으로 사용자의 카메라 또는 마이크를 음소거할 수 있습니다.
보기:갤러리,bottom_speaker,left_side_speaker. 회의의 기본 보기는 갤러리 보기입니다. 'bottom_speaker' 또는 'left_side_speaker'를 지정하여 이를 무시할 수 있습니다. '하단_스피커'

다음 UI 컨트롤을 숨기거나 표시하도록 화상 회의실을 사용자 지정할 수도 있습니다.

화면 공유
희고 매끄러운 칠판
기록
출력량
문자 채팅
참가자
모두 음소거
회의 정보
설정
전체 화면
갤러리보기
연결 품질

시계 파티 또는 게임에 스트립 레이아웃 사용

다음 코드를 복사하여 붙여넣으면 회의실/응용 프로그램 하단에 배치할 수 있는 스트립 레이아웃으로 화상 회의 iframe을 렌더링할 수 있습니다. 시계 파티, 게임 또는 대부분의 화면이 애플리케이션에 할당되어야 하는 기타 사용 사례에 유용합니다.

웹사이트 시계 파티 또는 게임 임베디드 코드

SDK 이벤트 및 작업을 사용하여 실시간으로 이벤트 관리

Iotum의 WebSDk 이벤트를 사용하면 이벤트(예: 웨비나 또는 화상 회의)를 실시간으로 관리 및 수정하여 그에 따라 사용자 경험을 동적으로 업데이트할 수 있습니다.

이벤트 등록
웹사이트 SDK 이벤트 및 이벤트 관리 작업 포함 코드

이벤트 처리 웹사이트 이벤트 처리 임베디드 코드

또한 Iotum을 사용하면 WebSDK 작업을 사용하여 고유한 UI를 추가하는 것을 포함하여 이벤트의 실제 요구에 따라 로컬 회의실에서 API 작업을 호출할 수 있습니다.

SSO(싱글 사인온) 포함

사용자의 끝점에서 사용할 수 있는 host_id 및 login_token_public_key를 사용하여 로그인 화면을 표시하지 않고 사용자를 애플리케이션에 원활하게 로그인할 수 있습니다.

엔드포인트는 서버가 아니라 사용자가 직접 방문해야 한다는 점에 유의하는 것이 중요합니다. 즉, API 인증 토큰을 직접 제공할 필요가 없습니다.

GET(iFrame)를 통한 SSO 구현

iframe을 통해 SSO를 구현하려면 /auth 엔드포인트를 iframe의 src 속성으로 사용합니다.

필수 매개변수

host_id: 호스트 끝점에서 검색된 사용자의 계정 번호
login_token_public_key: 호스트 엔드포인트에서 검색된 호스트별 인증 토큰
redirect_url: 사용자가 로그인한 후 방문해야 하는 페이지. 대시보드나 특정 회의실 또는 기타 URL이 될 수 있습니다.
after_call_url(선택 사항): 제공된 경우 사용자는 통화를 종료한 후 제공된 URL로 리디렉션합니다. 당사 도메인이 아닌 경우 전체 URL(http:// 또는 https:// 포함)을 제공해야 합니다.

예:
GET 임베디드 코드를 통해 SSO를 구현하는 웹사이트

최대 포장

Iotum과 같은 안정적인 화상 회의 솔루션의 API를 활용하여 웹 사이트에 화상 회의를 추가하면 사용자 정의의 자유를 얻을 수 있을 뿐만 아니라 처음부터 화상 ​​회의 솔루션을 구축하는 길고 값비싼 프로세스를 피할 수 있습니다.

위에서 Iotum의 API를 통해 화상 회의 기능을 쉽게 통합하는 방법과 Iotum 플레이어가 고유한 요구 사항에 따라 브랜드 및 최적의 기능과 일치하도록 할 수 있는 사용자 지정에 대해서도 논의했습니다.

무료 회의 통화 또는 화상 회의를 주최하세요. 지금 시작하세요!

FreeConference.com 계정을 만들고 비디오 및 화면 공유, 전화 예약, 자동 이메일 초대, 미리 알림수록.

지금 등록하세요
교차