Web Speech APIを使用した音声読み上げパーツを簡単に作成
これは音声読み上げパーツのテスト用のサンプルコンテンツです。全文読み上げモードでは、この段落から最後の段落まで全て読み上げられます。
結論だけモードでは、最後のh2タグ以降の段落のみが読み上げられます。実際のブログでは、記事の本文が自動的に検出されます。
このパーツは、Web Speech APIを使用してブログ記事を音声で読み上げることができます。アクセシビリティの向上や、マルチタスク時の便利な機能として活用できます。
💡 このHTMLコードをあなたのブログの記事に貼り付けてください。記事の最初のh2タグの前に挿入することを推奨します。
💡 このJavaScriptコードは、HTMLコードより前に読み込まれるように設定してください。