๐ŸŒ KO

๐Ÿ–ผ๏ธ ๋™์˜์ƒ ํ”„๋ ˆ์ž„ ์ถ”์ถœ๊ธฐ

๋™์˜์ƒ์„ ์—…๋กœ๋“œํ•ด ์›ํ•˜๋Š” ์ˆœ๊ฐ„์„ ์ฐพ๊ณ , ํ˜„์žฌ ํ™”๋ฉด์„ PNG ์ด๋ฏธ์ง€๋กœ ์บก์ฒ˜ํ•ด ๋‹ค์šด๋กœ๋“œํ•˜์„ธ์š”.

๐Ÿ”’ ๋™์˜์ƒ์€ ์„œ๋ฒ„๋กœ ์ „์†ก๋˜์ง€ ์•Š๊ณ  ๋ธŒ๋ผ์šฐ์ € ์•ˆ์—์„œ๋งŒ ์žฌ์ƒยท์บก์ฒ˜๋ฉ๋‹ˆ๋‹ค.

ํด๋ฆญํ•˜๊ฑฐ๋‚˜ ๋™์˜์ƒ ํŒŒ์ผ์„ ๋Œ์–ด๋‹ค ๋†“์œผ์„ธ์š”

MP4(H.264) ๊ถŒ์žฅ, ์ผ๋ถ€ WebM/AV1/HEVC ํŒŒ์ผ์€ ์žฌ์ƒ์ด ์•ˆ ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค

โ„น๏ธ ์ฝ”๋ฑ ์ง€์›์€ ๋ธŒ๋ผ์šฐ์ €๋งˆ๋‹ค ๋‹ค๋ฆ…๋‹ˆ๋‹ค. H.264/MP4๋Š” ๋Œ€๋ถ€๋ถ„์˜ ๋ธŒ๋ผ์šฐ์ €์—์„œ ์ž˜ ์žฌ์ƒ๋˜์ง€๋งŒ, ์ผ๋ถ€ WebM(VP9/AV1)์ด๋‚˜ HEVC(H.265) ํŒŒ์ผ์€ ์žฌ์ƒ๋˜์ง€ ์•Š์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๐Ÿ’ก ๋™์˜์ƒ ํ”„๋ ˆ์ž„ ์ถ”์ถœ๊ธฐ, ์ด๋ ‡๊ฒŒ ํ™œ์šฉํ•˜์„ธ์š”

์˜์ƒ์—์„œ ์ธ์ƒ์ ์ธ ์žฅ๋ฉด์„ ์ธ๋„ค์ผ์ด๋‚˜ ๋ธ”๋กœ๊ทธ ์ด๋ฏธ์ง€๋กœ ์ €์žฅํ•˜๊ณ  ์‹ถ์„ ๋•Œ ์œ ์šฉํ•ฉ๋‹ˆ๋‹ค. ์žฌ์ƒ๋ฐ”๋กœ ๋Œ€๋žต์ ์ธ ์œ„์น˜๋ฅผ ์ฐพ์€ ๋’ค, ยฑ1์ดˆยทยฑ1ํ”„๋ ˆ์ž„ ๋ฒ„ํŠผ์œผ๋กœ ์›ํ•˜๋Š” ์ˆœ๊ฐ„์„ ์ •๋ฐ€ํ•˜๊ฒŒ ๋งž์ถ”๊ณ  ์บก์ฒ˜ํ•˜์„ธ์š”. ์บก์ฒ˜๋œ ์ด๋ฏธ์ง€๋Š” ์›๋ณธ ์˜์ƒ์˜ ์‹ค์ œ ํ•ด์ƒ๋„ ๊ทธ๋Œ€๋กœ PNG๋กœ ์ €์žฅ๋ฉ๋‹ˆ๋‹ค.

๊ฐ€์ด๋“œ

์ž์„ธํžˆ ์•Œ์•„๋ณด๊ธฐ

01

๋™์˜์ƒ ํ”„๋ ˆ์ž„ ์ถ”์ถœ๊ธฐ๋Š” ์–ด๋–ป๊ฒŒ ๋™์ž‘ํ•˜๋‚˜์š”?

์—…๋กœ๋“œํ•œ ๋™์˜์ƒ ํŒŒ์ผ์€ ๋ธŒ๋ผ์šฐ์ € ๋‚ด๋ถ€์—์„œ๋งŒ URL.createObjectURL()๋กœ ์ž„์‹œ ์žฌ์ƒ ๋งํฌ๋ฅผ ๋งŒ๋“ค์–ด ์žฌ์ƒ๋ฉ๋‹ˆ๋‹ค. ์ด ๋งํฌ๋Š” ๊ทธ ๋ธŒ๋ผ์šฐ์ € ํƒญ ์•ˆ์—์„œ๋งŒ ์œ ํšจํ•˜๋ฉฐ, ํŒŒ์ผ ๋ฐ์ดํ„ฐ๊ฐ€ ์ธํ„ฐ๋„ท ์–ด๋””๋กœ๋„ ์ „์†ก๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์›ํ•˜๋Š” ์ˆœ๊ฐ„์—์„œ "ํ˜„์žฌ ํ”„๋ ˆ์ž„ ์บก์ฒ˜" ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๋ฉด, ํ™”๋ฉด์— ๋ณด์ด๋Š” ๊ทธ ์ˆœ๊ฐ„์˜ ์ด๋ฏธ์ง€๊ฐ€ ์บ”๋ฒ„์Šค์— ๊ทธ๋ ค์ง„ ๋’ค PNG ํŒŒ์ผ๋กœ ๋‹ค์šด๋กœ๋“œ๋ฉ๋‹ˆ๋‹ค.
02

