1. ์ด ๋๊ตฌ๋ ๋ฌด์์ ํ๋์
์ด ๋ฌด๋ฃ ์จ๋ผ์ธ ์นด๋ฉ๋ผ๋ ๊ธฐ๊ธฐ ์นด๋ฉ๋ผ๋ก ์ฌ์ง ์ดฌ์๊ณผ ์๋ฆฌ๊ฐ ํฌํจ๋ ๋์์ ๋ นํ๋ฅผ ํ ์ ์๊ฒ ํด ์ค๋๋ค. ์ฑยท๊ฐ์ ๋ถํ์. ์น์บ ์ด๋ ๋์์ ๋ นํ๊ธฐ์ฒ๋ผ ๋ธ๋ผ์ฐ์ ์์ ๋น ๋ฅธ ์ ์นด, ์งง์ ํด๋ฆฝ, ํ๋ก๊ทธ๋จ ์ค์น ์์ด ์นด๋ฉ๋ผ๊ฐ ํ์ํ ๋ ์ฌ์ฉํ์ธ์. ์ฌ์งยท๋์์ ๋ชจ๋๋ฅผ ์ ํํ ์ ์์ผ๋ฉฐ, ๋ชจ๋ ์ฒ๋ฆฌ๋ ๋ธ๋ผ์ฐ์ ์์ ์ด๋ฃจ์ด์ ธ ์ ๋ก๋๋์ง ์์ต๋๋ค. ๋น ๋ฅธ ์ ์นด, ํด์ค์ด ์๋ ์งง์ ๋์์, ๋ฌธ์ ์ค์บ, ๋์์ ๋ฉ์์ง์ ์ ํฉํฉ๋๋ค.
2. ์ฌ์ฉ ๋ฐฉ๋ฒ
๋น ๋ฅธ ์์: ์นด๋ฉ๋ผ(๋์์ ์ ๋ง์ดํฌ๋) ํ์ฉ, ์ฌ์ง ๋๋ ๋์์ ๋ชจ๋ ์ ํ, ์ดฌ์ ๋๋ ๋ นํ ์์/์ค์ง ํ ๊ฐค๋ฌ๋ฆฌ์์ ๋ค์ด๋ก๋. ํ์ ์ ์ ์ฒด ํ๋ฉด๊ณผ ์กฐ์ (๋ฐ๊ธฐ, ๋๋น, ํํฐ)์ ์ฌ์ฉํ์ธ์.
- ์ ๊ทผ ํ์ฉ โ ์นด๋ฉ๋ผ ์ฌ์ฉ ๋ฒํผ ํด๋ฆญ. ๋์์ ๋ชจ๋์์๋ ๋ง์ดํฌ ์ ๊ทผ๋ ์์ฒญ๋ฉ๋๋ค.
- ๋ชจ๋ ์ ํ โ ์ฌ์งยท๋์์ ์ ํ. ๋์์ ๋ชจ๋์์๋ ๋ง์ดํฌ๋ฅผ ์ํด ์นด๋ฉ๋ผ๊ฐ ์ฌ์์๋ฉ๋๋ค.
- ์ดฌ์ โ ์ฌ์ง ๋ชจ๋์์ "์ฌ์ง ์ดฌ์" ํด๋ฆญ์ผ๋ก ์ค๋ ์ท. ๋์์ ๋ชจ๋์์ "๋ นํ ์์" ํ "์ค์ง"๋ก ์๋ฃ.
- ์ ์ฒด ํ๋ฉด โ ์ ์ฒด ํ๋ฉด ์์ด์ฝ์ผ๋ก ๋ผ์ด๋ธ ๋ฏธ๋ฆฌ๋ณด๊ธฐ ํ๋. "์ ์ฒด ํ๋ฉด ์ข ๋ฃ" ๋๋ Esc๋ก ๋ณต๊ท.
- ์กฐ์ โ "์กฐ์ "์์ ๋ฐ๊ธฐ, ๋๋น, ์ฑ๋, ํํฐ ํ๋ฆฌ์ (์์, ๊ทธ๋ ์ด์ค์ผ์ผ, ์ธํผ์, ๋นํฐ์ง) ์ค์ . ๋ผ์ด๋ธ ๋ฏธ๋ฆฌ๋ณด๊ธฐ์ ์ดฌ์ํ ์ฌ์ง์ ์ ์ฉ๋๋ฉฐ, ๋ นํํ ๋์์์๋ ํํฐ๊ฐ ์ ์ฉ๋์ง ์์ต๋๋ค.
- ๋ค์ด๋ก๋ โ ๊ฐค๋ฌ๋ฆฌ์์ ์ดฌ์ํ ํญ๋ชฉ์ ๋ง์ฐ์ค๋ฅผ ์ฌ๋ฆฌ๊ณ ๋ค์ด๋ก๋ ์์ด์ฝ ํด๋ฆญ์ผ๋ก ์ ์ฅ.
- ์ฌ์ โ ์ดฌ์ํ ๋์์์ ์ฌ์ ์์ด์ฝ์ผ๋ก ์์ฒญ. "์นด๋ฉ๋ผ๋ก ๋์๊ฐ๊ธฐ"๋ก ๋ผ์ด๋ธ ํ๋ฉด ๋ณต๊ท.
- ์ญ์ โ ๋ง์ฐ์ค๋ฅผ ์ฌ๋ฆฌ๊ณ ์ญ์ (X) ๋ฒํผ์ผ๋ก ์ดฌ์ ํญ๋ชฉ ์ ๊ฑฐ.
3. ์๋ ๋ฐฉ์
๋๊ตฌ๋ ๋ธ๋ผ์ฐ์ MediaDevices API(getUserMedia)๋ก ์นด๋ฉ๋ผ์ ๋ง์ดํฌ์ ์ ๊ทผํฉ๋๋ค. ์ฌ์ง์ ํ์ฌ ๋น๋์ค ํ๋ ์์ ์บ๋ฒ์ค์ ๊ทธ๋ ค(์ค์ ํ ์กฐ์ ์ ์ฉ) JPEG๋ก ๋ด๋ณด๋ ๋๋ค. ๋์์์ MediaRecorder API๋ก WebM ์ฒญํฌ๋ฅผ ๋ นํํด ํ๋์ Blob์ผ๋ก ํฉ์ณ ๋ค์ด๋ก๋ํฉ๋๋ค. ๋ชจ๋ ๋ฏธ๋์ด๋ ์ญ์ ํ๊ฑฐ๋ ํ์ด์ง๋ฅผ ๋ ๋ ๋๊น์ง ๋ธ๋ผ์ฐ์ ๋ฉ๋ชจ๋ฆฌ์ blob URL๋ก ์ ์ง๋ฉ๋๋ค. getUserMedia์๋ HTTPS๊ฐ ํ์ํฉ๋๋ค. ๋ชจ๋ ์ฒ๋ฆฌ๋ ๋ธ๋ผ์ฐ์ ์์ ์ด๋ฃจ์ด์ง๋ฉฐ ์๋ฒ๋ก ๋ฐ์ดํฐ๊ฐ ์ ์ก๋์ง ์์ต๋๋ค.
4. ์ฌ์ฉ ์ฌ๋ก ๋ฐ ์์
- ๋น ๋ฅธ ์ ์นด โ ๋ค๋ฅธ ์ฑ์ ์ด์ง ์๊ณ ์ฌ์ง ์ดฌ์.
- ํ๋ฉด ๋ นํ ๋์ โ ์นด๋ฉ๋ผยท๋ง์ดํฌ๋ก ํด์ค์ด ์๋ ์งง์ ๋์์ ๋ นํ.
- ๋ฌธ์ ์ค์บ โ ๋์ค์ ์ฐ๊ธฐ ์ํด ๋ฌธ์ ์ฌ์ง ์ดฌ์.
- ๋์์ ๋ฉ์์ง โ ์๋ฆฌ๊ฐ ํฌํจ๋ ์งง์ ๋ฉ์์ง ๋ นํ.
5. ์ ํ ์ฌํญ ๋ฐ ์๋ ค์ง ์ ์ฝ
- HTTPS ํ์ โ ์ผ๋ฐ HTTP(localhost ์ ์ธ)์์๋ ๋์ํ์ง ์์ต๋๋ค.
- ๋ธ๋ผ์ฐ์ ์ง์ โ getUserMedia์ MediaRecorder๋ ์ต์ ๋ธ๋ผ์ฐ์ ์์ ์ง์๋๋ฉฐ, ๊ตฌํ ๋ธ๋ผ์ฐ์ ๋ ๋์ํ์ง ์์ ์ ์์ต๋๋ค.
- WebM ํ์ โ ๋์์์ WebM์ผ๋ก ์ ์ฅ๋ฉ๋๋ค. ์ผ๋ถ ๊ตฌํ ํ๋ ์ด์ด๋ ๋ฏธ์ง์์ด๋ฏ๋ก ํ์ ์ ๋ณํํ์ธ์.
- ๊ถํ โ ์นด๋ฉ๋ผ(๋์์ ์ ๋ง์ดํฌ) ์ ๊ทผ์ ํ์ฉํด์ผ ํฉ๋๋ค. ๊ฑฐ๋ถํ๋ฉด ๋๊ตฌ๋ฅผ ์ธ ์ ์์ต๋๋ค.
- ํํฐ โ ๋ฐ๊ธฐ, ๋๋น, ์ฑ๋, ํํฐ ํ๋ฆฌ์ ์ ๋ผ์ด๋ธ ๋ฏธ๋ฆฌ๋ณด๊ธฐ์ ์ดฌ์ํ ์ฌ์ง์๋ง ์ ์ฉ๋๋ฉฐ, ๋ นํํ ๋์์์๋ ์ ์ฉ๋์ง ์์ต๋๋ค.