优化音频播放

pages/learningCenter/reciteContent.vue

@@ -2,7 +2,7 @@
 	<BaseContainer class="recite-content flex">
 		<NavBar title="内容列表" />
 		<view class="content-box">
-			<view class="content-info">
+			<!-- <view class="content-info">
 				<view class="info-top flex">
 					<image src="@/static/images/learning/icon.png" mode="aspectFill"></image>
 					{{ info.name }}
@@ -15,7 +15,7 @@
 					<view>已练习：{{ info.hasRecite }}/{{ info.count }}</view>
 					<view>试看剩余：{{ info.surplus }}</view>
 				</view>
-			</view>
+			</view> -->
 			<view class="list-content">
 				<template v-if="info.contentList.length > 0">
 					<view v-for="(item, index) in info.contentList" :key="index" class="list-box">
@@ -47,18 +47,7 @@
 					count: 1000,
 					hasRecite: 120,
 					surplus: '00:12:12',
-					contentList: [
-						{
-							title: '第一章节',
-							isLock: false,
-							list: ['goods', 'administration', 'goods', 'administration', 'goods', 'administration']
-						},
-						{
-							title: '第二章节',
-							isLock: true,
-							list: ['goods', 'administration', 'goods', 'administration', 'goods', 'administration']
-						}
-					]
+					contentList: []
 				},
 				list: [],
 			};

pages/learningCenter/reciteDetail.vue

@@ -11,12 +11,12 @@
 					]" @click="detailInfo.collect = !detailInfo.collect"></view> -->
 				</view>
 				<view class="audio-box">
-					<view class="audio" :class="{ audioActive: activeAudio === 1 }" @click="activeAudio = 1;">
+					<view v-if="detailInfo.enAudio" class="audio" :class="{ audioActive: activeAudio === 1 }" @click="activeAudio = 1;">
 						英 <text>{{ detailInfo.enAudio }}</text>
 						<image v-if="activeAudio !== 1" src="@/static/images/learning/audio.png" mode="aspectFill" @click="openAudio(1)"></image>
 						<image v-else src="@/static/images/learning/audio_active.png" mode="aspectFill" @click="openAudio(1)"></image>
 					</view>
-					<view class="audio" :class="{ audioActive: activeAudio === 2 }" @click="activeAudio = 2;">
+					<view v-if="detailInfo.uaAudio" class="audio" :class="{ audioActive: activeAudio === 2 }" @click="activeAudio = 2;">
 						美 <text>{{ detailInfo.uaAudio }}</text>
 						<image v-if="activeAudio !== 2" src="@/static/images/learning/audio.png" mode="aspectFill"  @click="openAudio(0)"></image>
 						<image v-else src="@/static/images/learning/audio_active.png" mode="aspectFill"  @click="openAudio(0)"></image>
@@ -90,6 +90,7 @@
 				name: '',
 				allList: [],
 				chapterId: 0,
+				audioLoading: false,
 			};
 		},
 		onLoad({id, subjectId, name}) {
@@ -119,13 +120,31 @@
 				}
 			},
 			openAudio(type) {
+				console.log(`https://dict.youdao.com/dictvoice?type=${type}&audio=${this.detailInfo.name}`, this.audioLoading);
+				if (this.audioLoading) {
+					return false;
+				}
+				this.audioLoading = true;
 				const audio = uni.createInnerAudioContext();
-				audio.src = `http://dict.youdao.com/dictvoice?type=${type}&audio=${this.detailInfo.name}`;
-				console.log(`http://dict.youdao.com/dictvoice?type=${type}&audio=${this.detailInfo.name}`);
-				audio.play();
+				uni.downloadFile({ 
+				    url: `https://dict.youdao.com/dictvoice?type=${type}&audio=${this.detailInfo.name}`,
+				    success: (res) => {
+				        if (res.statusCode === 200) {
+				            console.log('下载成功');
+				            audio.src = res.tempFilePath;
+				            audio.play();
+										this.audioLoading = false;
+				        }
+				    }
+				})
+				// audio.src = `https://dict.youdao.com/dictvoice?type=${type}&audio=${this.detailInfo.name}`;
+				// audio.play();
 				audio.onError((res) => {
 					console.log(res);
 				});
+				// audio.onPlay((res) => {
+				// 	console.log(res);
+				// })
 			},
 			toNext() {
 				const index = this.allList.findIndex(v => Number(v.id) === Number(this.id));