@sdk185/sip-phone-sdk26 0.2.11 → 0.2.13

package/src/components/MobilePhone.vue

@@ -12,7 +12,7 @@
     <!-- 通话信息显示区域 -->
     <div class="d-flex flex-column align-center call-btn" v-if="!miniMode && !showDialPad">
       <!-- 应用logo -->
-      <img class="elevation-4 call-img" alt="logo" src="https://kefu-gm-jc-dat.boc-samsunglife.cn/static/normal-logo.png"/>
+      <img class="elevation-4 call-img" alt="logo" :src="chatURL+'/static/normal-logo.png'"/>
       <!-- 通话状态提示 -->
       <p class="mt-6 mb-0 call-label" >{{callPrompt}}</p>
     </div>
@@ -36,7 +36,7 @@
             v-show="!isCalling && !needDial"
             @click="onHangupBtnClick"
         >
-          <img class="cancel-img" src="https://kefu-gm-jc-dat.boc-samsunglife.cn/static/call-down.png" alt="hangup" >
+          <img class="cancel-img" :src="chatURL+'/static/call-down.png'" alt="hangup" >
           <span class="cancel-label">取消</span>
         </v-btn>
         <v-btn
@@ -45,8 +45,8 @@
             @click="onMuteBtnClick('audio')"
             class="custom-mute-btn btn-box"
         >
-          <img class="img-open-close" v-if="!isAudioMute" src="https://kefu-gm-jc-dat.boc-samsunglife.cn/static/adudio-open.png" >
-          <img class="img-open-close" v-else src="https://kefu-gm-jc-dat.boc-samsunglife.cn/static/adudio-close.png" >
+          <img class="img-open-close" v-if="!isAudioMute" :src="chatURL+'/static/adudio-open.png'" >
+          <img class="img-open-close" v-else :src="chatURL+'/static/adudio-close.png'" >
         </v-btn>
         <!-- 摄像头开关按钮 -->
         <v-btn
@@ -55,8 +55,8 @@
             @click="onMuteBtnClick('video')"
             class="custom-mute-btn"
         >
-          <img class="img-open-close" v-if="!isVideoMute" src="https://kefu-gm-jc-dat.boc-samsunglife.cn/static/camera-open.png" alt="mic-on">
-          <img class="img-open-close" v-else src="https://kefu-gm-jc-dat.boc-samsunglife.cn/static/camera-close.png" alt="mic-off">
+          <img class="img-open-close" v-if="!isVideoMute" :src="chatURL+'/static/camera-open.png'" alt="mic-on">
+          <img class="img-open-close" v-else :src="chatURL+'/static/camera-close.png'" alt="mic-off">
         </v-btn>
 
       </v-row>
@@ -69,7 +69,7 @@
             v-show="isCalling && showHangup"
             @click="onHangupBtnClick"
         >
-          <img class="hangup-img" src="https://kefu-gm-jc-dat.boc-samsunglife.cn/static/call-down.png" alt="hangup">
+          <img class="hangup-img" :src="chatURL+'/static/call-down.png'" alt="hangup">
           <span class="hangup-label">挂断</span>
         </v-btn>
         <!-- 切换摄像头按钮 -->
