<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8" />
|
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
<title>语音识别</title>
|
|
</head>
|
<body style="margin-left: 3%">
|
<script src="recorder-core.js" charset="UTF-8"></script>
|
<script src="wav.js" charset="UTF-8"></script>
|
<script src="pcm.js" charset="UTF-8"></script>
|
|
|
|
<h1>FunASR Demo</h1>
|
<h3>这里是FunASR开源项目体验demo，集成了VAD、ASR与标点等工业级别的模型，支持长音频离线文件转写，实时语音识别等，开源项目地址：https://github.com/alibaba-damo-academy/FunASR</h3>
|
|
<div class="div_class_topArea">
|
|
<div class="div_class_recordControl">
|
asr服务器地址(必填):
|
<br>
|
<input id="wssip" type="text" onchange="addresschange()" style=" width: 100%;height:100%" value="wss://127.0.0.1:10095/"/>
|
<br>
|
<a id="wsslink" href="#" onclick="window.open('https://127.0.0.1:10095/', '_blank')"><div id="info_wslink">点此处手工授权wss://127.0.0.1:10095/</div></a>
|
<br>
|
<br>
|
<div style="border:2px solid #ccc;">
|
选择录音模式:<br/>
|
|
<label><input name="recoder_mode" onclick="on_recoder_mode_change()" type="radio" value="mic" checked="true"/>麦克风 </label>
|
<label><input name="recoder_mode" onclick="on_recoder_mode_change()" type="radio" value="file" />文件 </label>
|
|
</div>
|
|
<br>
|
<div id="mic_mode_div" style="border:2px solid #ccc;display:block;">
|
选择asr模型模式:<br/>
|
|
<label><input name="asr_mode" type="radio" value="2pass" checked="true"/>2pass </label>
|
<label><input name="asr_mode" type="radio" value="online" />online </label>
|
<label><input name="asr_mode" type="radio" value="offline" />offline </label>
|
|
</div>
|
|
<div id="rec_mode_div" style="border:2px solid #ccc;display:none;">
|
|
|
<input type="file" id="upfile">
|
|
</div>
|
<br>
|
<div style="border:2px solid #ccc;">
|
热词设置(一行一个关键字，空格隔开权重,如"阿里巴巴 20")：
|
<br>
|
|
|
<textarea rows="3" id="varHot" style=" width: 100%;height:100%" >阿里巴巴 20</textarea>
|
<br>
|
|
</div>
|
语音识别结果显示：
|
<br>
|
|
<textarea rows="10" id="varArea" readonly="true" style=" width: 100%;height:100%" ></textarea>
|
<br>
|
<div id="info_div">请点击开始</div>
|
<div class="div_class_buttons">
|
<button id="btnConnect">连接</button>
|
<button id="btnStart">开始</button>
|
<button id="btnStop">停止</button>
|
|
</div>
|
|
<audio id="audio_record" type="audio/wav" controls style="margin-top: 12px; width: 100%;"></audio>
|
</div>
|
</div>
|
|
<script src="wsconnecter.js" charset="utf-8"></script>
|
<script src="main.js" charset="utf-8"></script>
|
|
|
|
|
</body>
|
</html>
|
