Media

Media

์ฒด์› 2022. 5. 27. 17:23

๐Ÿ“บ Media

๐Ÿ“Œ ๋ฏธ๋””์–ด ํŠธ๋ž˜ํ”ฝ

Cisco Forecast โžก 2017๋…„ ์ „์ฒด IP ํŠธ๋ž˜ํ”ฝ์˜ 75%๋Š” Video
OTT Market โžก ๊ตญ๋‚ด OTT ์‹œ์žฅ๋„ ์˜ˆ์ธก๋ณด๋‹ค ๋” ๋น ๋ฅด๊ฒŒ ์„ฑ์žฅํ•˜๊ณ  ์žˆ๋‹ค. 

๐Ÿ”Œ OTT ์‹œ์žฅ ํŠน์ง•

  • ๋ฐฉ์†ก ์„œ๋น„์Šค๋ณด๋‹ค OTT ์„œ๋น„์Šค ์‚ฌ์šฉ
  • ์‚ฌ๋ผ์ง„ TV ์‹œ์ฒญ๋ฅ 
  • ๋‹ค์–‘ํ•œ ๋งค์ฒด๋ฅผ ํ†ตํ•œ ์ปจํ…์ธ  ์ „์ฒด ์ด์šฉ ์‹œ๊ฐ„ ์ฆ๊ฐ€
  • ์ฝ”๋“œ ์ปคํŒ…
  • ์ œ๋กœ TV๊ฐ€๊ตฌ

๐Ÿ“Œ ๋ฏธ๋””์–ด ๊ธฐ๋ณธ ์ง€์‹

โฏ ๋™์˜์ƒ ์ •์˜

์ •์˜ : ํ™”๋ฉด์— ์˜ํ™”์ฒ˜๋Ÿผ ์—ฐ์†์ ์œผ๋กœ ์›€์ง์ด๋Š” ์ƒํƒœ๋กœ ๋‚˜ํƒ€๋‚˜๋Š” ์˜์ƒ
์›๋ฆฌ : ์กฐ๊ธˆ์”ฉ ๋ณ€ํ•˜๋Š” ํ™”๋ฉด์„ ๋น ๋ฅด๊ฒŒ ๋ณด์—ฌ์คŒ์œผ๋กœ์จ ๋งˆ์น˜ ์—ฐ์†๋œ ๊ฒƒ์ฒ˜๋Ÿผ ๋А๋ผ๊ฒŒ ํ•˜๋Š” ๊ฒƒ

โœจ Coder

์••์ถ• ์ˆ˜ํ–‰
  • ๋™์˜์ƒ์„ ์••์ถ•ํ•˜๊ณ  ํ•ด์ฒดํ•˜๋Š” App
  • Coder์™€ Decoder์˜ ํ•ฉ์„ฑ์–ด (Compress์™€ Decompress)

โœจ Container

์••์ถ•๋œ ๊ฒƒ์„ ๋‹ด๋Š” ๊ฒƒ
  • ์ฝ”ํ…์œผ๋กœ ์••์ถ•๋œ ๋™์˜์ƒ ๋ฐ์ดํ„ฐ๋ฅผ ๋‹ด๋Š” ๊ทธ๋ฆ‡
  • ๋™์˜์ƒ ํŒŒ์ผ ํ˜•์‹, ํฌ๋งท, ํ™•์žฅ์ž
Video๋Š” H.264,
Audio๋Š” AAC ์ฝ”๋ฑ์„ ์‚ฌ์šฉํ•˜์—ฌ ์••์ถ•ํ•˜๊ณ ,
Container๋Š” mp4 ์ž…๋‹ˆ๋‹ค.

video + Audio ⊂ container 


Resolution (ํ•ด์ƒ๋„)

  • SD / HD / Full HD / UHD(4K)

Bitrate (์ „์†ก๋ฅ )

  • ๋™์˜์ƒ์—์„œ ์ดˆ๋‹น ์‚ฌ์šฉ๋˜๋Š” Data(bps), ๋Œ€์—ญํญ๊ณผ ์œ ์‚ฌ
  • ๋™์˜์ƒ์˜ ํ™”์งˆ์„ ๊ฒฐ์ •ํ•˜๋Š” ์ค‘์š”ํ•œ ๋ถ€๋ถ„

 

Frame

  • ๋™์˜์ƒ ํ•˜๋‚˜์˜ ์ •์ง€ ๋œ ํ™”๋ฉด

 

Frame Rate

  • ์ดˆ๋‹น ํ‘œํ˜„๋˜๋Š” ํ™”๋ฉด ์ˆ˜ (fps)

 

