ayousanz https://blog.hatena.ne.jp/ayousanz/ yousanのメモ https://ayousanz.hatenadiary.jp/ piper-plus 初めに 開発環境 環境構築 プロジェクトの作成 パッケージのインストール package.jsonの設定 Vite設定ファイルの作成（vite.config.js） モデルの準備 実装 最小限のHTML（index.html） JavaScript（main.js） 開発サーバーの起動 実行結果 APIの詳細 PiperPlus.initialize() のオプション 合成結果の利用 合成パラメータ ストリーミング合成 言語の自動判定 リソースの解放 所感 初めに 今回は、piper-plusのnpmパッケージ（WASM版）を使ったブラウザ上での日本語音声合成について紹介します。サーバー不要で… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fayousanz.hatenadiary.jp%2Fentry%2F2026%2F04%2F09%2F215653" title="piper-plusのWASM版でブラウザ上の日本語TTSを実現する - yousanのメモ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/a/ayousanz/20260409/20260409215640.png Hatena Blog https://hatena.blog 2026-04-09 21:56:53 rich https://ayousanz.hatenadiary.jp/entry/2026/04/09/215653 1.0 100%