@sdk185/sip-phone-sdk26 0.2.30 → 0.2.32

package/package.json

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

package/src/components/MobilePhone.vue

@@ -119,6 +119,8 @@
             controls
             controlsList="nodownload nofullscreen noremoteplayback"
             disablepictureinpicture
+            @play="onRemoteVideoPlaying"
+            @loadedmetadata="onRemoteVideoLoaded"
           ></video>
         </vue-draggable-resizable>
         <!-- 本地视频窗口 -->
@@ -762,6 +764,18 @@ export default {
 
       return Promise.resolve(true)
     },
+    // 视频成功播放回调
+    onRemoteVideoPlaying() {
+      console.log('[iOS] Remote video is playing')
+    },
+
+    // 元数据加载完成回调
+    onRemoteVideoLoaded() {
+      console.log('[iOS] Remote video metadata loaded')
+      if (this.$refs.remoteVideo) {
+        this.$refs.remoteVideo.play().catch(() => {})
+      }
+    },
 
     startSip ({debug, password, register, autoDial = false}) {
       const {domain, port, path} = window.config
@@ -851,8 +865,51 @@ export default {
         // this.$refs.localVideo.srcObject = stream
       })
 
+      // this.sipMix.on('remoteStream', (stream, info) => {
+      //   console.info('remoteStream', stream, info)
+      //   this._resetCmpWHLRTB()
+
+      //   Object.assign(this.localVideo, {
+      //     w: parseInt(this.clientWidth / 3),
+      //     h: parseInt(this.clientHeight / 3),
+      //     x: 0,
+      //     y: 80,
+      //     z: 1100,
+      //     draggable: true
+      //   })
+      //   this.$nextTick(() => {
+      //     this.$refs.localVideoWrapper.moveVertically(80)
+      //   })
+
+
+      //   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('remoteStream', (stream, info) => {
         console.info('remoteStream', stream, info)
+        
+        const video = this.$refs.remoteVideo
+        if (!video) return
+
+        video.srcObject = stream
+
         this._resetCmpWHLRTB()
 
         Object.assign(this.localVideo, {
@@ -863,11 +920,33 @@ export default {
           z: 1100,
           draggable: true
         })
+
         this.$nextTick(() => {
-          this.$refs.localVideoWrapper.moveVertically(80)
-        })
+          // ==================== iOS 16 优化后版本（减少延迟） ====================
+          const forcePlay = () => {
+            if (video.paused || video.ended) {
+              video.play().catch(err => {
+                console.warn('Force play failed:', err.name)
+              })
+            }
+          }
+
+          // 更紧凑的调用顺序，减少延迟
+          forcePlay()                    // 立即
+          setTimeout(forcePlay, 30)      // 30ms
+          setTimeout(forcePlay, 100)     // 100ms
+
+          // 只监听一次，避免重复触发
+          video.addEventListener('pause', forcePlay, { once: true })
 
+          // 元数据加载完立即播放
+          video.addEventListener('loadedmetadata', () => {
+            console.log('[iOS] metadata loaded → force play')
+            forcePlay()
+          }, { once: true })
+        })
 
+        // 原有后续代码保持不变
         setTimeout(async () => {
           Object.assign(this.remoteVideo, {
             show: true,
@@ -883,9 +962,7 @@ export default {
           if (this.autoHideLocalVideo) {
             this.localVideo.show = false
           }
-          this.$refs.remoteVideo.srcObject = stream
-        }, 500)
-
+        }, 300)   // 稍微调小一点
       })
 
       this.sipMix.on('remoteRing', () => {
@@ -1303,5 +1380,29 @@ export default {
     height: 0 !important;
     pointer-events: none !important;
   }
+  /* iOS 16+ 纯前端压制中间暂停按钮 */
+  video::-webkit-media-controls-overlay-play-button,
+  video::-webkit-media-controls-start-playback-button,
+  video::-webkit-media-controls-play-button,
+  video::-webkit-media-controls-pause-button {
+    display: none !important;
+    opacity: 0 !important;
+    pointer-events: none !important;
+    visibility: hidden !important;
+  }
+
+  /* 中间播放按钮 + 直播按钮 + 所有图标彻底隐藏 */
+  video::-webkit-media-controls-overlay-play-button,
+  video::-webkit-media-controls-start-playback-button,
+  video::-webkit-media-controls-live-button,
+  video::-webkit-full-screen-button,
+  video::-webkit-media-controls-panel {
+    display: none !important;
+    opacity: 0 !important;
+    visibility: hidden !important;
+    width: 0 !important;
+    height: 0 !important;
+    pointer-events: none !important;
+  }
   
 </style>