Encoding

  • ๋™์˜์ƒ์„ ์••์ถ•

 

Transcoding

  • ๋™์˜์ƒ์„ ์„œ๋กœ ๋‹ค๋ฅธ Container์™€ Codec์œผ๋กœ ๋ณ€ํ™˜ ํ•˜๋Š” ๊ธฐ์ˆ 

 

Transrating

  • ๋™์˜์ƒ์˜ bitrate(์ „์†ก๋ฅ )์™€ resoultion(ํ•ด์ƒ๋„)๋งŒ์„ ๋ณ€๊ฒฝํ•˜๋Š” ๊ธฐ์ˆ 

 

Transmuxing (Packaging, Trranswrapping)

  • ๋™์˜์ƒ์˜ Container ๋งŒ์„ ๋ณ€ํ™˜ํ•˜๋Š” ๊ธฐ์ˆ 
  • HTTP ๊ธฐ๋ฐ˜ HLS๊ฐ€ ๋ณดํŽธํ™” ๋˜๋ฉด์„œ ๋„๋ฆฌ ํ™œ์šฉ

 


๋™์˜์ƒ ์ข…๋ฅ˜

  • JPEG : ์‚ฌ์ง„, ๊ทธ๋ฆผ ๊ฐ™์€ ์ด๋ฏธ์ง€๋ฅผ ๋””์ง€ํ„ธํ™” ํ•˜์—ฌ ์••์ถ•
  • MPEG-1 : video CD, MP3
  • MPEG-2 : H.262
  • MPEG-4 : ๋ฉ€ํ‹ฐ๋ฏธ๋””์–ด ํ†ต์‹ ์„ ์ „์ œ
  • MPEG-7
  • MPEG-21
  • H.264 : MPEG-4 ํŒŒ์ƒ
  • HEVC : H.264/AVC๋ฅผ ์ด์„ ์ฐจ์„ธ๋Œ€ ๋น„๋””์˜ค Codec, ๋ณดํŽธ์  ์‚ฌ์šฉ ์•„์ง โŒ
  • AAC Audio Codec : MPEG-4 AAC LC, HE-AAC, OPUS, AC3


๋™์˜์ƒ ์••์ถ• ์›๋ฆฌ

ํ•ต์‹ฌ ์›๋ฆฌ  
: ํ”ฝ์…€์€ ์˜† ํ”ฝ์…€๊ณผ ์œ ์‚ฌํ•˜๊ณ , ํ”„๋ ˆ์ž„์€ ์ด์ „ ํ”„๋ ˆ์ž„๊ณผ ์œ ์‚ฌํ•˜๋‹ค.

์••์ถ•ํ•˜๋Š” ์ด์œ ? โžก ๊ฑฐ๋Œ€ ์šฉ๋Ÿ‰ ์ปจํ…์ธ  ์†Œ๋น„ํ•˜๊ธฐ์—๋Š” infra๊ฐ€ ์™„๋ฒฝํ•˜์ง„ ์•Š๋‹ค.

 

๋ฌด์†์‹ค ์••์ถ•๊ณผ ์†์‹ค ์••์ถ•

 

๋ฌด์†์‹ค ์••์ถ•

  • ์••์ถ•๋œ ๋ฐ์ดํ„ฐ ๋‹ค์‹œ ๋ณต์›์‹œ, ์••์ถ•๋˜๊ธฐ ์ด์ „ ์›๋ž˜ ๋ฐ์ดํ„ฐ์™€ ๋ชจ๋“  ๋น„ํŠธ ์ผ์น˜

์†์‹ค ์••์ถ•

  • ์ค‘๋ณต๋˜๊ฑฐ๋‚˜ ์ƒ๋Œ€์ ์œผ๋กœ ๋œ ์ค‘์š”ํ•œ ๋ถ€๋ถ„์˜ ์ •๋ณด ์ œ๊ฑฐํ•˜์—ฌ ์••์ถ•
  • ์†์‹ค ์••์ถ• ์˜์ƒ์€ ์›๋ณธ ์˜์ƒ ๋ณต๊ตฌ ๋ถˆ๊ฐ€๋Šฅ

 

๊ธฐ๋ณธ ์ปจ์…‰

์•ž๋ถ€๋ถ„๊ณผ ์ฐจ์ด๋‚˜๋Š” ๋ฐ์ดํ„ฐ๋งŒ ์ €์žฅ

