Flutter 视频video_player与缓存flutter_cache_manager

在Flutter中，video_player插件用于显示视频，而flutter_cache_manager可以用于管理视频的缓存。以下是如何使用这两个插件的示例代码：

首先，在pubspec.yaml中添加依赖：

dependencies:
  flutter:
    sdk: flutter
  video_player: ^0.10.10+1
  flutter_cache_manager: ^2.2.2

然后，使用flutter_cache_manager获取视频文件的本地缓存路径，并使用video_player播放该视频：

import 'package:flutter/material.dart';
import 'package:video_player/video_player.dart';
import 'package:flutter_cache_manager/flutter_cache_manager.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: VideoPlayerPage(),
    );
  }
}
 
class VideoPlayerPage extends StatefulWidget {
  @override
  _VideoPlayerPageState createState() => _VideoPlayerPageState();
}
 
class _VideoPlayerPageState extends State<VideoPlayerPage> {
  VideoPlayerController _controller;
 
  @override
  void initState() {
    super.initState();
    // 假设视频URL是 "https://example.com/video.mp4"
    String videoUrl = "https://example.com/video.mp4";
    // 使用flutter_cache_manager获取缓存后的视频路径
    DefaultCacheManager().getVideoFile(videoUrl).then((file) {
      _controller = VideoPlayerController.file(file);
      _controller.initialize().then((_) {
        // 初始化完成后播放视频
        setState(() {});
      });
    });
  }
 
  @override
  void dispose() {
    _controller.dispose();
    super.dispose();
  }
 
  @override
  Widget build(BuildContext context) {
    if (_controller.value.initialized) {
      return Scaffold(
        body: Center(
          child: AspectRatio(
            aspectRatio: _controller.value.aspectRatio,
            child: VideoPlayer(_controller),
          ),
        ),
      );
    } else {
      return Container();
    }
  }
}

在这个例子中，我们首先使用flutter_cache_manager获取视频缓存。然后，我们创建一个VideoPlayerController来使用这个缓存的文件，并初始化播放器。最后，我们在一个VideoPlayer小部件中展示视频。如果视频尚未缓存或缓存失败，则不会显示任何内容。