@@ -245,7 +245,7 @@ export default {
     return {
       prompt: `${this.$t('serverConnecting')}...`,
       callPrompt: this.$t('pleaseBePatient'),
-
+      chatURL:"https://kefu-gm-jc-dat.boc-samsunglife.cn",// 环境切换
       isCalling: false,
       showHangup: false,
       showAudioPlayer: true,
@@ -840,8 +840,8 @@ export default {
         if(this.localVideo.show) {
             return
         }
-        this.localVideo.w = parseInt(this.clientWidth / 3)
-        this.localVideo.h = parseInt(this.clientHeight / 3)
+        this.localVideo.w = this.clientWidth
+        this.localVideo.h = this.clientHeight
         this.localVideo.draggable = false
         this.showVideoCt = true
         this.localVideo.show = true
@@ -854,37 +854,56 @@ export default {
         console.info('remoteStream', stream, info)
         this._resetCmpWHLRTB()
 
+        // 修复：iOS remoteStream 事件优化
+        // 问题：iOS设备卡在localStream阶段，Android正常工作
+        // 解决方案：移除延迟，立即处理视频流
+        
+        // 1. 立即绑定远程视频流（修复iOS卡顿问题）
+        // iOS需要立即绑定流来触发视频显示
+        this.$refs.remoteVideo.srcObject = stream
+        
+        // 2. 调整本地视频到角落窗口（iOS和Android都优化）
+        // 将本地视频从全屏移动到左上角
         Object.assign(this.localVideo, {
-          w: parseInt(this.clientWidth / 3),
-          h: parseInt(this.clientHeight / 3),
-          x: 0,
-          y: 80,
-          z: 1100,
-          draggable: true
+          w: parseInt(this.clientWidth / 3),  // 1/3 屏幕宽度
+          h: parseInt(this.clientHeight / 3), // 1/3 屏幕高度
+          x: 0,                                // 左侧位置
+          y: 80,                               // 顶部偏移（避免UI重叠）
+          z: 1100,                             // 前景层级
+          draggable: true                      // 启用拖拽
         })
-        this.$nextTick(() => {
-          this.$refs.localVideoWrapper.moveVertically(80)
+        
+        // 3. 立即显示远程视频作为主视图（移除500ms延迟）
+        // 原来的setTimeout(500)导致iOS卡在localStream阶段
+        Object.assign(this.remoteVideo, {
+          show: true,                          // 显示远程视频
+          w: this.clientWidth,                 // 全屏宽度
+          h: this.clientHeight,                // 全屏高度
+          x: 0,                                // 左侧位置
+          y: 0,                                // 顶部位置
+          z: 1000,                             // 背景层级
+          draggable: false                     // 禁用拖拽（主视图）
         })
 
-
-        setTimeout(async () => {
-          Object.assign(this.remoteVideo, {
-            show: true,
-            w: this.clientWidth,
-            h: this.clientHeight,
-            x: 0,
-            y: 0,
-            z: 1000,
-            draggable: false
-          })
-
-          await this.$nextTick()
-          if (this.autoHideLocalVideo) {
-            this.localVideo.show = false
+        // 4. 应用布局更改并确保视频播放（iOS兼容性）
+        this.$nextTick(() => {
+          // 移动本地视频包装器到正确位置
+          this.$refs.localVideoWrapper.moveVertically(80)
+          
+          // iOS：强制视频播放（iOS可能阻止自动播放）
+          // Android：play()会成功，无副作用
+          if (this.$refs.remoteVideo && this.$refs.remoteVideo.play) {
+            this.$refs.remoteVideo.play().catch(e => {
+              console.warn('iOS video play failed:', e)
+              // 即使播放失败也继续执行
+            })
           }
-          this.$refs.remoteVideo.srcObject = stream
-        }, 500)
+        })
 
+        // 5. 处理自动隐藏本地视频设置（逻辑不变）
+        if (this.autoHideLocalVideo) {
+          this.localVideo.show = false
+        }
       })
 
       this.sipMix.on('remoteRing', () => {
@@ -1281,17 +1300,6 @@ export default {
     pointer-events: none !important;
   }
 
-  /* iOS specific fixes */
-  // @supports (-webkit-touch-callout: none) {
-  //   video {
-  //     -webkit-transform: translateZ(0);
-  //     transform: translateZ(0);
-  //     -webkit-backface-visibility: hidden;
-  //     backface-visibility: hidden;
-  //     -webkit-perspective: 1000;
-  //     perspective: 1000;
-  //   }
-  // }
 
   /* 隐藏音量按钮（可选） */
   video::-webkit-media-controls-volume-slider {