์ •๋ฐ€ํ•˜๊ฒŒ ์›ํ•˜๋Š” ์ˆœ๊ฐ„ ์ฐพ๊ธฐ

์žฌ์ƒ๋ฐ”(์Šคํฌ๋Ÿฌ๋ฒ„)๋กœ ๋Œ€๋žต์ ์ธ ์œ„์น˜๋ฅผ ๋จผ์ € ์ฐพ์€ ๋‹ค์Œ, ยฑ1์ดˆ ๋ฒ„ํŠผ์œผ๋กœ ํฌ๊ฒŒ ์ด๋™ํ•˜๊ณ  ยฑ1ํ”„๋ ˆ์ž„(์•ฝ 0.04์ดˆ, 25fps ๊ธฐ์ค€) ๋ฒ„ํŠผ์œผ๋กœ ๋ฏธ์„ธ ์กฐ์ •ํ•˜๋ฉด ์›ํ•˜๋Š” ์ •ํ™•ํ•œ ์ˆœ๊ฐ„์„ ์‰ฝ๊ฒŒ ๋งž์ถœ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ž๋™ ์žฌ์ƒ์€ ๋˜์ง€ ์•Š์œผ๋ฉฐ, ํ•ญ์ƒ ์‚ฌ์šฉ์ž๊ฐ€ ์œ„์น˜๋ฅผ ์ง์ ‘ ์กฐ์ž‘ํ•ฉ๋‹ˆ๋‹ค.
03

์–ด๋–ค ๋™์˜์ƒ ํŒŒ์ผ์ด ์ž˜ ์—ด๋ฆฌ๋‚˜์š”?

H.264๋กœ ์ธ์ฝ”๋”ฉ๋œ MP4 ํŒŒ์ผ์ด ๊ฐ€์žฅ ํญ๋„“๊ฒŒ ์ง€์›๋ฉ๋‹ˆ๋‹ค. WebM(VP9), AV1, HEVC(H.265) ๋“ฑ ์ตœ์‹  ์ฝ”๋ฑ์€ ๋ธŒ๋ผ์šฐ์ €๋‚˜ ์šด์˜์ฒด์ œ์— ๋”ฐ๋ผ ์žฌ์ƒ๋˜์ง€ ์•Š์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํŒŒ์ผ์ด ์—ด๋ฆฌ์ง€ ์•Š๋Š”๋‹ค๋ฉด ๋‹ค๋ฅธ ํ˜•์‹์œผ๋กœ ๋‹ค์‹œ ์ธ์ฝ”๋”ฉํ•œ ๋’ค ์‹œ๋„ํ•ด ๋ณด์„ธ์š”.

๊ด€๋ จ ๋ฏธ๋””์–ด ๋„๊ตฌ

์ž์ฃผ ๋ฌป๋Š” ์งˆ๋ฌธ

์—…๋กœ๋“œํ•œ ๋™์˜์ƒ์ด ์„œ๋ฒ„์— ์ €์žฅ๋˜๋‚˜์š”?
์•„๋‹ˆ์š”. ๋™์˜์ƒ์€ ๋ธŒ๋ผ์šฐ์ € ์•ˆ์—์„œ๋งŒ ์žฌ์ƒยท์บก์ฒ˜๋˜๋ฉฐ, ์–ด๋–ค ํ˜•ํƒœ๋กœ๋„ ์„œ๋ฒ„์— ์ „์†ก๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.
์บก์ฒ˜๋œ ์ด๋ฏธ์ง€์˜ ํ•ด์ƒ๋„๋Š” ์–ด๋–ป๊ฒŒ ๋˜๋‚˜์š”?
์›๋ณธ ๋™์˜์ƒ์˜ ์‹ค์ œ ์žฌ์ƒ ํ•ด์ƒ๋„(videoWidth ร— videoHeight) ๊ทธ๋Œ€๋กœ ์บก์ฒ˜๋˜์–ด PNG๋กœ ์ €์žฅ๋ฉ๋‹ˆ๋‹ค.
ํฐ ๋™์˜์ƒ ํŒŒ์ผ๋„ ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ๋‚˜์š”?
๋„ค, ํ•˜๋“œ ์ œํ•œ์€ ์—†์Šต๋‹ˆ๋‹ค. ๋‹ค๋งŒ 500MB๋ฅผ ์ดˆ๊ณผํ•˜๋ฉด ๊ฒฝ๊ณ  ๋ฉ”์‹œ์ง€๊ฐ€ ํ‘œ์‹œ๋˜๋ฉฐ, ๋ธŒ๋ผ์šฐ์ € ์„ฑ๋Šฅ์— ๋”ฐ๋ผ ์žฌ์ƒ์ด ๋А๋ ค์งˆ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
์™œ ์ผ๋ถ€ ๋™์˜์ƒ์ด ์žฌ์ƒ๋˜์ง€ ์•Š๋‚˜์š”?
์ฝ”๋ฑ ์ง€์›์€ ๋ธŒ๋ผ์šฐ์ €๋งˆ๋‹ค ๋‹ค๋ฆ…๋‹ˆ๋‹ค. H.264/MP4๋Š” ๋Œ€๋ถ€๋ถ„ ์ž˜ ์žฌ์ƒ๋˜์ง€๋งŒ, ์ผ๋ถ€ WebM/AV1/HEVC ํŒŒ์ผ์€ ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ๋””์ฝ”๋”ฉ์„ ์ง€์›ํ•˜์ง€ ์•Š์•„ ์žฌ์ƒ์ด ์‹คํŒจํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.