ํ™”๋ฉด ๊ฐ„ ์ƒ๊ด€๊ด€๊ณ„์— ๋”ฐ๋ฅธ ์ •๋ณด ์••์ถ•, ํ˜„์žฌ ํ”„๋ ˆ์ž„์€ ๋ฐ”๋กœ ์ด์ „ ํ”„๋ ˆ์ž„๊ณผ ์œ ์‚ฌ


๋™์˜์ƒ ์„œ๋น„์Šค ์ข…๋ฅ˜

Legacy Streaming ์„œ๋น„์Šค

  • ํ˜„์žฌ ์‹œ์žฅ์—์„œ ๊ฑฐ์˜ ์‚ฌ์šฉ โŒ
  • streaming : ๋‹ค์šด๋กœ๋“œ์™€ ํ”Œ๋ ˆ์ด๋ฅผ ๋™์‹œ์— ํ•  ์ˆ˜ ์žˆ๋„๋ก ๊ฐœ์„ ํ•œ ๊ธฐ์ˆ 

 


HTTP ๊ธฐ๋ฐ˜ Streaming ์„œ๋น„์Šค

  • HTTP์— ์˜ํ•œ ๋ฏธ๋””์–ด ํŒŒ์ผ ์ „์†ก
  • Download ์™€ streaming ์„œ๋น„์Šค์˜ ์ค‘๊ฐ„์  ์„œ๋น„์Šค
  • HTTP ์‚ฌ์šฉ์œผ๋กœ ์ผ๋ฐ˜ Web ์„œ๋ฒ„ ์‚ฌ์šฉ ๋ฐ ์บ์‹œ ๊ตฌ์กฐ ๊ฐ€๋Šฅ โžก ํ™•์žฅ์„ฑ ๋ฐ ์œ ์—ฐ์„ฑ ํ–ฅ์ƒ
  • Player ๊ธฐ๋Šฅ ๋ฐœ์ „ โžก Random Seek ๊ฐ€๋Šฅ 

HTTP Streaming

  • Progressive Download โžก MP4 ํŒŒ์ผ์„ ๋ณ„๋‹ค๋ฅธ ๊ฐ€๊ณต ์—†์ด ๊ทธ๋Œ€๋กœ ์ „์†กํ•˜๋Š” classic๋ฐฉ์‹
  • HLS (HTTP Live Streaming)
    • ๋™์˜์ƒ ํŒŒ์ผ์„ ๋ฌผ๋ฆฌ์ ์œผ๋กœ ์—ฌ๋Ÿฌ ๊ฐœ ํŒŒ์ผ๋กœ ๋‚˜๋ˆ” โžก ํšจ์œจ์ 
    • ๊ฐ๊ฐ์˜ ๋‚˜๋ˆ ์ง„ ํŒŒ์ผ์„ HTTP ํ”„๋กœํ† ์ฝœ ์ด์šฉํ•ด ์ˆœ์ฐจ์  ์ „์†ก 
    • HLS ์„œ๋น„์Šค ์ข…๋ฅ˜ : m3u8, TS
  • DASH โžก Live ์„œ๋น„์Šค์— ์ด์šฉ ๊ฐ€๋Šฅ

 

Adpative Streaming

  • ์‚ฌ์šฉ์ž์˜ ๋„คํŠธ์›Œํฌ ์†๋„์— ๋”ฐ๋ผ ์ ํ•ฉํ•œ Bitrate ์„ ํƒํ•˜์—ฌ ๋™์˜์ƒ์„ ๋Š๊ธฐ์ง€ ์•Š๊ณ  ์žฌ์ƒํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐ์ˆ 
  • ์•„์ง ์™„๋ฒฝํ•˜์ง€ โŒ

Live Service Workflow

Camera → Encoder → Origin → Edge → Player → Display

HTTP ๊ธฐ๋ฐ˜ Live Service Workflow

ํŠน์ง•

  • ์žฅ์  : HTTP ์‚ฌ์šฉํ•˜์—ฌ ์บ์‹œ ๊ตฌ์กฐ ๊ฐ€๋Šฅ โžก ํ™•์žฅ์„ฑ ๋ฐ ์œ ์—ฐ์„ฑ ํ–ฅ์ƒ
  • ๋‹จ์  : ์•„์ง Live Latency๊ฐ€ ๊ธธ๋‹ค. ํ˜„์žฌ ๋ณด์™„๋˜๋Š” ์ค‘

Encoder (๋™์˜์ƒ ์••์ถ•)

  • h/w
  • s/w
  • Packaging ํ•„์š”

 

์ „์ฒด workflow

 


