SpeechSynthesisUtterance结合js消息队列实现浏览器队列式文本转语音代码-html代码-BFW代码库

SpeechSynthesisUtterance结合js消息队列实现浏览器队列式文本转语音代码

代码语言：html

所属分类：其他

代码描述：SpeechSynthesisUtterance结合js消息队列实现浏览器队列式文本转语音代码，可直接输入文本内容到消息队列中，每次浏览器文字转语音后会继续从队列中读取下一个要朗读的文字，一直到队列为空才结束朗读。

代码标签： SpeechSynthesisUtterance js 消息队列浏览器队列式文本转语音

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" />


    <style>
    </style>
</head>

<body>
    <textarea id="saytext" placeholder="请输入说话内容">你好朋友</textarea>
    <button id="sbtn">
        说话
    </button>
    <span id="leftnum"> </span>
    <script type="text/javascript">
        var quene = [];
        var issaying=false;
        
         function inQuene(value)
    {
        quene.push(value);
        console.log('quene:'+quene);
        return quene;
    }
    
    // 队列的出队操作：队quene存在且非空---删除队首元素,并返回首元素，队变化
    function outQuene(){
        
        return quene.shift();
     
    }
         

  
    function isEmptyQuene()
    {
        if(quene.length===0)
        {
            return 1;
        }else{
            return 0;
        }
    }
    
    function say(word){
        if(issaying){
            inQuene(word);
        }else{
            speak(word);
        }
    }
    
     var ssu = new Speec.........完整代码请登录后点击上方下载按钮下载查看