JavascriptのSpeechSynthesisでテキストの読み上げを勉強しています。 下記のようなコードを見つけ、いろいろ試していますが、声色を変える方法がわかりません。
JavascriptのSpeechSynthesisでテキストの読み上げを勉強しています。 下記のようなコードを見つけ、いろいろ試していますが、声色を変える方法がわかりません。 多分、utterance.voiceとして何かを充てるのだとは思うのですが。 使用したい声色は Microsoft Sayaka - Japanese (Japan) です。 よろしくお願いを致します。 ------------------------------------------ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.1/css/bulma.min.css"> <title>Web Speech API のサンプル</title> </head> <body> <section class="section"> <h1 class="title">Web Speech API のサンプル</h1> <div class="field is-grouped"> <p class="control is-expanded"> <input id="text" class="input" type="text" placeholder="喋って欲しい文章を入力..."> </p> <p class="control"> <a id="send" class="button is-info"> 送信する </a> </p> </div> </section> <script> const synth = window.speechSynthesis; const utterance = new SpeechSynthesisUtterance(); utterance.lang = 'ja-JP'; utterance.rate=1; utterance.pitch=1; // utterance.voice=''; ここでいいのか？ $('#send').on('click', function() { // const text = $('#text').val(); const text = document.querySelector('#text').value; utterance.text = text synth.speak(utterance); }); </script> </body> </html>
JavaScript・42閲覧・250
