방송 5 분 안에 시작하기
"5분 안에 시작하기"로 빨리 방송/통화를 체험해봅니 다. 5분 안에 시작하기는 다음의 내용으로 이루어져있습니다.
- 1.Service ID와 Secret Key 확인
- 2.샘플 앱으로 방송/시청 실시
- 3.웹 콘솔에서 이 방송에 대한 정보 조회
- GitHub 계정 또는 HTTPS가 지원되는 웹 호스팅
리모트몬스터 콘솔을 방문하여 회원가입을 하고 "기본 프로젝트"를 선택합니다. Service ID와 Secret Key(Service Key)를 확인합니다. 이 Service ID와 Secret Key를 샘플 앱의 코드에 삽입할 겁니다.
주의 : Secret Key는 ************** 이 아닙니다. 우측 눈 아이콘을 누르면 표시됩니다.
.png?alt=media&token=422a5aa0-8122-47bc-8788-fb8ed4926347)
아래 GitHub 웹 사이트를 방문합니다.
아래와 같은 모습이 보입니다. simplelivestreaming.html, simplewatch.html 파일을 웹에 게시할 겁니다. 본 가이드는 GitHub Pages를 이용합니다. https가 지원되는 환경이라면 다른 곳에 파일을 게시해도 좋습니다.
.png?alt=media&token=b2302dc7-fd20-48ed-93e7-2baea042015d)
우측 상단의 Fork 버튼을 클릭합니다. 내 저장소가 생겼습니다. 내 저장소의 주소는 아래와 같습니다.
https://github.com/내 아이디/remon-devguide-quickstartlivestreaming
저장소의 HTML 파일들을 웹에서 볼 수 있도록 설정합니다. "Settings" 탭으로 이동합니다. 페이지 아래에 "GitHub Pages" 섹션으로 이동하여, Source를 master branch로 선택합니다.
.png?alt=media&token=b189e039-e65c-48c4-a9cc-44cbd4b39f9e)
.png?alt=media&token=a3f2d9fd-b241-4800-aa69-958da66168bc)
HTML 파일을 아래 주소에서 확인할 수 있습니다. 아래와 같은 화면이 표시됩니다.
https://내 아이디.github.io/remon-devguide-quickstartlivestreaming/simplelivestreaming.html
https://내 아이디.github.io/remon-devguide-quickstartlivestreaming/simplewatch.html

접속이 잘 되는 것을 확인했으면, 앱에 Service ID와 Secret Key를 입력합니다. 내 저장소로 이동하여 simplelivestreaming.html, simplewatch.html 파일을 클릭합니다. 아래와 같은 화면이 표시됩니다. 오른쪽 편집 아이콘(연필 모양)을 클릭합니.

콘솔에서 확인한 Service ID와 Secret Key(Service Key)를 52번 행에 입력합니다. "Commit changes" 버튼을 눌러 저장합니다.
.png?alt=media&token=1a3fca8a-4ce4-422c-8fc7-a8e5701df767)
웹 브라우저 창을 2개 엽니다. 아래 주소를 각각의 창에서 방문합니다.
https://내 아이디.github.io/remon-devguide-quickstartlivestreaming/simplelivestreaming.html
https://내 아이디.github.io/remon-devguide-quickstartlivestreaming/simplewatch.html
두 창에서 "시작" 버튼을 클릭합니다. Camera와 Microphone 사용을 반드시 허락(Allow)합니다.
콘솔 창에서, "방송플랫폼 > 채널 및 세션" 메뉴로 이동합니다. 방금 만든 방송에 대한 정보를 조회할 수 있습니다.
.png?alt=media&token=a925c414-34cb-4556-a6da-590d91d1240e)
축하합니다. 방송플랫폼이 정상적을 동작하는 것을 확인하였습니다.
튜토리얼의 새 프로젝트 설정, 단순 시청 앱 만들기 등을 참고하여, 방송/시청 앱을 원하는 대로 만들어보십시오.
Last modified 3yr ago