
$(function () {
// 初始化右侧滚动条
// 这个方法定义在scroll.js中
resetui()
//为发送按钮绑定点击事件
$('#btnSend').on('click', function () {
if ($('#serch').val().trim().length <= 0) {
// console.log($('#serch').val());
return $('#serch').val('');
}
//如果用户输入聊天内容,则将聊天内容追加到页面上显示
$('#talk_list').append(`
${$('#serch').val()}
`);
getMsg($('#serch').val())
$('#serch').val('');
//重设滚动条的位置
resetui();
})
function getMsg(text) {
$.ajax({
type: '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;
console.log(msg);
$('#talk_list').append(`
${msg}
`)
//重设滚动条的位置
resetui();
getvioce(msg)
}
}
}
)
}
function getvioce(text) {
$.ajax({
type: 'GET',
url:'http://www.liulongbin.top:3006/api/synthesize',
data: {
text: text
},
success: function (res) {
if (res.status === 200) {
$('#vioce').attr('src', res.voiceUrl);
}
}
})
}
$('#serch').on('keyup', (e)=>{
if (e.keyCode === 13) {
$('#btnSend').click();
}
})
})
2.骨架
聊天机器人
小思同学
嗨,最近想我没有?
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)