The development of speech recognition app with uni app is simple and fast.

Because of the needs of the project , We have to develop a mobile phone app, For me who has never been in touch with mobile terminal development , I'm still afraid of it .

And then I found out uni-app, not have understood until then app Development can also be so simple .

uni-app Introduce （ be based on Vue Cross platform front-end framework ）

The following is an introduction from the official website . Enter official website

uni-app  It's a use  Vue.js (opens new window) Develop a framework for all front-end applications , Developers write a set of code , Can be posted to iOS、Android、Web（ Response type ）、 And all kinds of little programs （ WeChat / Alipay / Baidu / headlines / anonymous letter /QQ/ Well quickly / nailing / TaoBao ）、 Fast application and other platforms .

DCloud The company owns 900 Million developers 、 Millions of applications 、12 100 million mobile end monthly live users 、 Thousands of models uni-app plug-in unit 、70+ WeChat /qq Group . Ali applet tools are officially built-in uni-app（ See  (opens new window)）, Tencent classroom is officially uni-app Record training courses （ See  (opens new window)）, Developers can choose .

uni-app In hand , Don't worry about doing anything . Even if it doesn't span ends ,uni-app It's also a better framework for small program development （ See  (opens new window)）、 better App Cross platform framework 、 More convenient H5 Development framework . No matter what kind of project leaders arrange , You can deliver fast , There's no need to change development thinking 、 No need to change development habits .

Why choose uni-app？

uni-app In the number of developers 、 Case study 、 Trowel the span end 、 Expand flexibility 、 Performance experience 、 The surrounding Ecology 、 Learning cost 、 Development cost, etc 8 Stronger advantage in big key indicators .

developer / More cases

Millions of applications 、uni Monthly statistics 12 Billion 、70+ WeChat /qq Group 、 Higher Baidu Index

More perfect across ends , To really improve productivity

Platform capabilities are not limited

At the same time of crossing the ends , Compile... By condition + Platform specific API call , Can write personalized code for a platform gracefully , Call proprietary capabilities without affecting other platforms .

Support native code mixing and native sdk Integrate .

Excellent performance experience

Load new pages faster 、 Automatically diff Update data .

App The client supports native rendering , Support a smoother user experience .

The performance of the applet side is better than other frameworks in the market . evaluating

The surrounding ecology is rich

Plug in market Thousands of plug-ins .

Support NPM、 Support for applet components and SDK.

All kinds of wechat ecology sdk Can be used directly across platforms App.

The cost of learning is low

Based on the general front-end technology stack , use vue grammar + Wechat applet api, No additional learning costs .

Low development cost

Not just development costs , Recruitment 、 management 、 The cost of all aspects of testing has dropped dramatically .

HBuilderX It's an efficient development artifact , The R & D efficiency will at least double after mastering it （ Even if only one platform is developed ）.

Get to the point

Click route to text , It can be converted in real time .

 

Mainly used plus.speech.startRecognize（）

			handleVoice() {
				var options = {            		 //  Voice to text settings 
						engine: 'baidu'
					};
					console.log(' Start speech recognition ：');
					let _this = this;       // stay  plus.speech.startRecognize  Inside this No Vue object  ,  Can't get data. So we need to _this
					plus.speech.startRecognize(options, function(s){   //plus.speech.startRecognize Official documents available 
						console.log(s);
						_this.text += s;
					}, function(e){
						console.log(' Speech recognition failed ：'+JSON.stringify(e));
					} );
			},