From 1c0627671cd95695df604a54de0bbb76469c21e9 Mon Sep 17 00:00:00 2001
From: xiangpei <xiangpei@timesnew.cn>
Date: 星期四, 29 五月 2025 10:23:37 +0800
Subject: [PATCH] 真机上视频加载和渲染是异步的，可能导致 onPlay/onPause 事件触发延迟。解决暂停图标和播放不一致问题
---
pages/tabbar/index/home.vue | 24 ++++++++++++++++++------
1 files changed, 18 insertions(+), 6 deletions(-)
diff --git a/pages/tabbar/index/home.vue b/pages/tabbar/index/home.vue
index c43e545..4b7f2e1 100644
--- a/pages/tabbar/index/home.vue
+++ b/pages/tabbar/index/home.vue
@@ -13,7 +13,7 @@
<view
class="play-icon"
@click="togglePlay(index)"
- v-if="currentVideoIsPlaying != null && !currentVideoIsPlaying"
+ v-if="!currentVideoIsPlaying"
>
<image src="/static/video/play.png" style="width: 45px;height: 45px" mode="aspectFit"></image>
</view>
@@ -169,7 +169,7 @@
playAt: 0 ,// 杩欎釜瑙嗛鎾斁鍒板摢浜�
startPlayTime: 0 // 杩欎釜瑙嗛浠庝粈涔堟椂鍊欏紑濮嬫挱鏀剧殑
},
- currentVideoIsPlaying: null, // 褰撳墠瑙嗛鏄惁姝ｅ湪鎾斁
+ currentVideoIsPlaying: true, // 褰撳墠瑙嗛鏄惁姝ｅ湪鎾斁
isFullScreen: false,
windowHeight: 0,
currentIndex: 0, // 褰撳墠鎾斁鐨勮棰戠储寮�
@@ -183,6 +183,7 @@
}
},
onShow() {
+ this.loadVideos()
// 濡傛灉瑙嗛鎸変笅鏆傚仠鍚庡垏鎹㈤〉闈㈠啀鍥炲埌椤甸潰鏃讹紝鍙畻鏆傚仠鏃堕棿锛堝洜涓烘殏鍋滄椂闂村拰绂诲紑椤甸潰鏃堕棿鏄噸澶嶇殑锛屽彧绠椾竴涓級
if(this.startHidenTime !== 0 && this.currentVideoIsPlaying) {
const duration = Date.now() - this.startHidenTime
@@ -373,14 +374,13 @@
// 淇濆瓨涓婁竴涓棰戠殑鎾斁璁板綍
this.savePlayRecord()
const oldIndex = this.currentIndex;
- console.log("瑙嗛涓婁笅鏂�",this.videoContexts[oldIndex]);
this.currentIndex = e.detail.current;
// 鏆傚仠涓婁竴涓棰�
if (this.videoContexts[oldIndex]) {
this.videoContexts[oldIndex].pause();
}
- this.currentVideoIsPlaying = true;
+
this.startPauseTime = 0;
// 鎾斁褰撳墠瑙嗛
if (this.videoContexts[this.currentIndex]) {
@@ -420,7 +420,13 @@
},
// 瑙嗛鎾斁浜嬩欢
onPlay(id, index) {
- this.currentVideoIsPlaying = true;
+ console.log(id, index, "瑙﹀彂鎾斁");
+ if(index === this.currentIndex) {
+ this.currentVideoIsPlaying = true;
+ } else {
+ this.currentVideoIsPlaying = false;
+ return
+ }
this.playRecord.videoId = id;
// 娌″垵濮嬪寲鎵嶈祴鍊硷紝鍥犱负涓�涓棰戦噸澶嶆挱鏀緊nPlay浼氶噸澶嶈Е鍙�
if(this.playRecord.startPlayTime === 0) {
@@ -434,7 +440,13 @@
// 瑙嗛鏆傚仠浜嬩欢
onPause(index) {
- this.currentVideoIsPlaying = false;
+ console.log(index, "瑙﹀彂鏆傚仠");
+ if(index === this.currentIndex) {
+ this.currentVideoIsPlaying = false;
+ } else {
+ this.currentVideoIsPlaying = true;
+ return
+ }
this.startPauseTime = Date.now()
},
--
Gitblit v1.8.0