74 lines
2.1 KiB
Dart
74 lines
2.1 KiB
Dart
|
import 'package:flutter/material.dart';
|
|||
|
|
import 'package:video_player/video_player.dart';
|
|||
|
|
|
|||
|
|
class VideoThumbnail extends StatefulWidget {
|
|||
|
|
final String videoUrl;
|
|||
|
|
|
|||
|
|
VideoThumbnail({required this.videoUrl});
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
_VideoThumbnailState createState() => _VideoThumbnailState();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
class _VideoThumbnailState extends State<VideoThumbnail> {
|
|||
|
|
late VideoPlayerController _controller;
|
|||
|
|
late Future<void> _initializeVideoPlayerFuture;
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
void initState() {
|
|||
|
|
super.initState();
|
|||
|
|
// 创建并初始化 VideoPlayerController
|
|||
|
|
_controller = VideoPlayerController.network(widget.videoUrl)
|
|||
|
|
..initialize().then((_) {
|
|||
|
|
// 当视频控制器初始化完成后，更新UI以便显示第一帧
|
|||
|
|
setState(() {});
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
void dispose() {
|
|||
|
|
// 清理资源
|
|||
|
|
_controller.dispose();
|
|||
|
|
super.dispose();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
Widget build(BuildContext context) {
|
|||
|
|
return GestureDetector(
|
|||
|
|
// onTap: () {
|
|||
|
|
// setState(() {
|
|||
|
|
// if (_controller.value.isPlaying) {
|
|||
|
|
// _controller.pause();
|
|||
|
|
// } else {
|
|||
|
|
// _controller.play();
|
|||
|
|
// }
|
|||
|
|
// });
|
|||
|
|
// },
|
|||
|
|
child: Stack(
|
|||
|
|
alignment: Alignment.center,
|
|||
|
|
children: <Widget>[
|
|||
|
|
// 如果视频已经初始化，则显示视频玩家
|
|||
|
|
_controller.value.isInitialized
|
|||
|
|
? AspectRatio(
|
|||
|
|
aspectRatio: 1 / 1, // 强制正方形比例
|
|||
|
|
child: FittedBox(
|
|||
|
|
fit: BoxFit.cover, // 确保视频封面铺满空间
|
|||
|
|
child: SizedBox(
|
|||
|
|
width: _controller.value.size.width,
|
|||
|
|
height: _controller.value.size.height,
|
|||
|
|
child: VideoPlayer(_controller),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
)
|
|||
|
|
: Center(
|
|||
|
|
child: CircularProgressIndicator(), // 加载中显示转圈
|
|||
|
|
),
|
|||
|
|
if (!_controller.value.isPlaying && _controller.value.isInitialized)
|
|||
|
|
Icon(Icons.play_arrow_rounded,
|
|||
|
|
size: 80, color: Colors.white.withOpacity(0.8)),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
}
|