Merge branch 'main' of github.com:alibaba-damo-academy/FunASR add

游雁

2023-06-21 1af8a233ce99b6c6a8a119eaa7363ebae1f2570f

 funasr/runtime/html5/static/main.js

@@ -32,15 +32,121 @@
btnConnect= document.getElementById('btnConnect');

btnConnect.onclick = start;

 

var rec_text="";

var offline_text="";

var rec_text="";  // for online rec asr result

var offline_text=""; // for offline rec asr result

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;

var upfile = document.getElementById('upfile');



 



var isfilemode=false;  // if it is in file mode

var file_data_array;  // array to save file data

var isconnected=0;    // for file rec, 0 is not begin, 1 is connected, -1 is error

var totalsend=0;

 
upfile.onchange = function () {

　　　　　　var len = this.files.length;  
            for(let i = 0; i < len; i++) {

                let fileAudio = new FileReader();

                fileAudio.readAsArrayBuffer(this.files[i]);  
                fileAudio.onload = function() {

                 var audioblob= fileAudio.result;

             file_data_array=audioblob;

             console.log(audioblob);

                 btnConnect.disabled = false;

                 info_div.innerHTML='请点击连接进行识别';

               
                }

　　　　　　　　　　fileAudio.onerror = function(e) {

　　　　　　　　　　　　console.log('error' + e);

　　　　　　　　　　}

            }

        }



function play_file()

{

        var audioblob=new Blob( [ new Uint8Array(file_data_array)] , {type :"audio/wav"});

        var audio_record = document.getElementById('audio_record');

        audio_record.src =  (window.URL||webkitURL).createObjectURL(audioblob); 
          audio_record.controls=true;

        audio_record.play(); 
}

function start_file_send()

{

      sampleBuf=new Int16Array( file_data_array );

 
      var chunk_size=960; // for asr chunk_size [5, 10, 5]

 


 
		
 
      while(sampleBuf.length>=chunk_size){

			
          sendBuf=sampleBuf.slice(0,chunk_size);

         totalsend=totalsend+sampleBuf.length;

         sampleBuf=sampleBuf.slice(chunk_size,sampleBuf.length);

         wsconnecter.wsSend(sendBuf,false);

 
		 
      }

 
      stop();



 


}

function start_file_offline()

{             
                console.log("start_file_offline",isconnected);  
              if(isconnected==-1)

           {

              return;

           }

            if(isconnected==0){

			   
              setTimeout(start_file_offline, 1000);

            return;

            }

         start_file_send();

 
	         


		 
}

	
function on_recoder_mode_change()

{

            var item = null;

            var obj = document.getElementsByName("recoder_mode");

            for (var i = 0; i < obj.length; i++) { //遍历Radio 
                if (obj[i].checked) {

                    item = obj[i].value;  
               break;

                }

		    


           }

          if(item=="mic")

         {

            document.getElementById("mic_mode_div").style.display = 'block';

            document.getElementById("rec_mode_div").style.display = 'none';

 
            btnConnect.disabled=false;

            isfilemode=false;

         }

         else

         {

            document.getElementById("mic_mode_div").style.display = 'none';

            document.getElementById("rec_mode_div").style.display = 'block';

                btnConnect.disabled = true;

             isfilemode=true;

            info_div.innerHTML='请点击选择文件';

			    
	 
         }

}

function getAsrMode(){



            var item = null;

@@ -53,7 +159,12 @@
          



           }

            if(isfilemode)

         {

            item= "offline";

         }

         console.log("asr mode"+item);

		   
         return item;

}

         

@@ -78,6 +189,18 @@
   varArea.value=rec_text;

   console.log( "offline_text: " + asrmodel+","+offline_text);

   console.log( "rec_text: " + rec_text);

   if (isfilemode==true){

      console.log("call stop ws!");

      play_file();

      wsconnecter.wsStop();

        
      info_div.innerHTML="请点击连接";

      isconnected=0;

      btnStart.disabled = true;

      btnStop.disabled = true;

      btnConnect.disabled=false;

   }

	
    

 

}

@@ -86,14 +209,11 @@
function getConnState( connState ) {

   if ( connState === 0 ) {

 

      //rec.open( function(){

      //   rec.start();

      //   console.log("开始录音");

 

      //});

      btnStart.disabled = false;

      btnConnect.disabled = true;

      info_div.innerHTML='连接成功!请点击开始';

      if (isfilemode==true){

         info_div.innerHTML='请耐心等待,大文件等待时间更长';

      }

   } else if ( connState === 1 ) {

      //stop();

   } else if ( connState === 2 ) {

@@ -102,36 +222,52 @@
       

      alert("连接地址"+document.getElementById('wssip').value+"失败,请检查asr地址和端口，并确保h5服务和asr服务在同一个域内。或换个浏览器试试。");

      btnStart.disabled = true;



      isconnected=0;

 
      info_div.innerHTML='请点击连接';

   }

}



function record()

{

 
       rec.open( function(){

       rec.start();

       console.log("开始");

       btnStart.disabled = true;

       });

 
}



 


// 识别启动、停止、清空操作

function start() {

   

   // 清除显示

   clear();

   //控件状态更新

 	    
    console.log("isfilemode"+isfilemode+","+isconnected);

    info_div.innerHTML="正在连接asr服务器，请等待...";

   //启动连接

   var ret=wsconnecter.wsStart();

   if(ret==1){

      isRec = true;

      btnStart.disabled = true;

      btnStart.disabled = false;

      btnStop.disabled = false;

      btnConnect.disabled=true;



      if (isfilemode)

      {

                 console.log("start file now");

              start_file_offline();

 
             btnStart.disabled = true;

               btnStop.disabled = true;

               btnConnect.disabled = true;

      }

        return 1;

   }

   return 0;

}



 

@@ -152,21 +288,26 @@
      }

      wsconnecter.wsSend( JSON.stringify(request) ,false);

 

	  
	
    

	
	


	
    //isconnected=0;

   // 控件状态更新

	
   isRec = false;

    info_div.innerHTML="请等候...";

   btnStop.disabled = true;

   setTimeout(function(){

      console.log("call stop ws!");

      wsconnecter.wsStop();

    info_div.innerHTML="发送完数据,请等候,正在识别...";



   if(isfilemode==false){

       btnStop.disabled = true;

      btnStart.disabled = true;

      btnConnect.disabled=false;

     setTimeout(function(){

      console.log("call stop ws!");

      wsconnecter.wsStop();

        isconnected=0;

      info_div.innerHTML="请点击连接";}, 3000 );

	   
   rec.stop(function(blob,duration){

  

      console.log(blob);

@@ -189,8 +330,9 @@
   },function(errMsg){

      console.log("errMsg: " + errMsg);

   });

   }

    // 停止连接

	
 
    



}