运动语音播报+倒计时

teamwork/QS-baiduyy/QS-baiduyy.js

+const audioTeam = [];
+let audioStartSwitch = false;
+const getAudioUrl = 'https://tsn.baidu.com/text2audio';
+/**
+ * 浏览器调用语音合成接口
+ * 请参考 https://ai.baidu.com/docs#/TTS-API/41ac79a6
+ * 强烈建议后端访问接口获取token返回给前端
+ * client_id = API Key & client_secret = secret Key
+ * 获取token接口: https://openapi.baidu.com/oauth/2.0/token?grant_type=client_credentials&client_id=uFYiXWMCiYvx68V4EVyCGeL8j4GAzXD5&client_secret=897Mm2qCj7bC1eHYVDxaWrO38FscTOHD
+ */
+
+function getBDVoicToken() {
+	return new Promise((rs, rj) => {
+		console.log('准备访问接口获取语音token')
+		uni.request({ // 强烈建议此接口由后端访问并且维护token有效期，否则前端每次访问都会刷新token
+			//此url为专门插件测试预览用的key和secret key， 请替换为自己申请的key
+			url: 'https://openapi.baidu.com/oauth/2.0/token',
+			method: 'POST', //建议使用post访问
+			// data: 'grant_type=client_credentials&client_id=nm6Os9qqOacgxXjKv8PIp45H&client_secret=BXHhGIpNU7Wi3GDYUt0AGY5cWbWklrov',
+			data: 'grant_type=client_credentials&client_id=aYfh8OChd8GaxlXCnU7Pt27t&client_secret=8DnhPmhvUW7b7ur3j406aTLd1pDYjOBA',
+			header: {
+				"content-type": "application/x-www-form-urlencoded"
+			},
+			success: (res) => {
+				console.log('访问成功');
+				rs(res);
+			},
+			fail: (err) => {
+				console.log('访问失败');
+				rj(err);
+			}
+		})
+	})
+}
+
+export default function openVoice(objs) { // 传入需转为语音的文本内容
+	let lineUp = false;
+	let returnAudio = false;
+	if (typeof(objs) !== 'string') {
+		if (objs && objs.lineUp === true) {
+			lineUp = true;
+		}
+		if (objs && objs.returnAudio === true) {
+			returnAudio = true;
+		}
+	}
+	if (returnAudio) {
+		return new Promise((resolve, reject) => {
+			openVoiceFc(objs, returnAudio).then(res => {
+				resolve(res);
+			}).catch(err => {
+				reject(err)
+			});
+		})
+	}
+
+
+	if (lineUp = true) {
+		audioTeam.push(objs);
+	}
+	console.log(audioTeam);
+	if (!audioStartSwitch) {
+		audioStartSwitch = true;
+		openVoiceFc(objs);
+	}
+}
+
+function openVoiceFc(objs, returnAudio) {
+	console.log('准备获取语音tok');
+	if (returnAudio) {
+		return new Promise((resolve, reject) => {
+			getBDVoicToken().then(res => {
+				console.log('获取语音tok接口成功');
+				if (res.data && res.data.access_token) {
+					console.log('token: ' + res.data.access_token);
+					resolve(tts(objs, res.data.access_token, returnAudio));
+				} else {
+					console.log('获取语音tok接口为空');
+					reject('获取语音tok接口为空');
+				}
+			}).catch(err => {
+				console.log('获取语音tok接口失败');
+				reject(err || '获取语音tok接口失败');
+			})
+		})
+	} else {
+		getBDVoicToken().then(res => {
+			console.log('获取语音tok接口成功');
+			if (res.data && res.data.access_token) {
+				console.log('token: ' + res.data.access_token);
+				tts(objs, res.data.access_token);
+			} else {
+				console.log('获取语音tok接口为空');
+			}
+		}).catch(err => {
+			console.log('获取语音tok接口失败');
+		})
+	}
+}
+
+function tts(objs, tok, returnAudio) {
+	if (typeof(objs) == 'string')
+		objs = {
+			voiceSet: {
+				tex: objs
+			}
+		};
+	const data = {
+		tok,
+		cuid: tok,
+		ctp: 1,
+		lan: 'zh',
+		...objs.voiceSet
+	}
+	if (returnAudio)
+		return btts(data, objs.audioSet, objs.audioCallback, objs.lineUp, returnAudio);
+	btts(data, objs.audioSet, objs.audioCallback, objs.lineUp, returnAudio);
+}
+
+function setAudioSet(options, audio) {
+	if (options) {
+		audio.volume = options.volume || 1;
+		audio.startTime = options.startTime || 0;
+		audio.loop = options.loop || false;
+		// #ifdef MP-WEIXIN || MP-BAIDU || MP-TOUTIAO
+		audio.obeyMuteSwitch = options.obeyMuteSwitch && typeof(options.obeyMuteSwitch) == 'boolean' ? options.obeyMuteSwitch :
+			true; //支持微信小程序、百度小程序、头条小程序
+		// #endif
+	}
+}
+
+function btts(param, options, audioCallback, lineUp, returnAudio) {
+	let audio = uni.createInnerAudioContext();
+	setAudioSet(options, audio);
+	// 序列化参数列表
+	let fd = [];
+	for (let k in param) {
+		fd.push(k + '=' + encodeURIComponent(encodeURIComponent(param[k])));
+	}
+	audio.src = `${getAudioUrl}?${fd.join('&')}`;
+
+	if (returnAudio) {
+		audio.onEnded(() => {
+			console.log('音频播放结束');
+			console.log('销毁音频实例');
+			audio.destroy(); //销毁音频实例
+			audio = null;
+		})
+		audio.onError((e) => {
+			if (audioCallback && audioCallback.onError && typeof(audioCallback.onError) == 'function') audioCallback.onError(e);
+			console.log('音频播放错误: ' + JSON.stringify(e));
+			console.log('销毁音频实例');
+			audio.destroy(); //销毁音频实例
+			audio = null;
+		})
+		return audio;
+	}
+	audio.onPlay(() => {
+		console.log('音频播放开始');
+		if (audioCallback && audioCallback.onPlay && typeof(audioCallback.onPlay) == 'function') audioCallback.onPlay();
+	})
+	audio.onPause(() => {
+		if (audioCallback && audioCallback.onPause && typeof(audioCallback.onPause) == 'function') audioCallback.onPause();
+	})
+	audio.onWaiting(() => {
+		if (audioCallback && audioCallback.onWaiting && typeof(audioCallback.onWaiting) == 'function') audioCallback.onWaiting();
+	})
+	audio.onStop(() => {
+		if (audioCallback && audioCallback.onStop && typeof(audioCallback.onStop) == 'function') audioCallback.onStop();
+	})
+	audio.onTimeUpdate(() => {
+		if (audioCallback && audioCallback.onTimeUpdate && typeof(audioCallback.onTimeUpdate) == 'function') audioCallback.onTimeUpdate();
+	})
+	audio.onSeeking(() => {
+		if (audioCallback && audioCallback.onSeeking && typeof(audioCallback.onSeeking) == 'function') audioCallback.onSeeking();
+	})
+	audio.onSeeked(() => {
+		if (audioCallback && audioCallback.onSeeked && typeof(audioCallback.onSeeked) == 'function') audioCallback.onSeeked();
+	})
+	audio.onEnded(() => {
+		console.log('音频播放结束');
+		console.log('销毁音频实例');
+		audio.destroy(); //销毁音频实例
+		audio = null;
+		if (audioCallback && audioCallback.onEnded && typeof(audioCallback.onEnded) == 'function') audioCallback.onEnded();
+		
+		if (lineUp !== false) { // 删除已经播放对象 
+			audioTeam.splice(0, 1);
+			if (audioTeam.length > 0) {
+				console.log('队列中');
+				openVoiceFc(audioTeam[0]);
+			} else {
+				console.log('队列为零');
+				audioStartSwitch = false;
+			}
+		}
+	})
+	audio.onError((e) => {
+		if (audioCallback && audioCallback.onError && typeof(audioCallback.onError) == 'function') audioCallback.onError(e);
+		console.log('音频播放错误: ' + JSON.stringify(e));
+		console.log('销毁音频实例');
+		audio.destroy(); //销毁音频实例
+		audio = null;
+	})
+	audio.play();
+}

