智能语音交互之简单实例

本次用到的是阿里云的智能语音交互，参考文档地址如下:https://help.aliyun.com/product/30413.html?spm=5176.10695662.1157759.3.3ffb16e40gDXyf

本次示例代码如下:

    
        "stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
        
        
    

    
        

        
class="container">
            
class="row">
                
class="col-xs-5">
                    "</span><span style="color:#800000;">content</span><span style="color:#800000;">"</span> rows=<span style="color:#800000;">"</span><span style="color:#800000;">30</span><span style="color:#800000;">"</span> cols=<span style="color:#800000;">"</span><span style="color:#800000;">80</span><span style="color:#800000;">"</span> placeholder=<span style="color:#800000;">"</span><span style="color:#800000;">请输入文本内容</span><span style="color:#800000;">"</span>>
                
                
class="col-xs-2">
                
                
class="col-xs-5">

                    "checkbox" name="test" value="Xiaoyun">标准女声(支持中文及中英文混合场景)  &nbsp;
                    "checkbox" name="test" value="Xiaogang">标准男声(支持中文及中英文混合场景)

                    "checkbox" name="test" value="Xiaomeng">标准女声(支持中文及中英文混合场景)  &nbsp;
                    "checkbox" name="test" value="Xiaowei">标准男声 (支持中文及中英文混合场景)

                    "checkbox" name="test" value="Ruoxi">温柔女声(支持中文及中英文混合场景)  &nbsp;
                    "checkbox" name="test" value="Siqi">温柔女声(支持中文及中英文混合场景)

                    "checkbox" name="test" value="Sijia">标准女声(支持中文及中英文混合场景)  &nbsp;
                    "checkbox" name="test" value="Sicheng">标准男声(支持中文及中英文混合场景)

                    "checkbox" name="test" value="Aiqi">温柔女声(支持中文及中英文混合场景)  &nbsp;
                    "checkbox" name="test" value="Aijia">标准女声(支持中文及中英文混合场景)

                    "checkbox" name="test" value="Aida">标准男声(支持中文及中英文混合场景)  &nbsp;
                    "checkbox" name="test" value="Ninger">标准女声(仅支持纯中文场景)

                    "checkbox" name="test" value="Ruilin">标准女声(仅支持纯中文场景)  &nbsp;
                    "checkbox" name="test" value="Amei">甜美女声(支持中文及中英文混合场景)

                    "checkbox" name="test" value="Xiaoxue">温柔女声(支持中文及中英文混合场景)  &nbsp;
                    "checkbox" name="test" value="Siyue">标准女声(支持中文及中英文混合场景)

                    "checkbox" name="test" value="Aixia">亲和女声(支持中文及中英文混合场景)  &nbsp;
                    "checkbox" name="test" value="Aimei">甜美女声(支持中文及中英文混合场景)

                    "checkbox" name="test" value="Aiyu">自然女声(支持中文及中英文混合场景)  &nbsp;
                    "checkbox" name="test" value="Aiyue">温柔女声(支持中文及中英文混合场景)

                    "checkbox" name="test" value="Aijing">严厉女声(支持中文及中英文混合场景)  &nbsp;
                    "checkbox" name="test" value="Xiaomei">甜美女声(支持中文及中英文混合场景)

                    "checkbox" name="test" value="Yina">浙普女声(仅支持纯中文场景)  &nbsp;
                    "checkbox" name="test" value="Sijing">严厉女声(仅支持纯中文场景)

                    "checkbox" name="test" value="Sitong">儿童音(仅支持纯中文场景)  &nbsp;
                    "checkbox" name="test" value="Xiaobei">萝莉女声(仅支持纯中文场景)

                    "checkbox" name="test" value="Aibao">萝莉女声(仅支持纯中文场景)  &nbsp;
                    "checkbox" name="test" value="Halen">英音女声(仅支持英文场景)

                    "checkbox" name="test" value="Harry">英音男声(仅支持英文场景)  &nbsp;
                    "checkbox" name="test" value="Wendy">英音女声(仅支持英文场景)

                    "checkbox" name="test" value="William">英音男声(仅支持英文场景)  &nbsp;
                    "checkbox" name="test" value="Olivia">英音女声(仅支持英文场景)

                    "checkbox" name="test" value="Shanshan">粤语女声(支持标准粤文（简体）及粤英文混合场景)
                    

                    "button" value="播放" id="bf">

                
            
        
        


        

        

        

    

代码中的{appkey}和{token}需要替换成自己的。具体可参考上述提到的官方文档。

代码效果如图:

在文本框中输入任意的文字，并选择对应的checkbox，然后点击播放就能有对应类型的语音。

转载于:https://www.cnblogs.com/youcong/p/11148862.html