feat(语音管理): 实现音色列表的全局状态管理及优化音频控制

- 将音色列表和默认音色ID移至Vuex全局状态管理
- 实现音色列表的预加载和缓存机制
- 优化音频控制逻辑，当所有音频为导语时不自动播放
- 移除不必要的用户提示，提升用户体验
- 在多个页面组件中统一音色列表获取逻辑

App.vue

@@ -25,10 +25,12 @@
 			  }
 			},
 		},
-		onLaunch() {
+		async onLaunch() {
 			// 提前获取二维码
 			this.getQrcode()
 			
+			// 预加载音色列表（不等待完成，后台加载）
+			this.$store.dispatch('getVoiceList')
 		},
 		async onShow() {
 			// if(!uni.getStorageSync('token')){
@@ -36,9 +38,16 @@
 			// 		url: '/subPages/login/login',
 			// 	})
 			// }
+			
+			// 确保配置数据和音色列表都已初始化
 			await this.$store.dispatch('initData')
 			console.log('配置数据初始化完成')
 			
+			// 如果音色列表还没有加载，再次尝试加载
+			if (this.$store.state.voiceList.length === 0) {
+			    this.$store.dispatch('getVoiceList')
+			}
+			
 			if(uni.getStorageSync('token')){
 				this.getUserInfo()
 			}

stores/index.js

@@ -15,7 +15,9 @@ const store = new Vuex.Store({
         departmentList: [],
         categoryList: [],
         userInfo: {},
-        Qrcode: ''
+        Qrcode: '',
+        voiceList: [], // 音色列表
+        defaultVoiceId: null // 默认音色ID
     },
     mutations: {
         // 构造用于uv-picker的树状结构数组
@@ -71,6 +73,16 @@ const store = new Vuex.Store({
         setQrcode(state, data) {
             state.Qrcode = data
         },
+        setVoiceList(state, data) {
+            state.voiceList = data
+            // 如果有音色数据且还没有设置默认音色ID，则设置第一个音色为默认
+            if (data && data.length > 0 && !state.defaultVoiceId) {
+                state.defaultVoiceId = Number(data[0].voiceType)
+            }
+        },
+        setDefaultVoiceId(state, voiceId) {
+            state.defaultVoiceId = Number(voiceId)
+        },
         // 
     },
     actions: {
@@ -124,6 +136,7 @@ const store = new Vuex.Store({
             try {
                 await Promise.all([
                     dispatch('getConfig'),
+                    dispatch('getVoiceList'), // 添加音色列表初始化
                     // dispatch('getDepartment'),
                     // dispatch('getCategory'),
                 ])
@@ -142,6 +155,27 @@ const store = new Vuex.Store({
                 commit('setUserInfo', res.result);
             }
         },
+        // 获取音色列表
+        async getVoiceList({ commit }) {
+            try {
+                const res = await api.music.list()
+                if (res.code === 200) {
+                    console.log('音色列表加载成功:', res.result);
+                    commit('setVoiceList', res.result)
+                    return res.result
+                } else {
+                    console.error('音色列表加载失败:', res);
+                    return []
+                }
+            } catch (error) {
+                console.error('音色列表加载异常:', error);
+                return []
+            }
+        },
+        // 设置默认音色
+        setDefaultVoice({ commit }, voiceId) {
+            commit('setDefaultVoiceId', voiceId)
+        },
     }
 })
 

subPages/home/AudioControls.vue

@@ -287,9 +287,9 @@ export default {
                 }
             }
 
-            // 如果所有音频都是导语，返回第一个音频的索引
-            console.log('🎵 findFirstNonLeadAudio: 所有音频都是导语，返回第一个音频索引=0');
-            return 0;
+            // 如果所有音频都是导语，返回 -1 表示不播放
+            console.log('🎵 findFirstNonLeadAudio: 所有音频都是导语，返回 -1 不播放');
+            return -1;
         },
 
         // 检查并自动加载预加载完成的音频
@@ -324,7 +324,7 @@ export default {
                 
                 // 初始化音频索引为第一个非导语音频
                 const firstNonLeadIndex = this.findFirstNonLeadAudio();
-                this.currentAudioIndex = firstNonLeadIndex >= 0 ? firstNonLeadIndex : 0;
+                this.currentAudioIndex = firstNonLeadIndex;
                 this.currentTime = 0;
                 this.currentHighlightIndex = -1;
 
@@ -618,7 +618,7 @@ export default {
                 
                 // 初始化音频索引为第一个非导语音频
                 const firstNonLeadIndex = this.findFirstNonLeadAudio();
-                this.currentAudioIndex = firstNonLeadIndex >= 0 ? firstNonLeadIndex : 0;
+                this.currentAudioIndex = firstNonLeadIndex;
                 this.isPlaying = false;
                 this.currentTime = 0;
                 this.hasAudioData = true;
@@ -932,10 +932,10 @@ export default {
             // 检查音色ID是否匹配
             if (cachedData.voiceId && cachedData.voiceId !== this.localVoiceId) {
                 console.warn('缓存音色不匹配:', cachedData.voiceId, '!=', this.localVoiceId);
-                uni.showToast({
-                    title: '音色已切换，请重新获取音频',
-                    icon: 'none'
-                });
+                // uni.showToast({
+                //     title: '音色已切换，请重新获取音频',
+                //     icon: 'none'
+                // });
                 return;
             }
 
@@ -982,10 +982,10 @@ export default {
 
             // 检查是否有音色ID
             if (!this.localVoiceId) {
-                uni.showToast({
-                    title: '音色未加载，请稍后重试',
-                    icon: 'none'
-                });
+                // uni.showToast({
+                //     title: '音色未加载，请稍后重试',
+                //     icon: 'none'
+                // });
                 return;
             }
 
@@ -2112,16 +2112,12 @@ export default {
                     }
                 }
 
-
-
-
-
                 // 显示成功提示
-                uni.showToast({
-                    title: '✅ 倍速功能可用',
-                    icon: 'none',
-                    duration: 1500
-                });
+                // uni.showToast({
+                //     title: '✅ 倍速功能可用',
+                //     icon: 'none',
+                //     duration: 1500
+                // });
 
             } catch (error) {
                 console.error('💥 检测播放速度支持时出错:', error);
@@ -2829,12 +2825,18 @@ export default {
 
                 // 查找第一个非导语音频
                 const firstNonLeadIndex = this.findFirstNonLeadAudio();
-                this.currentAudioIndex = firstNonLeadIndex >= 0 ? firstNonLeadIndex : 0;
+                this.currentAudioIndex = firstNonLeadIndex;
                 this.currentTime = 0;
                 this.isPlaying = false;
 
                 console.log(`🎵 autoPlayCachedAudio: 设置起始索引为${this.currentAudioIndex}（跳过导语）`);
 
+                // 如果所有音频都是导语，不播放
+                if (firstNonLeadIndex < 0) {
+                    console.log('🎵 autoPlayCachedAudio: 所有音频都是导语，不播放');
+                    return;
+                }
+
                 // 延迟一下再开始播放，确保UI更新完成
                 setTimeout(() => {
                     this.playAudio();

subPages/home/articleDetail.vue

@@ -144,7 +144,7 @@ export default {
                     if (res.result.audios && Object.keys(res.result.audios).length > 0) {
                         // 获取第一个音频URL
                         const audioKeys = Object.keys(res.result.audios)
-                        this.audioUrl = res.result.audios[audioKeys[0]]
+                        this.audioUrl = res.result.audios['501008'] || res.result.audios[audioKeys[0]]
                         this.hasAudio = true
                     }
                 } else {

subPages/home/book.vue

@@ -221,11 +221,22 @@ export default {
         displayCourseList() {
             return this.isReversed ? [...this.courseList].reverse() : this.courseList;
         },
+        
+        // 从Vuex获取音色列表
+        voiceList() {
+            return this.$store.state.voiceList;
+        },
+        
+        // 从Vuex获取默认音色ID
+        defaultVoiceId() {
+            return this.$store.state.defaultVoiceId;
+        },
+        
         // 判断当前页面是否为文字类型
         isTextPage() {
             // 如果是卡片页面（type为'1'），不显示音频控制栏
             if (this.currentPageType === '1') {
-                return false;
+                return true;
             }
 
             const currentPageData = this.bookPages[this.currentPage - 1];
@@ -1183,15 +1194,37 @@ export default {
 
         // 获取音色列表 拿第一个做默认的音色id
         async getVoiceList() {
-            const voiceRes = await this.$api.music.list()
-            if (voiceRes.code === 200) {
-                // console.log('音色列表API返回:', voiceRes.result);
-                // console.log('第一个音色数据:', voiceRes.result[0]);
-                this.voiceId = Number(voiceRes.result[0].voiceType)
-                // console.log('获取默认音色ID:', this.voiceId, '类型:', typeof this.voiceId);
-
+            // 优先从Vuex获取音色列表
+            if (this.voiceList && this.voiceList.length > 0) {
+                console.log('从Vuex获取音色列表:', this.voiceList);
+                this.voiceId = this.defaultVoiceId || Number(this.voiceList[0].voiceType);
+                console.log('使用Vuex中的默认音色ID:', this.voiceId);
+                
                 // 同步默认音色设置到audioManager
                 audioManager.setGlobalVoiceId(this.voiceId);
+                return;
+            }
+            
+            // 如果Vuex中没有数据，则从API获取（兜底方案）
+            console.log('Vuex中无音色数据，从API获取...');
+            try {
+                const voiceRes = await this.$api.music.list()
+                if (voiceRes.code === 200) {
+                    console.log('音色列表API返回:', voiceRes.result);
+                    
+                    // 更新Vuex中的音色列表
+                    this.$store.commit('setVoiceList', voiceRes.result);
+                    
+                    this.voiceId = Number(voiceRes.result[0].voiceType)
+                    console.log('获取默认音色ID:', this.voiceId, '类型:', typeof this.voiceId);
+
+                    // 同步默认音色设置到audioManager
+                    audioManager.setGlobalVoiceId(this.voiceId);
+                } else {
+                    console.error('获取音色列表失败:', voiceRes);
+                }
+            } catch (error) {
+                console.error('获取音色列表异常:', error);
             }
         },
         toggleNavbar() {

subPages/home/music.vue

@@ -60,6 +60,12 @@ export default {
       ]
     }
   },
+  computed: {
+    // 从Vuex获取音色列表
+    storeVoiceList() {
+      return this.$store.state.voiceList;
+    }
+  },
   methods: {
     goBack() {
       uni.navigateBack()
@@ -71,12 +77,30 @@ export default {
     },
     confirmSelection() {
       this.selectVoice(this.selectedVoiceId)
-      // 这里可以保存选择的音色到本地存储或发送到服务器
+      // 保存选择的音色到Vuex
+      this.$store.dispatch('setDefaultVoice', this.selectedVoiceId);
     },
     async getVoice(){
-      const listRes = await this.$api.music.list()
-      if (listRes.code === 200) {
-        this.voiceList = listRes.result
+      // 优先从Vuex获取音色列表
+      if (this.storeVoiceList && this.storeVoiceList.length > 0) {
+        console.log('从Vuex获取音色列表:', this.storeVoiceList);
+        this.voiceList = this.storeVoiceList;
+        return;
+      }
+      
+      // 如果Vuex中没有数据，则从API获取（兜底方案）
+      console.log('Vuex中无音色数据，从API获取...');
+      try {
+        const listRes = await this.$api.music.list()
+        if (listRes.code === 200) {
+          this.voiceList = listRes.result
+          // 更新Vuex中的音色列表
+          this.$store.commit('setVoiceList', listRes.result);
+        } else {
+          console.error('获取音色列表失败:', listRes);
+        }
+      } catch (error) {
+        console.error('获取音色列表异常:', error);
       }
     }
   },

utils/share.js

@@ -94,4 +94,5 @@ function addQueryParams(url) {
     }
 }
 
-export default share
+export default function(){}
+// export default share