vueページテキスト再生音声(SpeechSynthesisUtterance)

ページに必要な文字を再生して、面白いと感じて、後で役に立つかもしれないところを、しばらく記録しておきましょう!!!いくつかのパラメータの意味:text–合成する文字の内容、文字列.lang–使用する言語、文字列、たとえば「zh-cn」voiceURI–使用する音声とサービス、文字列を指定します.volume–音声の音量、区間範囲は0～1、デフォルトは1です.rate–語速、数値、デフォルト値は1で、範囲は0.1～10で、語速の倍数を表します.たとえば、2は正常な語速の2倍を表します.pitch–会話の音高、数値、範囲0(最小)から2(最大)を表します.既定値は1です.
まず導入した場所でこのコードを書きます

 **const synth = window.speechSynthesis;
    const msg = new SpeechSynthesisUtterance();**           ；

次にmethodsに2つの関数を書きます.

    /**        */
   handleSpeak(e){
     msg.text = e;
     msg.lang = 'zh-CN';
     msg.volume = '1';
     msg.rate = 1;
     msg.pitch = 1;
     synth.speak(msg);
   },
    /* *       */
   handleStop(e){
       msg.text = e;
        msg.lang = 'zh-CN';
        synth.cancel(msg);
        }

この関数を必要な場所で実行することができます

/*      */ 
   this.handleSpeak('  ，  ');

前端の白い—のは穴の道を登って、もし間違いがあるならば多く指導してもらいます