智能语音交互之简单实例

发布时间：2020-12-15 03:19:04 所属栏目：C语言来源：网络整理

导读：本次用到的是阿里云的智能语音交互，参考文档地址如下:https://help.aliyun.com/product/30413.html?spm=5176.10695662.1157759.3.3ffb16e40gDXyf 本次示例代码如下: html head link rel= " stylesheet " href= https://cdn.staticfile.org/twitter-bootstra

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

本次示例代码如下:

<html>

    <head>
        <link rel="stylesheet" href=https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
        <script src=https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
        <script src=https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    </head>

    <body>
        <br/>
        <div class=container">
            <div row">
                <div col-xs-5">
                    <textarea id=content" rows=30" cols=80" placeholder=请输入文本内容"></textarea>
                </div>
                <div col-xs-2">
                </div>
                <div ">

                    <input type=checkbox" name=test" value=Xiaoyun">标准女声(支持中文及中英文混合场景) &nbsp;&nbsp;
                    <input type=Xiaogang">标准男声(支持中文及中英文混合场景)<br/>
                    <input type=XiaomengXiaowei">标准男声 (支持中文及中英文混合场景)<br/>
                    <input type=Ruoxi">温柔女声(支持中文及中英文混合场景) &nbsp;&Siqi">温柔女声(支持中文及中英文混合场景)<br/>
                    <input type=SijiaSichengAiqiAijia">标准女声(支持中文及中英文混合场景)<br/>
                    <input type=Aida">标准男声(支持中文及中英文混合场景) &nbsp;&Ninger">标准女声(仅支持纯中文场景)<br/>
                    <input type=Ruilin">标准女声(仅支持纯中文场景) &nbsp;&Amei">甜美女声(支持中文及中英文混合场景)<br/>
                    <input type=XiaoxueSiyueAixia">亲和女声(支持中文及中英文混合场景) &nbsp;&AimeiAiyu">自然女声(支持中文及中英文混合场景) &nbsp;&AiyueAijing">严厉女声(支持中文及中英文混合场景) &nbsp;&XiaomeiYina">浙普女声(仅支持纯中文场景) &nbsp;&Sijing">严厉女声(仅支持纯中文场景)<br/>
                    <input type=Sitong">儿童音(仅支持纯中文场景) &nbsp;&Xiaobei">萝莉女声(仅支持纯中文场景)<br/>
                    <input type=Aibao">萝莉女声(仅支持纯中文场景) &nbsp;&Halen">英音女声(仅支持英文场景)<br/>
                    <input type=Harry">英音男声(仅支持英文场景) &nbsp;&WendyWilliamOliviaShanshan">粤语女声(支持标准粤文（简体）及粤英文混合场景)
                    <br/>
                    <input type=button播放" id=bf">

                </div>
            </div>
        </div>
        <div>

        </div>

        <iframe id=iframe" style=display:none;">
</iframe>

        <script>
            $(#bf").click(function() {
                var text = $(#content).val();

                var voice = $('input[name="test"]:checked').val();

    
                    iframe.src = https://nls-gateway.cn-shanghai.aliyuncs.com/stream/v1/tts?appkey={appkey}&token={token}&text=" + text + &format=wav&sample_rate=16000&voice=" + voice;

            });
        </script>

    </body>

</html>

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

代码效果如图:

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!