SBM blog CTA mobile 1

옴니채널 비즈니스 메시징으로 당신의 비즈니스를 성장 시키고 비용을 줄이세요

[튜토리얼] 10분안에 ‘아프리카TV’같은 비디오 채팅 앱 만들어 보기

Blog Cover Afreeca TV
Oct 20, 2017 • 1 min read
Jed 1
Jed Gyeong
Software Engineer - Applications (iOS)
SBM blog CTA mobile 1

옴니채널 비즈니스 메시징으로 당신의 비즈니스를 성장 시키고 비용을 줄이세요

SBM blog CTA mobile 1

옴니채널 비즈니스 메시징으로 당신의 비즈니스를 성장 시키고 비용을 줄이세요

최근 마리텔의 인기에서도 확인할 수 있듯, 실시간 화상 채팅 서비스가 큰 인기를 얻고 있습니다. 그 효시로 국내에는 아프리카 TV를 떠올릴 수 있고, 미국에는 Twitch.tv 가 유명한 서비스로 손꼽힙니다. 이번 튜토리얼을 통해서 친구들과 함께 비디오 화면을 공유하며 채팅을 나누는 당신만의 ‘비디오 채팅’앱을 만들어 보는건 어떨까요?!

이 튜토리얼에선 많은 분들이 라이브 비디오 스트리밍을 위한 피드가 없는 상황을 가정하고, 유투브 비디오를 이용해 센드버드 채팅 API를 비디오 채팅앱을 개발하는 샘플 프로젝를 진행하도록 하겠습니다. 샘플 프로젝트 내에는 간단히 이용할 수 있는 샘플 UI와 소스코드가 모두 포함되어 있어, 누구나 쉽고 빠르게 ‘아프리카 TV’ 같은 비디오 채팅앱(iOS)을 구현할 수 있게 되어있습니다.

Blog video and chat UI
U Ikit Mobile content offer background

The only UIKit you need.

튜토리얼 시작하기

먼저 샘플 프로젝트를 다운로드 받으세요. 샘플 프로젝트 내에는 튜토리얼을 따라가며 앱을 구현하기 위한 모든 구성요소가 포함되어 있습니다. 또한, 취향에 따라 조금씩 변화를 주고 싶다면 스타일을 바꾸는 것도 가능하게 되어있습니다.

현재는 iOS 버전의 샘플 프로젝트만 제공하고 있지만, 응용하여 안드로이드 버전도 제작 가능합니다.

비디오 채팅 앱 만들기

튜토리얼에서 우리는 간단한 iOS용 비디오 채팅앱을 만들어 볼 예정인데, 유투브 ULR을 이용해 비디오의 리스트를 생성할 수 있고, 감상할 비디오를 클릭하여 선택한 후에는 재생되는 비디오 화면 아래로 채팅 화면을 띄울 수 있습니다.

간단한 용도로 사용할 서버의 경우, 파이썬 서버코드를 포함하였으니, 이를 이용해 서비스를 호스팅하는 것도 가능합니다.

전체 튜토리얼을 그대로 따라가는 것 외에도 누군가 튜토리얼의 소스코드를 참고하여 자신만의 독특한 비디오 채팅 앱을 만드는 것도 가능합니다. 만약 당신이 당장 사용 가능한 라이브 비디오 스트리밍 피드를 이미 가지고 있다면, 유투브 비디오 부분에 해당하는 코드를 대체하여 당신만의 마리텔을 만들어 보세요. (사실 이런 케이스가 많이 나오길 기대합니다. 혹시 튜토리얼을 통해 당신만의 프로젝트를 진행해 보았다면 저희와 함께 공유해주세요!)

튜토리얼을 진행하며 질문이나 피드백이 있다면 support@sendbird.com으로 보내주세요.

여기서 시작된 당신의 도전이 차세대 ‘아프리카 TV’나 ‘Twitch.tv’와 같은 서비스의 초석이 되길 기대합니다!!

*본 튜토리얼은 센드버드의 개발자인 Jed Gyeong에 의해 기획되었습니다.

Ebook Grow Mobile content offer background

비즈니스 성과로 이어지는 디지털 커뮤니케이션

센드버드와 함께, 지금 바로 시작해보세요