크롬 AI 번역 API - Translator API

2025. 7. 25. 01:41·개발 아카이브/Javascript
반응형

 

해당 내용은 포스팅 시각 기준 실험적인 기능입니다. 그래도 좋은 기능이 나와서 포스팅합니다.

해당 기능은 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
'개발 아카이브/Javascript' 카테고리의 다른 글
  • TypedArray와 일반 배열과의 성능 차이 정리
  • protobufjs로 JSON보다 10배 빠른 데이터 통신하기
  • Google Apps Script에 ChatGPT 연동하기
  • [Sveltekit] 버튼 hover시 +page.server.js 실행을 막는 법
운클라우드
운클라우드
프로그래밍, 디자인 및 각종 이야기와 리뷰를 담는 블로그
  • 운클라우드
    Wooncloud Blog
    운클라우드
  • 전체
    오늘
    어제
    • 분류 전체보기
      • 이야기
        • 일기
        • 개발일지
        • 제품 리뷰
        • 기타
        • 정보처리기사
      • 정보
        • 유용한 사이트
      • 개발 아카이브
        • AI, 인공지능
        • Javascript
        • JAVA
        • DATABASE
        • 개발 관련 지식
        • 라이브러리
        • AWS, Cloud, Server
        • 코드 저장소
        • HTML, CSS
  • 블로그 메뉴

    • 홈
    • 방명록
    • 운구름 웹
    • 벨로그
    • 깃허브
    • 리틀리
    • 도시부엉
  • 링크

    • 홈페이지
    • 깃허브
    • 벨로그
  • 공지사항

  • 인기 글

  • 태그

    CSS
    Java
    API
    라이브러리
    javascript
    Ai
    튜닝
    회고
    SQL
    폰트
    리뷰
    정보처리기사
    자바스크립트
    이클립스
    html
    웹디자인
    스터디
    json
    코드저장소
    자바
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.4
운클라우드
크롬 AI 번역 API - Translator API
상단으로

티스토리툴바