React-JS ๐ฑโ๐ป๐ฅ๋ฅผ ์ฌ์ฉํ์ฌ Deepgram๐ค๋ก YouTube ํด๋ก ์ ๋ง๋ค์ด ๋ด ์๋ค
2357 ๋จ์ด reacthackwithdgdeepgramjavascript
๋ฅ๊ทธ๋จ AI์ ํจ๊ปํ๋ ์ ํ๋ธ ํด๋ก ๐ค
๋ด ์ ์ถ๋ฌผ ๊ฐ์: ๐
๊ฐ๋จํ๊ฒ ์๋ ค๋๋ฆฌ๊ฒ ์ต๋๋ค :)
(For this you need to disable ad blocker. Default location IN)
์ ์ถ ์นดํ ๊ณ ๋ฆฌ: ๐
์ ๊ทผ์ฑ ์ง์ง์
GitHub: ๐จโ๐ป
jacksonkasi0 /
Deepgram AI ์์ฑ ์ธ์ ๊ธฐ๋ฅ์ ๊ฐ์ถ YouTube ํด๋ก ๐ฑโ๐ป
๊ฐ์: ๐
see youtube video ๐บ
๊ฐ๋จํ๊ฒ ์๋ ค๋๋ฆฌ๊ฒ ์ต๋๋ค :)
YouTube API ๋ฐ Deepgram์ ์ฌ์ฉํ์ฌ React-JS์ ๊ตฌ์ถ๋์์ต๋๋ค.
์์ฑ ๊ฒ์ ๋ฐ ๋น๋์ค ์๋ง ์ต์ ์ด ์์ต๋๋ค.
๋ํ ์์น์ ๋ฐ๋ผ ๋น๋์ค๋ฅผ ์ ๊ณตํฉ๋๋ค.
(For this you need to disable ad blocker. Default location IN)
๋ฐฐํฌ ๋ช ๋ น ๐ง
์ ๋๋ ํฐ๋ฆฌ๋ฅผ ๋ง๋ค๊ณ ํฐ๋ฏธ๋์์ ํด๋น ๋๋ ํฐ๋ฆฌ๋ก ์ด๋ํ ๋ค์ GitHub ๋ฆฌํฌ์งํ ๋ฆฌ๋ฅผ ๋ณต์ ํฉ๋๋ค.
git clone https://github.com/jacksonkasi0/youtube-clone.git
๋๋ ํฐ๋ฆฌ๋ฅผ ํจํด ๋๋ ํฐ๋ฆฌ๋ก ๋ณ๊ฒฝํฉ๋๋ค.
cd youtube-clone
๋ช ๋ น์ค์์ ๋ค์์ ์ ๋ ฅํด์ผ ํฉ๋๋ค.
npm install
.env์ Deepgram ๋น๋ฐ ํค ๋ฐ YouTube API ํค๋ฅผ ๋ถ์ฌ ๋ฃ์ต๋๋ค.
REACT_APP_DEEPGRAM_SECRET_API_KEY=< secret-key >
REACT_APP_YOUTUBE_API_KEY=< secret-key >
npm start
ํ๋ณตํ ์ฝ๋ฉ ๐ค๐
์น ๋งํฌ ๐:
์์ธํ ๋ณด๊ธฐ ๐:
์ด ์ ํ๋ฆฌ์ผ์ด์ ์ ๋ณด ๐ง:
YouTube ๋์์: https://youtu.be/SlYDWTLyJLU
๋ผ์ด๋ธ ๋ฐ๋ชจ: โจ
click me ๐ธ
์น ๋งํฌ: https://youtupe.netlify.app/
Reference
์ด ๋ฌธ์ ์ ๊ดํ์ฌ(React-JS ๐ฑโ๐ป๐ฅ๋ฅผ ์ฌ์ฉํ์ฌ Deepgram๐ค๋ก YouTube ํด๋ก ์ ๋ง๋ค์ด ๋ด ์๋ค), ์ฐ๋ฆฌ๋ ์ด๊ณณ์์ ๋ ๋ง์ ์๋ฃ๋ฅผ ๋ฐ๊ฒฌํ๊ณ ๋งํฌ๋ฅผ ํด๋ฆญํ์ฌ ๋ณด์๋ค https://dev.to/jacksonkasi/lets-build-youtube-clone-with-deepgram-using-react-js-1e5lํ ์คํธ๋ฅผ ์์ ๋กญ๊ฒ ๊ณต์ ํ๊ฑฐ๋ ๋ณต์ฌํ ์ ์์ต๋๋ค.ํ์ง๋ง ์ด ๋ฌธ์์ URL์ ์ฐธ์กฐ URL๋ก ๋จ๊ฒจ ๋์ญ์์ค.
์ฐ์ํ ๊ฐ๋ฐ์ ์ฝํ ์ธ ๋ฐ๊ฒฌ์ ์ ๋ (Collection and Share based on the CC Protocol.)
์ข์ ์นํ์ด์ง ์ฆ๊ฒจ์ฐพ๊ธฐ
๊ฐ๋ฐ์ ์ฐ์ ์ฌ์ดํธ ์์ง
๊ฐ๋ฐ์๊ฐ ์์์ผ ํ ํ์ ์ฌ์ดํธ 100์ ์ถ์ฒ ์ฐ๋ฆฌ๋ ๋น์ ์ ์ํด 100๊ฐ์ ์์ฃผ ์ฌ์ฉํ๋ ๊ฐ๋ฐ์ ํ์ต ์ฌ์ดํธ๋ฅผ ์ ๋ฆฌํ์ต๋๋ค