|
<!DOCTYPE html>
<html>
<head>
<title>语音-识别</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css">
<link rel="stylesheet" type="text/css" href="biz/lib/remixicon/remixicon.css">
<link rel="stylesheet" type="text/css" href="biz/css/base.css">
<script src="ipu/lib/requirejs/require.js"></script>
<script src="biz/js/require-config.js"></script>
<script src="biz/js/pages/ai-voice-input.js"></script>
</head>
<body class="pages-ai-voice-input">
<div class="ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col ">
<header class="ipu-toolbar">
<h1 class="ipu-toolbar-title">百度语音识别（不含UI）</h1>
<a class="ipu-fn-left page-back" href="javascript:history.back();">
<i class="ipu-icon ri-arrow-left-s-line"></i>
</a>
</header>
</div>
<div class="ipu-flex-col ">
<div class="voice-action-bg">
<div class="ipu-flex-middle-center voice-action voice-action-begin">
<div class="action-icon"></div>
<div class="action-text">开始</div>
</div>
<div class="ipu-flex-middle-center voice-action voice-action-stop ">
<div class="action-state">识别中<span class="time">0</span>s</div>
<div class="action-text">停止</div>
</div>
<div class="circle-wrapper circle-wrapper-right">
<div class="process-circle right-circle"></div>
</div>
<div class="circle-wrapper circle-wrapper-left">
<div class="process-circle left-circle"></div>
</div>
</div>
<div class="voice-action-note">
点按<span class="voice-action-note-begin">开始</span><span class="voice-action-note-stop">停止</span>识别语音
</div>
</div>
<div class="ipu-flex-col ipu-flex-col-auto voice-result-block">
<div class="voice-result-title">
识别结果
</div>
<div class="voice-result-text">
中午吃饭了吗
</div>
</div>
</body>
</html>
|
