반응형
해당 내용은 포스팅 시각 기준 실험적인 기능입니다. 그래도 좋은 기능이 나와서 포스팅합니다.
해당 기능은 MDN에 포스팅 되어 있지만, 크롬에서만 선두적으로 개발해둔 실험적 기능이라 다른 브라우저에서는 지원하지 않습니다.
그래도 크롬 기반에서는 쉽게 번역 기능을 구현할 수 있겠네요.
https://developer.mozilla.org/en-US/docs/Web/API/Translator
Translator - Web APIs | MDN
The Translator interface of the Translator and Language Detector APIs contains all the associated translation functionality, including checking AI model availability, creating a new Translator instance, using it to create a translation, and more.
developer.mozilla.org
Translator API는 AI 모델 가용성 확인, 번역기 인스턴스 생성, 텍스트 번역 등의 기능을 제공합니다.
주요 속성 및 메서드
인스턴스 속성
- inputQuota: 번역을 위해 브라우저에서 사용 가능한 입력 할당량
- sourceLanguage: 번역할 텍스트의 원본 언어
- targetLanguage: 번역될 대상 언어
정적 메서드
- availability(): AI 모델의 가용성 확인
- create(): 새로운 Translator 인스턴스 생성
인스턴스 메서드
- translate(): 입력 문자열을 번역하여 결과 문자열 반환
- translateStreaming(): 스트림 형태로 번역 결과를 점진적으로 생성
- measureInputUsage(): 특정 텍스트 번역에 필요한 입력 할당량 측정
- destroy(): 번역기 인스턴스 삭제
// 번역기 생성 (영어 → 일본어)
const translator = await Translator.create({
sourceLanguage: "en",
targetLanguage: "ja",
});
// 일반 번역
const translation = await translator.translate(myTextString);
// 스트리밍 번역
const stream = translator.translateStreaming(myTextString);
이 API로 서버없이 브라우저에서 직접 AI기반 번역을 구현할 수 있습니다. 그래서 개인정보 보호나 응답속도가 빨라서 좋네요.
이번 데브킷에 넣어봐야지 ㅎㅎ
반응형
'개발 아카이브 > Javascript' 카테고리의 다른 글
TypedArray와 일반 배열과의 성능 차이 정리 (4) | 2025.08.02 |
---|---|
protobufjs로 JSON보다 10배 빠른 데이터 통신하기 (0) | 2025.08.02 |
Google Apps Script에 ChatGPT 연동하기 (3) | 2024.07.24 |
[Sveltekit] 버튼 hover시 +page.server.js 실행을 막는 법 (0) | 2024.06.17 |
JavaScript에서 export { }와 export default의 차이점 (0) | 2024.05.15 |