zoukankan      html  css  js  c++  java
  • MUI 语音搜索框

    <div id="search-area">
    <div class="mui-input-row mui-search mui-active" style=" 85vw; display: inline-block;margin-left: 5px;">
    <input id="search" type="search" class="mui-input-speech mui-input-clear" placeholder="" data-input-clear="2" data-input-speech="2" data-input-search="2">
    <span class="mui-icon mui-icon-clear mui-hidden"></span>
    <span class="mui-icon mui-icon-speech"></span>
    <span class="mui-placeholder">
    <span class="mui-icon mui-icon-search" id="search-btn"></span>
    <span>带语音输入的搜索框</span>
    </span>
    </div>
    <div id="search-text">搜索</div>
    </div>

      

    	//	语音输入
    	var text = null;
    
    	function startRecognize() {
    		var options = {};
    		options.engine = 'iFly';
    		options.punctuation = false; // 是否需要标点符号 
    		text = "";
    		console.log("开始语音识别:");
    		plus.speech.startRecognize(options, function(s) {
    			console.log(s);
    			text += s;
    			document.getElementById('search').value = text;
    		}, function(e) {
    			console.log("语音识别失败:" + e.message);
    			alert("语音识别失败:" + e.message);
    		});
    		setTimeout(stopRecognize, 10000);
    	}
    //	停止语音输入
    	function stopRecognize() {
    		plus.speech.stopRecognize();
    	}
    

      

  • 相关阅读:
    Python str转化成数字
    MySQL之CONCAT()的用法
    MySQL之LIMIT用法
    MySQL中LOCATE用法
    设计模式-模版方法
    设计模式-单例模式
    设计模式-桥接模式
    UML图标含义及记忆方法
    redis-分布式锁-消除竞争条件
    redis-分布式锁-刷新信号量
  • 原文地址:https://www.cnblogs.com/RAINHAN/p/7125177.html
Copyright © 2011-2022 走看看