套件詳情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,
                     );