VOD Service Workflow

VOD → mp4 → Origin → Cache → Player → Display

HTTP ๊ธฐ๋ฐ˜ VOD Service Workflow

ํŠน์ง•

  • HTTP ์‚ฌ์šฉํ•˜์—ฌ ์บ์‹œ ๊ตฌ์กฐ ๊ฐ€๋Šฅ โžก ํ™•์žฅ์„ฑ, ์œ ์—ฐ์„ฑ ํ–ฅ์ƒ

 

์ „์ฒด workflow

  • VOD Service Workflow, HTTP ๊ธฐ๋ฐ˜ Live Service Workflow ์™€ ๋‹ค๋ฅธ์  โžก ๋ฐ์ดํ„ฐ ์ˆ˜์ง‘ (MP4Encoder)

๐Ÿ“Œ ๋ฏธ๋””์–ด ๊ธฐ์ˆ  Trend

๋ฏธ๋””์–ด ํฌ๋งท

CMAF (fMP4)

  • MS์™€ Apple์ด ํ†ต์ผ์„ฑ ํ•„์š”์— ๋งŒ๋“  ํ‘œ์ค€ํ™”ํ•œ ๋™์˜์ƒ ๊ทœ๊ฒฉ

 

Quality Based VBR

  • CBR (Constant-Bit-Rate) : ๊ณ ์ • ์ „์†ก๋ฅ , ํšจ์œจ โŒ, ํŒŒ์ผ ์‚ฌ์ด์ฆˆ ๋น„๊ต์  ์ •ํ™•ํ•˜๊ฒŒ ์˜ˆ์ธก โœ”
  • VBR (Variable-Bit-Rate) : ๊ฐ€๋ณ€ ์ „์†ก๋ฅ , ๋น„๊ต์  ํ™”์งˆ ์šฐ์ˆ˜
  • CRF (Constant Rate Factor) : ๊ณ ์ • ํ™”์งˆ ๋ฐฉ์‹
  • QVBR by AWS (Quality-Defined Variable Bitrate Rate) : ๋น„๋””์˜ค ์ธ์ฝ”๋”ฉ ํšจ์œจ๊ณผ ๋น„๋””์˜ค ์ธ์ฝ”๋”ฉ ํ™”์งˆ์ด ํฌ๊ฒŒ ํ–ฅ์ƒ, Dramatic

 

WebRTC 

  • Web Real-Time Communication
  • ์›น ํ‘œ์ค€ ์˜์ƒํ†ตํ™” ๋ฐ ํ™”์ƒํšŒ์˜ ์„œ๋น„์Šค
  • ๊ตฌ๊ธ€ ์ฃผ๋„

๐Ÿ’ฟ Player

Player ์‹œ์žฅ

  • ๋ฐ์Šคํฌํƒ‘ ์˜์—ญ, ๋ชจ๋ฐ”์ผ ์˜์—ญ
  • FFmpeg ๊ธฐ๋ฐ˜, HTML5์˜ ๋ธŒ๋ผ์šฐ์ € ๊ธฐ๋ฐ˜, ๋ชจ๋ฐ”์ผ์˜ Native ๊ธฐ๋ฐ˜ ๋ถ„๋ฅ˜
  • ๋ฐ์Šคํฌํƒ‘ ๊ธฐ๋ฐ˜ ๊ฒฝ์šฐ, FFmpeh์˜ app๋ณด๋‹ค๋Š”(์„ค์น˜ ํ•„์š”)  โžก HTML5 Player์— ๋Œ€ํ•œ ํ™œ์šฉ(๋ธŒ๋ผ์šฐ์ € ๊ธฐ๋ฐ˜)

 

HTML5

  • video ํƒœ๊ทธ๋Š” ๋™์˜์ƒ ์žฌ์ƒ์„ ์›น ๋ธŒ๋ผ์šฐ์ €์—์„œ Native๋กœ ์ง€์›
  • JavaScript ๋‚˜ CSS ๋“ฑ๊ณผ ์ž์—ฐ์Šค๋Ÿฝ๊ฒŒ ์œตํ™”

 

MSE (Media Source Extensions)

  • HTML Media Element์˜ ํ™•์žฅ
  • HTML5 ๋น„๋””์˜ค ์žฌ์ƒ์„ ์œ„ํ•œ ์ž…๋ ฅ ์†Œ์Šค ํ™•๋Œ€๋ฅผ ์œ„ํ•ด W3C์—์„œ ๊ทœ๊ฒฉํ™”ํ•œ JavaScript API