๐ผ๏ธ ๋์์ ํ๋ ์ ์ถ์ถ๊ธฐ
๋์์์ ์
๋ก๋ํด ์ํ๋ ์๊ฐ์ ์ฐพ๊ณ , ํ์ฌ ํ๋ฉด์ PNG ์ด๋ฏธ์ง๋ก ์บก์ฒํด ๋ค์ด๋ก๋ํ์ธ์.
๐ ๋์์์ ์๋ฒ๋ก ์ ์ก๋์ง ์๊ณ ๋ธ๋ผ์ฐ์ ์์์๋ง ์ฌ์ยท์บก์ฒ๋ฉ๋๋ค.
โ ๏ธ ํ์ผ ์ฉ๋์ด 500MB๋ฅผ ์ด๊ณผํฉ๋๋ค. ๊ทธ๋๋ ๋ถ๋ฌ์ฌ ์๋ ์์ง๋ง, ๋ธ๋ผ์ฐ์ ์ฑ๋ฅ์ ๋ฐ๋ผ ์ฌ์์ด ๋๋ ค์ง ์ ์์ต๋๋ค.
ํ์ฌ ์์น: 0.00s
์ ์ฒด ๊ธธ์ด: โ
โน๏ธ ์ฝ๋ฑ ์ง์์ ๋ธ๋ผ์ฐ์ ๋ง๋ค ๋ค๋ฆ
๋๋ค. 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 ํ์ผ์ ๋ธ๋ผ์ฐ์ ๊ฐ ๋์ฝ๋ฉ์ ์ง์ํ์ง ์์ ์ฌ์์ด ์คํจํ ์ ์์ต๋๋ค.