Web Translator API - 브라우저에서 로컬 번역하기

1 month ago 9

  • Translator API는 브라우저내에 제공되는 AI 번역 모델을 활용하여 로컬 웹 번역 기능을 제공하는 실험적 Web API
    • 크롬 138 버전 이상부터 사용 가능
  • sourceLanguage, targetLanguage 등 주요 속성을 통해 번역 언어 지정 및 인스턴스 생성
  • translate, translateStreaming 등 메서드를 이용해 문자열 혹은 스트림 방식 번역 지원
  • inputQuota와 measureInputUsage로 번역 시 쿼터 사용량 확인 가능
  • 사용 예제 코드 if ('Translator' in self) { // The Translator API 가 지원됨 const translator = await Translator.create({sourceLanguage: "en", targetLanguage: "ko", }); console.log(await translator.translate(myTextString)); //스트림 방식 번역 const stream = translator.translateStreaming(myTextString); let translation = ""; for await (const chunk of stream) { translation += chunk; } console.log(translation); }
  • 아직 브라우저 호환성이 제한적이므로 프로덕션 사용 전 호환성 테이블 확인 필요
    • 현재는 크롬만 지원
    • Mozilla 의 경우는 관련 PR이 있는데 이슈가 있어서 당분간은 지원 어려울듯

Read Entire Article