YouTubeライブチャットずんだもんボイス読み上げ

📢 v5.13 アップデート情報 ・絵文字除去フィルターを追加！コメント内の絵文字を取り除いてから読み上げ可能に ・APIキー未入力時にハイライト表示で分かりやすく ・デバッグログがポップアップを閉じても保持されるように…

📢 v5.13 アップデート情報 ・絵文字除去フィルターを追加！コメント内の絵文字を取り除いてから読み上げ可能に ・APIキー未入力時にハイライト表示で分かりやすく ・デバッグログがポップアップを閉じても保持されるように ・APIキーが入力時に自動保存されるよう改善 ・読上件数カウントが再生完了後に正確にカウントされるよう修正 ・ブラウザ内蔵音声のデフォルト音声が正しく適用されないバグを修正 ＜v5.6 での主な変更＞ ・2つの読み上げエンジンを搭載！VOICEVOXに加え、ブラウザ内蔵音声も選べるように ・ずんだもん以外のキャラクターも選択可能に！🙌（四国めたん、春日部つむぎ ほか多数） ・VOICEVOX APIキーが任意に！キーなしでもすぐ使えます（設定するとより高速に） ・ショートカットキーでスタート／ストップできるように（Alt+Shift+S / Alt+Shift+Q） ・再生速度の最大値を3.0倍速に拡大し、スライダーで調整可能に 🚀 ・コメントフィルター機能を追加（最小文字数 / 絵文字のみスキップ / NGワード） ・ダークモード対応 🌙 ・ログ表示機能を追加（デバッグ情報の確認＋専用ページ） ・ステータス表示を大幅強化（接続状態・読上件数・待機件数をリアルタイム表示） ・APIキー未設定時にセットアップガイドへの誘導バナーを表示 ・内部をTypeScript + Viteで全面リファクタリングし安定性向上 📖 概要 YouTubeのライブ配信のコメントをリアルタイムで音声に変換して読み上げる拡張機能です！ VOICEVOXの多彩なキャラクター（ずんだもん、四国めたん、春日部つむぎなど）や、ブラウザ内蔵音声で読み上げます！ 必要なAPIキーはYouTube Data API v3の1つだけ。VOICEVOX APIキーは任意なので、セットアップ後すぐに読み上げを試せます！ 【拡張機能で行っていること】 YouTubeライブコメントの取得 ↓ VOICEVOX API または ブラウザ内蔵音声で音声に変換 ↓ 音声の再生 という処理を行っています！ ✨ 機能紹介 【2つの読み上げエンジン】 ・VOICEVOX（TTS Quest API） 　→ ずんだもん、四国めたん、春日部つむぎ ほか多数のキャラクターから選択可能！ 　→ APIキーなしで動作。APIキーを設定すると生成が高速化されます ・ブラウザ内蔵音声 　→ 追加のAPIキー不要！PCにインストール済みの音声を利用 【音声調整】 ・再生速度：0.1倍速〜3.0倍速（スライダー＋リセットボタン） ・音量：スライダーで細かく調整可能 【キーボードショートカット】 ・Alt+Shift+S（Mac: ⌥⇧S）：読み上げ開始 ・Alt+Shift+Q（Mac: ⌥⇧Q）：読み上げ停止 【コメントフィルター】 ・最小文字数フィルター（短すぎるコメントをスキップ） ・絵文字のみのコメントをスキップ ・絵文字除去（コメント内の絵文字を取り除いて読み上げ） ・NGワードリスト（カンマ区切りで複数指定可能） 【最新コメントのみ取得モード】 コメントをもらさず読みたい時はオフで、常に最新コメントのみ読んでほしい時はオンにしてください！ （コメント量が多い人気配信者だと、昔のコメントを読み続けてしまいますよね…！そんな時にお使いください！） 【その他の便利機能】 ・ダークモード（目に優しい表示に切り替え）🌙 ・ステータス表示（接続状態・読上件数・キュー待機数をリアルタイム表示） ・ログ表示（デバッグ情報をアコーディオン表示＋専用ページで確認可能。ポップアップを閉じても保持） ・設定の自動保存（APIキー・速度・音量・話者・フィルター・ダークモードなどすべて自動保存。毎回設定する必要なし！） 🔧 使い方 １．拡張機能をインストールし、ポップアップを開くとAPIキー未設定時にセットアップガイドへの誘導バナーが表示されます ２．バナーからセットアップガイドを開き、YouTube Data API v3 のAPIキーを取得して設定します ３．YouTubeのライブ配信ページを開きます ４．拡張機能アイコンをクリックしてポップアップを開きます ５．お好みの読み上げエンジン・話者・速度・音量を選びます ６．「読み上げ開始」ボタンをクリック！ ７．楽しむ！🎉 ※ライブ配信中のみ機能します。ライブのアーカイブでは使えません🙇 ※ショートカットキー（Alt+Shift+S / Alt+Shift+Q）でも操作できます 🔑 APIキーの取得 【YouTube Data API v3（必須・無料）】 ポップアップに表示されるセットアップガイドへのバナーから手順を確認できます。 Google Cloud Consoleでプロジェクトを作成し、YouTube Data API v3を有効化してAPIキーを取得してください。 参考記事: https://qiita.com/MCK9595/items/fdbd543ff938febcd136#api%E3%82%AD%E3%83%BC%E3%81%AE%E6%9C%89%E5%8A%B9%E5%8C%96 （@MCK9595さんの記事） 【VOICEVOX API（任意・無料・設定で高速化）】 VOICEVOXエンジンはAPIキーなしでも動作しますが、キーを設定すると音声生成が高速化されます。 取得はこちらから: https://voicevox.su-shiki.com/su-shikiapis/ 🙏 拡張機能に使わせていただいているサービス ・音声: VOICEVOX https://voicevox.hiroshiba.jp/ ・音声取得API: TTS Quest https://tts.quest/ ・コメント取得: YouTube Data API v3