brunch

400. MediaLive, MediaStore ,CF

by Master Seo

목적

라이브 스트리밍 서비스 만들어보자.

구성과 작업 순서를 이해해 보자.

q-x



<0> 구성

HLS 입력 , MedaiLive ----- MediaStore (오리진, 컨테이너) ----- CloudFront ------ 스마트폰


10 media live.png


HLS (HTTP Live Streaming) 프로토콜 사용한다.

MedaiLive : 인코딩, 압축, MediaStore 컨테이너를 대상으로 ABR (Adaptive Bitrate)컨텐츠를 생성함.

CloudFront : 분산 처리함



20 media live.png

순서

1. CloudFront 의 오리진으로 사용할 미디어 스토어 컨테이너 생성

2. CloudFront 배포 생성

3. 두개 소스입력을 수집하는 MedaiLive 구성

4. 액세스할수 있는 MediaStore 컨테이너 정책생성

5. CloudFront URL을 통해 스트리밍 비디오 재생.



<1> MediaStore 컨테이너 생성

Services > MediaStore > Create a storage container

my_container_1

생성



<2> CloudFront 배포 생성

Create Distibution > Web > Get Started > my_container_1 선택

Origin Protocol Policy : Match Viewer 로 선택

Create Ditribution

20분 소요



<3> MedaiLive 입력 설정

Services > MedaiLive > create > inputs > Create input

HLS Input

HLS 선택

입력소스 A

http://xxxxxxxxxxxxx

입력소스 B

http://xxxxxxxxxxxxx




<4> 템플릿으로 MideaLive 채널 구성


1.채널 생성

HLS Stream Channel

사용자 지정 역할 ARN

Remember role 체크

Template : HTTP live streaming HLS 선택하기


Input attachments > ADD > HLS input > Confirm

Name

HLS Stream

CDN설정 : HLS 미디어 저장소

Source End Behavior => loop


Output groups > TN2224 클릭 > 이름을 HLS Stream

Hls media store

// URL 경로 중북 오류




<5> MediaStore 끝점 복사

MediaStore > 오른 마우스 , 새탭 . my_container_1

URL복사



<6> MediaStore 끝점을 출력하도록 MediaLive 구성하기.

HLS 그룹 목적지A

HLS 그룹 목적지B

https:// 를

mediastoressl:// 로 변경.

/hls-a/stream-a 를 URL 끝에 추가




<7> 인코딩 설정 확인 과 MediaLive 채널 시작

HLS출력

10 제거

9개만 사용.



출력1

960 540

코덱 설정

H264


속도제어

2200000

채널 만들기

시작



<8> MediaStore 컨터이너 내용 확인

MediaStore

my_container_1

hls-a , hls-b

stream-a.m3u8 클릭




<9> MediaStroe 컨테이너 정책 편집

MediaStore 탭 > 스토리지 컨테이너 > my_container_1 > hls-a > stream-a.m3u8

my_container_1

컨테이너 정책 > 편집 정책

자원 섹션에 ARM복사해 넣는다.

컨터이너 정책 넣기

저장



<10> MediaStroe CORS (Cross-Origin Resource Sharing)

한 도메인에 로드된 웹 응용프로그램이 다른 도메인의 리소스와 작용함.

컨테이너 정책 > 컨테이너 CORS정책 > 복사



<11> CloudFront 편집 CORS설정

CloudFront > 배포 > 행동 > 편집

화이트리스트 선택

추가



<12> 스트림 재생확인

MediaStore > 컨테이버 > my_container_1

hls-a 클릭 - stream-a.m3u8 착기

객체 링크 확인

Cloud Front 로 이동

확인


감사합니다.


keyword
매거진의 이전글399. Bot을 이용한 동적 대화 2