React-JS ๐Ÿฑโ€๐Ÿ’ป๐Ÿ”ฅ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ Deepgram๐Ÿค–๋กœ YouTube ํด๋ก ์„ ๋งŒ๋“ค์–ด ๋ด…์‹œ๋‹ค

2357 ๋‹จ์–ด reacthackwithdgdeepgramjavascript

๋”ฅ๊ทธ๋žจ AI์™€ ํ•จ๊ป˜ํ•˜๋Š” ์œ ํŠœ๋ธŒ ํด๋ก ๐Ÿค—




๋‚ด ์ œ์ถœ๋ฌผ ๊ฐœ์š”: ๐Ÿ‘€





๊ฐ„๋‹จํ•˜๊ฒŒ ์•Œ๋ ค๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค :)
  • YouTube API ๋ฐ Deepgram์„ ์‚ฌ์šฉํ•˜์—ฌ React-JS์— ๊ตฌ์ถ•๋˜์—ˆ์Šต๋‹ˆ๋‹ค.
  • ์Œ์„ฑ ๊ฒ€์ƒ‰ ๋ฐ ๋น„๋””์˜ค ์ž๋ง‰ ์˜ต์…˜์ด ์žˆ์Šต๋‹ˆ๋‹ค.
  • ๋˜ํ•œ ์œ„์น˜์— ๋”ฐ๋ผ ๋น„๋””์˜ค๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.(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

    ํ–‰๋ณตํ•œ ์ฝ”๋”ฉ ๐Ÿค—๐ŸŽ‰

    ์›น ๋งํฌ ๐Ÿ”—:


  • https://youtupe.netlify.app/

  • ์ž์„ธํžˆ ๋ณด๊ธฐ ๐Ÿ“–:




  • ์ด ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ์ •๋ณด ๐Ÿง:


    YouTube ๋™์˜์ƒ: https://youtu.be/SlYDWTLyJLU







    ๋ผ์ด๋ธŒ ๋ฐ๋ชจ: โœจ



    click me ๐Ÿ˜ธ

    ์›น ๋งํฌ: https://youtupe.netlify.app/

    ์ข‹์€ ์›นํŽ˜์ด์ง€ ์ฆ๊ฒจ์ฐพ๊ธฐ