teamwork/pages.json

@@ -102,6 +102,11 @@
 				}]
 			}
 		}
+	}, {
+		"path": "pages/sport/countdown",
+		"style": {
+			"navigationStyle": "custom"
+		}
 	}, {
 		"path": "pages/discover/main",
 		"style": {
@@ -160,7 +165,16 @@
 		"style": {
 			"navigationStyle": "custom"
 		}
-	}],
+	}    ,{
+            "path" : "pages/sport/countdown",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+    ],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
 		"navigationBarTitleText": "uni-app",

teamwork/pages/sport/countdown.vue

+<template>
+	<view class="content">
+		<view class="digit">
+			{{this.digit}}
+		</view>
+	</view>
+</template>
+
+<script>
+	import Voice from '@/QS-baiduyy/QS-baiduyy.js'
+	export default {
+		onLoad(option) {
+			this.type = option.type
+			this.timer = setInterval(() => {
+				this.change()
+			}, 1000)
+		},
+		data() {
+			return {
+				type: '',
+				// timer: null, //定时器
+				digit: 3
+			}
+		},
+		methods: {
+			change() {
+				// Voice((this.digit).toString())
+				this.digit--;
+				if (this.digit == 0) {
+					clearInterval(this.timer);
+					this.timer = null;
+					Voice('Go')
+					uni.reLaunch({
+						url: '/pages/sport/start?type=' + this.type,
+						animationType: 'pop-in',
+						animationDuration: 300
+					})
+				}
+			}
+		}
+	}
+</script>
+
+<style>
+	.content {
+		background-color: #505051;
+		display: flex;
+		flex-direction: column;
+		position: absolute;
+		width: 100%;
+		height: 100%;
+	}
+
+	.digit {
+		text-align: center;
+		position: relative;
+		color: white;
+		margin-top: 60%;
+		font-weight: 600;
+		font-size: 180px;
+	}
+</style>
\ No newline at end of file

