@sdk185/sip-phone-sdk26 0.2.13 → 0.2.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sdk185/sip-phone-sdk26",
-  "version": "0.2.13",
+  "version": "0.2.14",
   "private": false,
   "publishConfig": {
     "access": "public"

package/src/components/MobilePhone.vue

@@ -840,9 +840,17 @@ export default {
         if(this.localVideo.show) {
             return
         }
-        this.localVideo.w = this.clientWidth
-        this.localVideo.h = this.clientHeight
-        this.localVideo.draggable = false
+        
+        // 修复：在第一阶段就设置好本地视频位置和大小
+        // 参考 onChangeVideoFullScreenBtnClick 的方式，直接写死位置
+        // 避免 iOS 设备卡在第一阶段的问题
+        this.localVideo.w = parseInt(this.clientWidth / 3)  // 1/3 屏幕宽度
+        this.localVideo.h = parseInt(this.clientHeight / 3) // 1/3 屏幕高度
+        this.localVideo.x = 0                               // 左侧位置
+        this.localVideo.y = 80                              // 顶部偏移（避免UI重叠）
+        this.localVideo.z = 1100                             // 前景层级
+        this.localVideo.draggable = true                      // 启用拖拽
+        
         this.showVideoCt = true
         this.localVideo.show = true
 
@@ -854,56 +862,37 @@ 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),  // 1/3 屏幕宽度
-          h: parseInt(this.clientHeight / 3), // 1/3 屏幕高度
-          x: 0,                                // 左侧位置
-          y: 80,                               // 顶部偏移（避免UI重叠）
-          z: 1100,                             // 前景层级
-          draggable: true                      // 启用拖拽
-        })
-        
-        // 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                     // 禁用拖拽（主视图）
+          w: parseInt(this.clientWidth / 3),
+          h: parseInt(this.clientHeight / 3),
+          x: 0,
+          y: 80,
+          z: 1100,
+          draggable: true
         })
-
-        // 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)
-              // 即使播放失败也继续执行
-            })
-          }
         })
 
-        // 5. 处理自动隐藏本地视频设置（逻辑不变）
-        if (this.autoHideLocalVideo) {
-          this.localVideo.show = 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
+          }
+          this.$refs.remoteVideo.srcObject = stream
+        }, 500)
+
       })
 
       this.sipMix.on('remoteRing', () => {