feat: 语音

罗广辉

2026-02-12 5cebaec98af8b4d36b5bf7d24e6d8592dd5cf724

 applications/mobile-web-view/src/appPages/voiceCallDetail/index.vue

@@ -8,7 +8,7 @@
         <div class="contactAvatar">
            <img :src="defaultAvatar" alt=""></img>
         </div>
			

         <!--  联系人名称-->
         <div class="contactName">
            {{ contactName }}
@@ -39,6 +39,7 @@
<script setup>
import { useRoute } from 'vue-router'
import defaultAvatar from '@/appDataSource/appwork/defaultAvatar.svg'
import { showToast } from 'vant'
const route = useRoute()
/** ✅ 你的 WS 地址前缀（后面拼 userId） */
// const WS_BASE = 'ws://218.202.104.82:38201/ws/chat?userId='
@@ -229,21 +230,43 @@
   }

   try {
      localStream = await navigator.mediaDevices.getUserMedia({ 
         audio: {
            echoCancellation: true,
            noiseSuppression: true,
            autoGainControl: true,
            // 移动端特定配置
            channelCount: 1,
            sampleRate: 16000,
            sampleSize: 16
         }
        })
      log('✅ 已获取本地麦克风')
      // 尝试使用完整约束
      try {
         localStream = await navigator.mediaDevices.getUserMedia({
            audio: {
               echoCancellation: true,
               noiseSuppression: true,
               autoGainControl: true,
               channelCount: 1,
               sampleRate: 16000,
               sampleSize: 16
            }
         })
         log('✅ 已获取本地麦克风（标准约束）')
      } catch (strictError) {
         // 如果标准约束失败，尝试最简单的约束
         log('⚠️ 标准约束失败，尝试简化约束:', String(strictError))
         localStream = await navigator.mediaDevices.getUserMedia({
            audio: true
         })
         log('✅ 已获取本地麦克风（简化约束）')
      }
      return localStream
   } catch (e) {
      log('❌ 获取麦克风失败：', String(e))

      // 提供更详细的错误信息
      if (e.name === 'NotReadableError') {
         log('❌ NotReadableError: 麦克风可能被其他应用占用，或权限未正确配置')
         showToast('麦克风被占用或权限未授予')
      } else if (e.name === 'NotAllowedError') {
         log('❌ NotAllowedError: 用户拒绝了麦克风权限')
         showToast('请授予麦克风权限')
      } else if (e.name === 'NotFoundError') {
         log('❌ NotFoundError: 未找到麦克风设备')
         showToast('未找到麦克风设备')
      }

      throw e
   }
}
@@ -530,13 +553,13 @@
   lastOfferSdp = null

   state.value = 'idle'
	

   // 清除之前的定时器
   if (endTimer.value) {
      clearTimeout(endTimer.value)
      endTimer.value = null
   }
	

   // 根据是谁发起的挂断决定不同的行为
   if (sendToPeer) {
      // 自己主动挂断：不提示，不延迟，直接跳转
@@ -552,7 +575,7 @@
      // 对方挂断：显示提示，延迟10秒跳转
      callEnded.value = true
      endMessage.value = '对方已挂断'
		

      // 延迟5秒后跳转页面
      endTimer.value = setTimeout(() => {
         // 返回上一页（uni-app的语音通话列表页面）
@@ -580,7 +603,7 @@
         if (params.access_token) {
            accessToken.value = params.access_token;
            log('🔗 从params获取access_token:', accessToken.value);
         }	
         }
      } catch (e) {
         log('❌ 解析params参数失败:', String(e));
      }
@@ -882,4 +905,4 @@
   height: 220px;
   margin-bottom: 60px;
}
</style>
</style>