志浩
2023-06-15 6a59f94278b4d05f5b7715b11b6dd0bfffc28cce
funasr/runtime/html5/static/main.js
@@ -23,28 +23,61 @@
var sampleBuf=new Int16Array();
// 定义按钮响应事件
var btnStart = document.getElementById('btnStart');
btnStart.onclick = start;
btnStart.onclick = record;
var btnStop = document.getElementById('btnStop');
btnStop.onclick = stop;
btnStop.disabled = true;
btnStart.disabled = true;
 
btnConnect= document.getElementById('btnConnect');
btnConnect.onclick = start;
 
var rec_text=""
var rec_text="";
var offline_text="";
var info_div = document.getElementById('info_div');
//var now_ipaddress=window.location.href;
//now_ipaddress=now_ipaddress.replace("https://","wss://");
//now_ipaddress=now_ipaddress.replace("static/index.html","");
//document.getElementById('wssip').value=now_ipaddress;
function getAsrMode(){
            var item = null;
            var obj = document.getElementsByName("asr_mode");
            for (var i = 0; i < obj.length; i++) { //遍历Radio
                if (obj[i].checked) {
                    item = obj[i].value;
               break;
                }
           }
         console.log("asr mode"+item);
         return item;
}
// 语音识别结果; 对jsonMsg数据解析,将识别结果附加到编辑框中
function getJsonMessage( jsonMsg ) {
   //console.log(jsonMsg);
   console.log( "message: " + JSON.parse(jsonMsg.data)['text'] );
   var rectxt=""+JSON.parse(jsonMsg.data)['text'];
   var asrmodel=JSON.parse(jsonMsg.data)['mode'];
   if(asrmodel=="2pass-offline")
   {
      offline_text=offline_text+rectxt; //.replace(/ +/g,"");
      rec_text=offline_text;
   }
   else
   {
      rec_text=rec_text+rectxt; //.replace(/ +/g,"");
   }
   var varArea=document.getElementById('varArea');
   rec_text=rec_text+rectxt.replace(/ +/g,"");
   varArea.value=rec_text;
   console.log( "offline_text: " + asrmodel+","+offline_text);
   console.log( "rec_text: " + rec_text);
    
 
}
@@ -53,11 +86,14 @@
function getConnState( connState ) {
   if ( connState === 0 ) {
 
      rec.open( function(){
         rec.start();
         console.log("开始录音");
      //rec.open( function(){
      //   rec.start();
      //   console.log("开始录音");
 
      });
      //});
      btnStart.disabled = false;
      btnConnect.disabled = true;
      info_div.innerHTML='连接成功!请点击开始';
   } else if ( connState === 1 ) {
      //stop();
   } else if ( connState === 2 ) {
@@ -66,11 +102,19 @@
       
      alert("连接地址"+document.getElementById('wssip').value+"失败,请检查asr地址和端口,并确保h5服务和asr服务在同一个域内。或换个浏览器试试。");
      btnStart.disabled = true;
      info_div.innerHTML='请点击开始';
      info_div.innerHTML='请点击连接';
   }
}
function record()
{
       rec.open( function(){
       rec.start();
       console.log("开始");
       btnStart.disabled = true;
       });
}
// 识别启动、停止、清空操作
function start() {
   
@@ -78,14 +122,15 @@
   clear();
   //控件状态更新
        
    info_div.innerHTML="正在连接asr服务器,请等待...";
   //启动连接
   var ret=wsconnecter.wsStart();
   if(ret==1){
      isRec = true;
      btnStart.disabled = true;
      btnStop.disabled = false;
       info_div.innerHTML="正在连接asr服务器,请等待...";
      btnConnect.disabled=true;
   }
}
@@ -97,7 +142,9 @@
         "wav_name":  "h5",
         "is_speaking":  false,
         "chunk_interval":10,
         "mode":getAsrMode(),
      };
      console.log(request);
      if(sampleBuf.length>0){
      wsconnecter.wsSend(sampleBuf,false);
      console.log("sampleBuf.length"+sampleBuf.length);
@@ -114,7 +161,12 @@
   isRec = false;
    info_div.innerHTML="请等候...";
   btnStop.disabled = true;
   setTimeout(function(){btnStart.disabled = false;info_div.innerHTML="请点击开始";}, 3000 );
   setTimeout(function(){
      console.log("call stop ws!");
      wsconnecter.wsStop();
      btnStart.disabled = true;
      btnConnect.disabled=false;
      info_div.innerHTML="请点击连接";}, 3000 );
   rec.stop(function(blob,duration){
  
      console.log(blob);
@@ -149,6 +201,7 @@
 
   varArea.value="";
    rec_text="";
   offline_text="";
 
}