@sdk185/sip-phone-sdk26 0.2.12 → 0.2.13

package/package.json

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

package/src/components/MobilePhone.vue

@@ -145,10 +145,8 @@
             x-webkit-airplay="true"
             x5-video-player-type="h5"
             x5-video-orientation="h5"
-            controlslist="nodownload nofullscreen"
-            preload="metadata"
             ref="localVideo"
-            style="object-fit: cover;"
+            style="pointer-events: none !important;"
             class="sip-call-video"
             
           ></video>
@@ -842,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
@@ -856,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', () => {
@@ -1284,27 +1301,6 @@ export default {
   }
 
 
-  /* iOS specific fixes */
-  @supports (-webkit-touch-callout: none) {
-    .sip-call-video {
-      -webkit-transform: translateZ(0);
-      transform: translateZ(0);
-      -webkit-backface-visibility: hidden;
-      backface-visibility: hidden;
-      -webkit-perspective: 1000;
-      perspective: 1000;
-      -webkit-user-select: none;
-      user-select: none;
-      -webkit-tap-highlight-color: transparent;
-    }
-    
-    /* Prevent iOS video from going fullscreen */
-    video[webkit-playsinline] {
-      -webkit-transform: scale(1);
-      transform: scale(1);
-    }
-  }
-
   /* 隐藏音量按钮（可选） */
   video::-webkit-media-controls-volume-slider {
     display: none !important;