INDEPENDENT PRODUCT — VOICE AI / WEB

VoiceTra

言葉の壁を越える、双方向音声翻訳。

日本語と英語の会話をリアルタイムに認識・翻訳するWebアプリ。音声入力から翻訳表示、認証、利用時間の管理、サブスクリプション決済までを開発しました。

個人開発Webアプリ

REALTIME TRANSLATION

日本語JapaneseEnglish英語

認証・利用量管理・サブスクリプション

仕組みの概念図

音声入力から翻訳表示までの流れを示した概念図です。

01 / PURPOSE

どんな体験をつくるか

日本語と英語の会話を、ブラウザで確認しながら進められるように。音声認識・翻訳を会話の画面につなぎ、アカウントや利用プランを含めて使えるWebアプリを目指しました。

02 / DESIGN & BUILD

Web Audio APIでマイクの音を取得し、WebSocketでFastAPIへ送信。Azure Speechによる認識・翻訳の結果を、会話の流れを追える画面へ返します。

日本語・英語の自動判定と入力言語の選択に対応。タイムライン表示と対面表示を用意し、利用場面に合わせて翻訳結果を確認できるようにしました。

Clerkによる認証、PostgreSQLによる利用時間の管理、Stripe Checkoutによる決済を実装。プランに応じた利用制限や変更も扱う構成にしています。

03 / AVAILABILITY

Webアプリとして開発。現在、オンラインの体験リンクは掲載していません。ここでは用途と設計上の工夫を紹介しています。

YOUR NEXT PROJECT

AI・Web・モバイルの開発について、構想の段階からご相談ください。