vue文字转语音播报插件,vue语音跟文字字幕结合

　　本文主要介绍VUE文语转换回放的实现实例，通过实例代码非常详细，具有一定的参考价值。感兴趣的朋友可以参考一下。

目录

　　一、技术：网络语音API二。语音合成和发音界面。vue项目案例

一、技术：Web Speech API

　　Web语音API使您能够将语音数据合并到Web应用程序中。

　　Web语音API有两个部分：语音合成(TTS)和语音识别(异步语音识别)。

二、语音合成及发音接口

　　SpeechSynthesis:语音合成服务的控制器接口，可用于获取合成语音的信息，以及设备上可用的开始、暂停和其他相关命令。

　　语音合成：表示发音请求。它包含语音服务要读取的内容以及如何读取(例如，语言、音调、音量)。

三、vue项目案例

　　模板

　　按钮@click=playVoice 播放语音/按钮

　　/模板

　　脚本

　　const synth=window . spee synthesis；

　　const msg=new speechsynthesisuterance()；

　　导出默认值{

　　data() {

　　return { }；

　　},

　　方法：{

　　playVoice() {

　　This.handleSpeak(小朋友，你是不是有很多问号)//输入需要播放的文字。

　　},

　　//语音广播功能

　　handleSpeak(文本){

　　msg.text=text//正文：孩子，你是不是有很多问号？

　　msg . lang= zh-CN ；//使用的语言：中文

　　msg . volume=1；//音量：1

　　msg . rate=1；//速度：1

　　msg . pitch=1；//音高：1

　　synth . speak(msg)；//播放

　　},

　　//声音停止

　　手柄停止(e) {

　　msg . text=e；

　　msg . lang= zh-CN ；

　　synth.cancel(消息)；

　　}

　　}

　　};

　　/脚本

　　以上就是本文关于VUE文语转换回放的实现示例。要了解更多相关的VUE文本到语音转换内容，请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。