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

Posted 2023-02-23

【中文标题】如何在 Flutter 中实现类似视频流和视频滚动的 Tiktok

【英文标题】：How to implement Tiktok like video streaming and video scrolling in Flutter

【发布时间】：2020-04-05 10:25:16

【问题描述】：

我正在尝试使用 Flutter 复制 TikTok 应用程序 UI。谁能建议我如何在颤振中复制 TikTok 应用程序的视频流/滚动功能？到目前为止，我设法通过嵌入 PageView.builder() 库来流式传输视频。我面临一些问题：

Tiktok 等流媒体视频。

视频加载不正确。

像 TikTok 应用一样滚动

相机滤镜

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

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

【问题讨论】：

我认为您的问题更像是与视频流有关，不是吗？你在使用 HLS 吗？

你找到解决办法了吗？

【参考方案1】：

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

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

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