Files
video/app/lib/screens/feed/widgets/video_player_view.dart
T
2026-10-16 13:51:00 +08:00

68 lines
2.1 KiB
Dart

import 'package:cached_network_image/cached_network_image.dart';
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,
required this.controller,
required this.coverUrl,
required this.playing,
});
final VideoController controller;
final String coverUrl;
final bool playing;
@override
Widget build(BuildContext context) {
final player = controller.player;
return Stack(
fit: StackFit.expand,
children: [
// 播放器(无控制条,纯画面)
Video(
controller: controller,
controls: NoVideoControls,
fit: BoxFit.contain,
),
// 封面兜底:仅在视频尚未开始渲染时显示
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)
const IgnorePointer(
child: Center(
child: Icon(
Icons.play_arrow_rounded,
size: 88,
color: Colors.white70,
),
),
),
],
);
}
}