如何播放 m3u8 文件咀嚼颤动？答案

【问题标题】：How to play m3u8 file chewie flutter?如何播放 m3u8 文件咀嚼颤动？
【发布时间】：2020-07-29 14:06:52
【问题描述】：

目前，我正在使用chewie插件https://pub.dev/packages/chewie来播放视频文件m3u8，但我需要从手机存储中播放文件，

请建议我如何在chewie插件中播放手机存储中的文件

或者建议我在flutter中播放m3u8文件的最佳方式

提前致谢

【问题讨论】：

m3u8 文件在线吗？您可以尝试使用pub.dev/packages/flutter_hls_parser 解析它

标签： flutter m3u8

【解决方案1】：

你可以这样做。

根据chewie 包的文档here，您需要添加chewie 包和video_player 包。

因为，正如chewie 的创建者所说：

Chewie 在引擎盖下使用 video_player 并将其包裹在友好的 Material 或 Cupertino UI 中！

之后，您可以像这样从存储中添加文件：

import 'package:chewie/chewie.dart';
import 'package:video_player/video_player.dart';

// From a file
final videoPlayerController = VideoPlayerController.file(/*Your file here*/); 

// From a DataSource
final videoPlayerController = VideoPlayerController.file(/*Your DatSource*/);

// From network or Internet
final videoPlayerController = VideoPlayerController.network(/*Your URL*/);

【讨论】：

【解决方案2】：

既然你想从你的存储中播放视频，我能想到的最好方法是：

您获取页面中的所有media data，并使数据具有足够的交互性以在点击时播放
你可以使用file_picker包，选择你想玩的项目。您将使用此包获取文件的路径，您可以使用该路径在您的cheiwie 播放器中播放视频

用于单个文件提取

File file = await FilePicker.getFile();

用于多个文件拾取

        List<File> files = await FilePicker.getMultiFile(
          type: FileType.custom,
          allowedExtensions: ['m3u8']
        );

制作一个按钮，触发它，然后用chewie 播放它。我假设您知道如何使用您的 chewie 播放器，但遵循这些将有助于让您的播放器正常工作：

如果您对让播放器正常工作感到困惑，可以关注Hisam Answer for chewie player usage in Flutter

【讨论】：