68 lines
2.1 KiB
Dart
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,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
}
|