前端页面语言识别添加

This commit is contained in:
yanyuxiyangzk@126.com 2024-04-14 19:15:50 +08:00
parent 91c0768fe9
commit 2c5c356ca0
2 changed files with 25 additions and 12 deletions

View File

@ -13,7 +13,7 @@
<body> <body>
<div class="container"> <div class="container">
<h1>metahuman voice test</h1> <h1>metahuman voice test</h1>
<form class="form-inline" id="echo-form"> <form class="form-inline" id="echo-form" name="ssbtn">
<div class="form-group"> <div class="form-group">
<p>input text</p> <p>input text</p>
@ -125,5 +125,8 @@
// $('#message').val(''); // $('#message').val('');
// }); // });
// }); // });
</script> </script>
</html> </html>

View File

@ -50,7 +50,7 @@ var file_data_array; // array to save file data
var totalsend=0; var totalsend=0;
const startTime = Date.now(); var startTime = Date.now();
var now_ipaddress=window.location.href; var now_ipaddress=window.location.href;
now_ipaddress=now_ipaddress.replace("https://","wss://"); now_ipaddress=now_ipaddress.replace("https://","wss://");
@ -347,21 +347,28 @@ function handleWithTimestamp(tmptext,tmptime)
// 语音识别结果; 对jsonMsg数据解析,将识别结果附加到编辑框中 // 语音识别结果; 对jsonMsg数据解析,将识别结果附加到编辑框中
function getJsonMessage( jsonMsg ) { function getJsonMessage( jsonMsg ) {
const currentTime = Date.now(); if(!recive_msg) return;
res_time = startTime-currentTime; var currentTime = Date.now();
res_time = currentTime-startTime;
console.log(res_time)
//时间之差在4秒则发送消息 //时间之差在4秒则发送消息
let waitTime = 5000; let waitTime = 15000;
if(res_time>=waitTime){ if(res_time>waitTime){
//自动发送消息 //自动发送消息
('#echo-form').on('submit', function(e) { var f = document.getElementById("echo-form");
f.submit = function(e){
e.preventDefault(); e.preventDefault();
var message = $('#message').val(); var message=document.getElementById('message').value;
console.log('Sending: ' + message); console.log('Sending: ' + message);
ws.send(message); ws.send(message);
$('#message').val(''); document.getElementById('message').value='';
}); }
recive_msg = false;
startTime = currentTime; startTime = currentTime;
// rec_text="";
// var varArea_message=document.getElementById('message');
// varArea_message.value="";
return; return;
} }
@ -371,6 +378,8 @@ function getJsonMessage( jsonMsg ) {
//console.log(jsonMsg); //console.log(jsonMsg);
console.log( "message: " + JSON.parse(jsonMsg.data)['text'] ); console.log( "message: " + JSON.parse(jsonMsg.data)['text'] );
var rectxt=""+JSON.parse(jsonMsg.data)['text']; var rectxt=""+JSON.parse(jsonMsg.data)['text'];
var asrmodel=JSON.parse(jsonMsg.data)['mode']; var asrmodel=JSON.parse(jsonMsg.data)['mode'];
var is_final=JSON.parse(jsonMsg.data)['is_final']; var is_final=JSON.parse(jsonMsg.data)['is_final'];
var timestamp=JSON.parse(jsonMsg.data)['timestamp']; var timestamp=JSON.parse(jsonMsg.data)['timestamp'];
@ -592,7 +601,7 @@ function recProcess( buffer, powerLevel, bufferDuration, bufferSampleRate,newBuf
} }
} }
var recive_msg = true;
$(document).ready(function() { $(document).ready(function() {
var host = window.location.hostname var host = window.location.hostname
var ws = new WebSocket("ws://"+host+":8000/humanecho"); var ws = new WebSocket("ws://"+host+":8000/humanecho");
@ -602,6 +611,7 @@ $(document).ready(function() {
}; };
ws.onmessage = function(e) { ws.onmessage = function(e) {
console.log('Received: ' + e.data); console.log('Received: ' + e.data);
recive_msg = true;
data = e data = e
var vid = JSON.parse(data.data); var vid = JSON.parse(data.data);
console.log(typeof(vid),vid) console.log(typeof(vid),vid)