如何在Flutter中实现Tiktok之类的视频流和视频滚动

时间:2019-12-12 04:15:01

标签: flutter flutter-layout flutter-dependencies flutter-animation

我正在尝试使用Flutter复制TikTok应用程序UI。谁能建议我如何在Flutter中复制TikTok应用程序的视频流/滚动功能?到目前为止,我已经通过嵌入PageView.builder()库来管理流视频。我面临以下问题:

  • 流式播放Tiktok之类的视频。

  • 视频无法正确加载。

  • 像TikTok App一样滚动

  • 相机滤镜

这是我到目前为止所做的:

https://drive.google.com/file/d/1EA1eykmlwJeJr6B-WFsuV87Yp-vgihPC/view?usp=sharing

1 个答案:

答案 0 :(得分:2)

我正在我的 flutter 应用程序中开发一个类似的系统。 基本上我使用了具有缓存功能的 video_player 插件,您可以通过这种方式获得它。把它放在你的 Puspec.yaml 中。

video_player:
git:
  url: https://github.com/999eagle/plugins.git
  ref: feature/caching
  path: packages/video_player

然后使用 PageBuilder 并制作一个系统来在滚动时从内存中加载和卸载视频。