插件详情v0.1.3

videos_player

一个 Flutter 包，用于借助 chewie 和 video player 显示视频列表

近 30 天下载: 40
喜欢数: 50
Pub 分数: 40

安装插件

flutter pub add videos_player

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

videos_player 包是 Flutter 中用于在列表中显示视频内容的解决方案，利用了 chewie 和 video_player 包的功能。它提供了一个直观的界面，用于播放带有内置控件、进度跟踪和播放自定义功能的视频。该包旨在简化 Flutter 应用中的视频集成，支持本地和网络视频源的流畅播放和响应式 UI。通过将强大的底层库整合为一个连贯且易于使用的组件，该包简化了实现过程。

适合场景

在媒体应用中显示视频列表
在教育平台中集成视频播放
增强内容丰富的移动体验
嵌入教程或操作指南
社交应用中的流媒体视频内容

主要特点

基于 video_player 和 chewie
支持本地和远程视频源
流畅播放，支持自定义控制
列表友好的视频显示
适用于移动设备的响应式用户界面

适合对象

开发媒体密集型 Flutter 应用的开发者
教育或教程导向的应用程序
需要视频集成的内容平台
带有视频画廊的移动应用
寻求可靠视频播放解决方案的团队

使用建议

需要额外设置才能使用高级功能
有限的平台特定优化
依赖外部包（chewie，video_player）
可能需要自定义样式以满足独特的用户界面需求
未针对高流量视频流优化

原始 README

以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。

videos_player

The videos player for Flutter which uses chewie and video_player behind the scenes to play list of videos to be displayed and switched when needed without any complicating configurations.

The video_player plugin provides low-level access to video playback. The chewie plugin uses the video_player under the hood and wraps it in a friendly Material or Cupertino UI!

Videos Player handles both configurations in a single package.

Demo


Style 1	Style 2

Installation

In your pubspec.yaml file within your Flutter Project:

dependencies:
  videos_player: <latest_version>

Use it

import 'package:videos_player/model/video.model.dart';
import 'package:videos_player/videos_player.dart';
import 'package:videos_player/model/control.model.dart';

final widget = VideosPlayer(
                       networkVideos: [
                         new NetworkVideo(
                             id: "2",
                             name: "Elephant Dream",
                             videoUrl:
                                 "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4",
                             thumbnailUrl:
                                 "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/images/ElephantsDream.jpg",
                             videoControl: new NetworkVideoControl(
                               fullScreenByDefault: true,
                             )),
                         new NetworkVideo(
                             id: "3",
                             name: "Big Buck Bunny",
                             videoUrl:
                                 "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4",
                             thumbnailUrl:
                                 "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/images/BigBuckBunny.jpg",
                             videoControl: new NetworkVideoControl(autoPlay: true)),
                         new NetworkVideo(
                             id: "4",
                             name: "For Bigger Blazes",
                             videoUrl:
                                 "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerBlazes.mp4",
                             thumbnailUrl:
                                 "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/images/ForBiggerBlazes.jpg"),
                         new NetworkVideo(
                             id: "5",
                             name: "For Bigger Escape",
                             videoUrl:
                                 "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerEscapes.mp4",
                             thumbnailUrl:
                                 "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/images/ForBiggerEscapes.jpg"),
                         new NetworkVideo(
                             id: "6",
                             name: "For Bigger Fun",
                             videoUrl:
                                 "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerFun.mp4",
                             thumbnailUrl:
                                 "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/images/ForBiggerFun.jpg"),
                         new NetworkVideo(
                             id: "7",
                             name: "For Bigger Joyrides",
                             videoUrl:
                                 "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerJoyrides.mp4",
                             thumbnailUrl:
                                 "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/images/ForBiggerJoyrides.jpg"),
                       ],
                       playlistStyle: Style.Style2,
                     );