translategemma_app¶

translategemma app (based web)

项目信息
仓库	https://github.com/Maicarons/translategemma_app
在线体验	https://maicarons.github.io/translategemma_app/
主要语言	JavaScript
Stars	0
类型	原创项目
许可证	MPL-2.0
最近更新	2026-08-12

Translategemma App¶

A real-time translation application built with Vue 3, Capacitor, and MediaPipe.

Features¶

Text translation with speech synthesis
Voice translation with speech recognition
Image translation with MediaPipe
Multi-language support
Settings panel with language configuration
Responsive design for both web and mobile

Getting Started¶

Prerequisites¶

Node.js (v18+)
pnpm
Capacitor CLI

Installation¶

Clone the repository

git clone https://github.com/Maicarons/translategemma_app.git
cd translategemma_app

Install dependencies
```
pnpm install
```
Add model file
Download the translategemma-4b-it-int8-web.task model file
Place it in the public/models/ directory

Development¶

Start the development server
```
pnpm run dev
```
Build for production
```
pnpm run build
```

Mobile Build¶

Sync with Capacitor
```
pnpm run sync
```
Build for Android
```
pnpm run android
```

Project Structure¶

├── public/              # Static assets
│   └── models/          # Model files (not tracked by git)
├── src/                 # Source code
│   ├── components/      # Vue components
│   ├── i18n/            # Internationalization files
│   ├── router/          # Vue Router configuration
│   ├── services/        # Service modules
│   ├── utils/           # Utility functions
│   ├── views/           # Page components
│   ├── App.vue          # Root component
│   └── main.js          # Entry point
├── android/             # Android project (generated by Capacitor)
├── .gitignore           # Git ignore file
├── capacitor.config.json # Capacitor configuration
├── package.json         # Package configuration
└── vite.config.js       # Vite configuration

Supported Languages¶

Chinese
English
Japanese
French
Korean
German
Spanish
Russian

Technology Stack¶

Vue 3 + Composition API
Vue Router
Vue I18n
Naive UI
Capacitor
MediaPipe Tasks GenAI
Web Speech API

License¶

MPL-2.0