teamwork/pages/sport/ready.vue

@@ -38,19 +38,19 @@
 			start() {
 				this.checkOpenGPSServiceByAndroid()
 				if (this.location) {
-					if (this.type === '跑步') {
-						uni.reLaunch({
-							url: '/pages/sport/start?type=跑步',
-							animationType: 'pop-in',
-							animationDuration: 300
-						})
-					} else {
-						uni.reLaunch({
-							url: '/pages/sport/start?type=健走',
-							animationType: 'pop-in',
-							animationDuration: 300
-						})
-					}
+					// if (this.type === '跑步') {
+					uni.reLaunch({
+						url: '/pages/sport/countdown?type=' + this.type,
+						animationType: 'pop-in',
+						animationDuration: 300
+					})
+					// } else {
+					// 	uni.reLaunch({
+					// 		url: '/pages/sport/start?type=健走',
+					// 		animationType: 'pop-in',
+					// 		animationDuration: 300
+					// 	})
+					// }
 				}
 			},
 			// 位置授权

teamwork/pages/sport/start.vue

@@ -19,14 +19,44 @@
 </template>
 
 <script>
+	import Voice from '@/QS-baiduyy/QS-baiduyy.js'
 	export default {
+		onShow(option) {
+			if (this.load == true) {
+				clearInterval(this.timer);
+				this.timer = null;
+				this.run()
+				this.load = false;
+			}
+		},
 		onLoad(option) {
-			this.run()
 			this.info.startTime = this.getTime()
 			this.info.type = option.type
 		},
+		onHide(option) {
+			if (this.load == false && this.is) {
+				clearInterval(this.timer);
+				this.timer = null;
+				this.run()
+				this.load = true;
+			}
+		},
+		watch: {
+			dis: {
+				handler(newDistance, oldDistance) {
+					if (newDistance >= this.km) {
+						Voice('你已运动' + (this.km).toString() + "公里")
+						this.km += 0.1
+					}
+				},
+				immediate: true
+			}
+		},
 		data() {
 			return {
+				load:true,
+				km: 0.1,
+				dis: 0,
 				info: {
 					id: '',
 					type: '',
@@ -64,6 +94,7 @@
 					this.is = false
 					clearInterval(this.timer);
 					this.timer = null;
+					Voice('运动已暂停');
 				} else if (index === 2) {
 					this.run()
 					this.is = true
@@ -154,6 +185,7 @@
 								that.polyline[0].points[that.duration - 1].latitude,
 								that.polyline[0].points[that.duration - 1].longitude
 							)
+							that1.dis = that.distance;
 						}
 					}
 				});

teamwork/pages/sport/subNVue/finish.nvue

@@ -110,11 +110,11 @@
 								})
 							} else {
 								uni.showToast({
-									title: '保存失败',
+									title: '距离过短',
 									icon: 'error'
 								})
 							}
-							this.choose = false;
+							this.choose = false
 						})
 				}
 			}