显示内部存储中所有视频的列表

Question

列出内部存储中特定文件夹中的所有视频文件，并在 flutter 中显示它们。

我想创建一个应用程序来列出内部存储中的所有视频并在 gridview 中显示它们并播放该视频

Answer 1

要从存储中获取所有文件，您可以使用path_provider flutter package。这样，获取文件夹路径，提取所有扩展名为 .mp4 的文件（视频文件），并将其存储在列表中。

List<FileSystemEntity> _files = [];

void _getFiles() async {
        Directory directory = await getExternalStorageDirectory();
        List<FileSystemEntity> files = directory.listSync().where((entity) => entity.path.endsWith('.mp4')).toList();
        setState(() {
          _files = files;
        });
      }

然后就可以使用video_player Flutter package播放视频了。

GridView.builder(
      gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
        crossAxisCount: 3,
        childAspectRatio: 1,
      ),
      itemCount: _files.length,
      itemBuilder: (BuildContext context, int index) {
        return GestureDetector(
          onTap: () {
            setState(() {
              _controller = VideoPlayerController.file(_files[index])
                ..initialize().then((_) {
                  _controller.play();
                });
            });
          },
          child: Card(
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                Icon(
                  Icons.video_library,
                  size: 50,
                ),
                SizedBox(height: 10),
                Text(_files[index].path.split('/').last),
              ],
            ),
          ),
        );
      },
    );