안녕하세요👋

사실 저는 deepgram을 처음 사용합니다. 그래서 딥그램이 어떻게 작동하는지 스스로 교육하고 모든 개념을 이해했는지 확인해야 했습니다.😎🚩

딥그램에 요청을 보내기 전에 음성을 캡처해야 하며 그러기 위해서는 미디어 캡처 및 스트림 API를 사용해야 합니다.🎧

이것은 음성을 사용하여 만들 수 있는 간단한 웹 애플리케이션입니다.

여러분도 컴퓨터에서 이 웹 앱을 실행할 수 있습니다.❤️

먼저 이 프로젝트를 PC에서 복제한 다음 deepgram api 키를 script.js 파일에 있는 새로 생성된 키로 교체해야 합니다.👽

그런 다음 프로젝트 폴더로 이동합니다. npm install 🌱를 실행하여 모든 종속성을 설치합니다.

종속 항목이 설치되면 npm run dev로 프로젝트를 실행하여 로컬 IP 주소를 얻을 수 있습니다.🌱🐥

Media Capture 및 Streams API는 마이크와 상호 작용하기 위해 보안 HTTPS 연결이 필요하므로 프로젝트에 대한 SSL 인증서를 설치해야 합니다.

다음을 실행하여 인증서를 생성합니다. mkcert YOUR_IP_HERE localhost
하나 이상의 IP 주소를 제공할 수 있습니다.

일단 생성되면 프로젝트의 루트에 배치되는지 확인하고 싶습니다.
/bundler/webpack.dev.js 파일로 이동하고 YOUR_SSL_CERT_KEY 및 YOUR_SSL_CERT를 이전 단계에서 생성된 인증서 및 키 파일의 경로로 바꿉니다.

모든 파일이 저장되었는지 확인하고 다시 실행하십시오npm run dev.

브라우저에서 마이크를 사용하도록 허용합니다.

말해줘! 텍스트가 화면에 표시되어야 합니다!

이제 실험할 시간입니다! 🚀

제출 카테고리:

엉뚱한 와일드카드

GitHub의 코드 링크

키트미니 / 딥그램 해커톤

딥그램 해커톤

View on GitHub

Happy Coding ! 🌱