第二百二十九 如何选择视频文件

我们在上一章回中介绍了"如何选择多个图片文件"相关的内容，本章回中将介绍 如何选择视频文件.闲话休提，让我们一起Talk Flutter吧。

1. 概念介绍

我们在前面章回中介绍了如何选择单个和多个图片文件相关的内容，本章回中介绍选择视频文件相关的内容，不过仍然是通过image_picker包来实现.使用的包虽然相同，但是在使用方法上还是有一些差别，本章回中将详细介绍这方面的内容。

2. 方法与细节

包中提供了pickVideo()方法来选择视频文件，我们在接下来的小节中将介绍具体的实现方法和相关细节。

2.1 实现方法

下面是选择视频文件的实现方法，不过该方法中不包含导入包相关的操作，因为我们在前面章回中已经导入了image_picker包。

• 创建文件选择器对象，也就是包中提供的ImagePicker类的实例；
• 使用文件选择器的pickVideo()方法获取视频文件，该方法将返回视频文件在本地存储中的相对路径；
• 获取到文件路径后就可以预览或者播放视频文件，详细内容可以参考"如何播放视频文件"章回中的内容；

2.2 具体细节

上面的步骤中使用了ImagePicker的pickVideo()方法，该方法返回的是Future<XFile>类型的对象，因此我们需要通过Future的then方法来获取视频文件的路径。此外，该方法需要异步运行，因为获取视频文件路径是比较耗时的操作。

3. 示例代码

ImagePicker imagePicker = ImagePicker();

Future<XFile?> getVideoFiles() async {
  var list = await imagePicker.pickVideo(source: ImageSource.gallery);
  return list;
}

ElevatedButton(
  onPressed: () {
    getVideoFiles().then((value) {
      ///因为是异步，所以需要通过setState更新数据源
      setState(() {
        ///返回的路径是app下的缓冲目录：data/user/0/packagename/cache/scaled_1000000010.jpg
        // debugPrint("path: v${value[0].path}");
        _videoFile = value;
        playVideo(_videoFile!);
      });
    });
  },
  child: const Text("load video"),
),

上面的示例代码中演示了如何获取视频文件，我们在代码中把pickVideo()方法封装成了异步方法，并且将它绑定到按钮上，这样就可以在点击按钮时发出获取视频文件的指令，此时会打开一个文件选择器的窗口，我们可以在该窗口中以可视化操作的方式选择视频文件。

代码中播放视频文件前需要检查文件路径，文件路径在程序最开始运行时为null,在程序运行后，但是没有选择任何图片文件时的文件路径不为空，而是为empty，这点需要特别注意，不然无法正确播放视频文件。

此外，我们获取到的视频文件路径是一个相对路径，它并不是视频文件在文件系统中的绝对路径。

代码中把播放视频文件的内容封装成了独立的方法，我们只需要给该方法传入文件路径就可以播放视频，该方法的具体实现内容可以参考"如何播放视频文件"章回中的内容。

4. 内容总结

最后，我们对本章回的内容做一个全面的总结：

• Flutter官方提供了image_picker包，该包以可视化操作的方式获取视频文件路径；
• 使用包中的pickVideo()方法可以获取到当前手机文件系统中视频文件的相对路径；
• 播放视频文件前需要检查文件路径的可靠性，不然可能导致VideoPalyer组件无法播放视频文件；

看官们，与"如何选择视频文件"相关的内容就介绍到这里，欢迎大家在评论区交流与讨论!