$(function () {
    // 点击发送按钮将用户输入的内容显示
    $('#btnSend').on('click', function () {
        // trim方法用来清除字符串中两边的空格
        var text = $('#ipt').val().trim();
        // 判断用户输入的内容是否为空
        if (text.length <= 0) {
            return alert('请输入内容');
        }
        // 将用户输入的内容显示框当中
        $('#talk_list').append('<li class="right_word"><img src="img/person02.png" /> <span>' + text + '</span></li>');
        // 显示完成后需要将滚动条移动到显示框的最下面
        resetui();
        // 清空输入框里面的内容
        $('#ipt').val('');
        // 根据用户输入的内容反馈
        getMsg(text);
    })

    // 根据用户输入的信息回馈内容
    function getMsg(text) {
        $.ajax({
            method: 'GET',
            url: 'http://www.liulongbin.top:3006/api/robot',
            data: {
                spoken: text
            },
            success: function (res) {
                // 当能够返回数据的时候需要将文字转换为语音
                if (res.message === 'success') {
                    var msg = res.data.info.text;
                    $('#talk_list').append('<li class="left_word"><img src="img/person01.png" /> <span>' + msg + '</span></li>')
                    resetui();
                    getVoice(msg);
                }
            }
        })
    }

    // 将机器人的文字转换为语音
    function getVoice(text) {
        $.ajax({
            method: 'GET',
            url: 'http://www.liulongbin.top:3006/api/synthesize',
            data: {
                text: text
            },
            success: function (res) {
                if (res.status === 200) {
                    $('#voice').attr('src', res.voiceUrl);
                }
            }
        })
    }

    // 绑定一个键盘事件，按回车键输出
    $('#ipt').on('keyup', function (e) {
        if (e.keyCode == 13) {
            $('#btnSend').click();
        }
    })
})