JavaScript로 Speech Recognition API 시작하기

Speech Recognition API를 사용하면 음성 오디오를 텍스트로 변환하는 응용 프로그램을 개발할 수 있습니다. JavaScript 클라이언트 라이브러리는 말을 하면서 동시에 전사된 텍스트를 수신할 수 있는 Speech Service WebSocket 프로토콜을 사용합니다. 본문에서는 JavaScript로 Speech Recognition API를 시작하는 방법을 살펴봅니다.

요구 사항

Speech Recognition API 구독 및 무료 평가판 구독 키 발급받기

Speech API는 Microsoft Cognitive Services의 (구 프로젝트 Oxford) 일부분입니다. 무료 평가판 구독 키는 Cognitive Services 체험하기 페이지에서 발급받을 수 있습니다. 음성 탭에서 Bing Speech API를 선택한 다음, API 키 가져오기(Get API Key) 버튼을 클릭합니다. 그러면 기본 키와 보조 키가 발급됩니다. 두 키 모두 동일한 할당량에 연결되어 있으므로 두 키 중 아무 키나 사용해도 무방합니다.

시작하기

이번 절에서는 예제 HTML 페이지를 로드하기 위한 과정을 살펴봅니다. 예제는 GitHub 저장소에 위치해 있습니다. 저장소에서 직접 예제를 열거나, 저장소의 로컬 복사본에서 예제를 열 수 있습니다.

직접 예제 열기

앞에서 설명한 방법으로 구독 키를 발급받습니다. 그럼 다음, 예제 링크를 엽니다. 그러면 기본 브라우저에 페이지가 로드됩니다 (htmlPreview를 이용해서 렌더됩니다).

로컬 복사본에서 예제 열기

로컬에서 예제를 테스트해보려면, 먼저 다음 저장소를 복제합니다:

git clone https://github.com/Azure-Samples/SpeechToText-WebSockets-Javascript

그리고 TypeScript 소스를 컴파일하고 단일 JavaScript 파일로 번들 및 Browserfy 합니다 (컴퓨터에 npm을 설치해야 합니다). 복제된 저장소의 루트로 이동한 다음, 다음 명령을 실행하십시오:

cd SpeechToText-WebSockets-Javascript && npm run bundle

선호하는 브라우저로 samples\browser\Sample.html 파일을 엽니다.

다음 단계

자신의 웹 페이지에 SDK를 포함시키는 방법에 대한 자세한 정보는 여기를 참고하시기 바랍니다.

비고

• Speech Recognition API는 세 가지 인식 모드를 지원합니다. 그리고 Sample.html 파일에 위치한 Setup() 함수를 수정해서 모드를 변경할 수 있습니다. 기본적으로 본문의 예제는 Interactive 모드로 설정되어 있습니다. 모드를 변경하려면, SR.RecognitionMode.Interactive 매개 변수를 다른 모드로 변경하십시오. 예를 들어서, SR.RecognitionMode.Conversation으로 매개 변수를 변경할 수 있습니다.

  역주

  2018년 2월 현재, 예제 페이지에서 인식 모드를 선택할 수 있습니다.

• 지원되는 언어의 전체 목록을 보려면 Supported Languages를 참고하시기 바랍니다.

관련 자료

• JavaScript Speech Recognition API 예제 저장소
• REST API를 이용한 음성 인식 시작하기 (PowerShell, cUrl, C#)