up

app/lib/screens/feed/widgets/video_player_view.dart

@@ -3,6 +3,9 @@ import 'package:flutter/material.dart';
 import 'package:media_kit_video/media_kit_video.dart';
 
 /// media_kit Video 包装：封面兜底、缓冲转圈、暂停态大播放图标
+///
+/// 封面仅在视频尚未渲染出第一帧时显示（player state 仍在初始 idle），
+/// 一旦 HLS 起播第一帧，封面立即淡出，避免「有声音没画面被封面挡住」。
 class VideoPlayerView extends StatelessWidget {
   const VideoPlayerView({
     super.key,
@@ -17,6 +20,7 @@ class VideoPlayerView extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    final player = controller.player;
     return Stack(
       fit: StackFit.expand,
       children: [
@@ -27,13 +31,24 @@ class VideoPlayerView extends StatelessWidget {
           fit: BoxFit.contain,
         ),
 
-        // 封面兜底：加载/无地址时可见（HLS 起播后被画面覆盖）
-        if (coverUrl.isNotEmpty)
-          CachedNetworkImage(
-            imageUrl: coverUrl,
-            fit: BoxFit.cover,
-            errorWidget: (_, __, ___) => const SizedBox.shrink(),
-          ),
+        // 封面兜底：仅在视频尚未开始渲染时显示
+        StreamBuilder<Duration>(
+          stream: player.stream.position,
+          initialData: player.state.position,
+          builder: (_, snapshot) {
+            final pos = snapshot.data ?? Duration.zero;
+            // position == 0 说明还没渲染出第一帧（含初始加载和播完后）
+            final showCover =
+                coverUrl.isNotEmpty && pos == Duration.zero;
+            return showCover
+                ? CachedNetworkImage(
+                    imageUrl: coverUrl,
+                    fit: BoxFit.cover,
+                    errorWidget: (_, __, ___) => const SizedBox.shrink(),
+                  )
+                : const SizedBox.shrink();
+          },
+        ),
 
         // 暂停态大播放图标
         if (!playing)