Voqがテキストを読み上げる仕組み

2025年2月1日

ブラウザ拡張機能でのテキスト読み上げは、思っているよりシンプルです。Voqがどのように実現しているかをご紹介します。

Web Speech API

Voqはブラウザに搭載されているWeb Speech APIを使って音声を合成します。つまり、音声データがサーバーに送信されることはなく、すべてブラウザ内でローカルに処理されるため、読み上げ内容のプライバシーが保たれます。

音声の選択

Chromeにはシステム音声のセットが搭載されており、実際に利用できる音声はお使いのOSと言語設定によって異なります。Voqでは、ブラウザにインストールされている音声の中から自由に選べるため、自然に聞こえるものを選択できます。

読み上げパネル

Voqが読み上げる際、話されている単語をその都度ハイライト表示します。これはWeb Speech APIのboundaryイベントによって実現されており、各単語の前に発火します。読み上げパネルは現在の位置を記憶しているため、内容を目で追ったり、聞き逃した箇所に戻ったりできます。

多言語対応

Voqはお使いの端末に既にインストールされているシステム音声を利用するため、それらの音声がカバーする言語には自然に対応します。スペイン語や日本語の音声がインストールされていれば、Voqはその言語で読み上げることができます。

はじめかた

ChromeウェブストアからVoqをインストールしてください —— 無料です。インストール後は、ウェブページ上の任意のテキストを選択して再生を押すだけです。