测试webrtc音频

src/pages/room/index.vue

@@ -42,7 +42,8 @@ const remoteVideo = ref(null as unknown as HTMLVideoElement)
 const RTC = new WebRtcService()
 const store = useStore()
 const mqtt = inject('MQTT') as Any
-const menuList = shallowRef([ { name: '信号', value: 0, component: defineAsyncComponent(() => import('@/components/signal.vue')) },
+const menuList = shallowRef([
+  { name: '信号', value: 0, component: defineAsyncComponent(() => import('@/components/signal.vue')) },
   { name: '电量', value: 0, component: defineAsyncComponent(() => import('@/components/battery.vue')) },
   {
     name: '录音',
@@ -54,7 +55,8 @@ const menuList = shallowRef([ { name: '信号', value: 0, component: defineAsync
   },
   {
     name: '静音', value: 0, callBack: (mute: boolean) => RTC.muteRemoteAudio(mute), component: defineAsyncComponent(() => import('@/components/audio.vue'))
-  } ])
+  }
+])
 const gauge = ref({ speed: 0, num: 0 })
 
 watch(() => store.mqtt_message, async (value: { type: string, data?: RTCSessionDescriptionInit }) => {

src/services/webrtc.service.ts

@@ -44,8 +44,20 @@ export default class WebRtcService {
       // listen track
       this.Peer.ontrack = (evt) => {
         console.log('track', evt)
-        DOM.srcObject = evt.streams[0]
-        if (evt.track.kind === 'audio') this.audioTack = evt.track
+        if (evt.track.kind === 'video') {
+          DOM.srcObject = evt.streams[0]
+        }
+        if (evt.track.kind === 'audio') {
+          console.log('audio')
+          this.audioTack = evt.track
+          const audio = new Audio()
+          audio.srcObject = evt.streams[0]
+          setTimeout(() => {
+            console.log('audio-play')
+            audio.play()
+          }, 2000)
+          // audio.play()
+        }
       }
 
       // listen changestate·
@@ -60,6 +72,7 @@ export default class WebRtcService {
         // ICE连接成功
         if (state === 'connected') {
           this.store.setMqttMessage({ type: 'WebRtcConnected', data: null })
+          DOM.play()
         }
       }