패키지 상세v0.1.3

videos_player

chewie 및 video player를 활용하여 동영상 목록을 표시하는 플러터 패키지

30일 다운로드: 40
좋아요: 50
Pub 점수: 40

패키지 설치

flutter pub add videos_player

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

videos_player 패키지는 chewie 및 video_player 패키지의 기능을 활용하여 목록에 비디오 콘텐츠를 표시하는 Flutter 솔루션입니다. 내장된 컨트롤, 진행률 추적 및 재생 사용자 정의 기능을 갖춘 비디오 재생을 위한 직관적인 인터페이스를 제공합니다. Flutter 앱에서 비디오 통합을 간소화하기 위해 설계되었으며, 로컬 및 네트워크 기반 비디오 소스에 대해 부드러운 재생과 반응형 UI를 지원합니다. 강력한 하위 라이브러리를 일관되고 사용하기 쉬운 구성 요소로 통합함으로써 구현을 단순화합니다.

사용 사례

미디어 앱에서 비디오 목록 표시
교육 플랫폼에서 비디오 재생 통합
콘텐츠가 풍부한 모바일 경험 향상
튜토리얼 또는 워크스루 삽입
소셜 앱에서의 스트리밍 비디오 콘텐츠

주요 기능

video_player 및 chewie 기반
로컬 및 원격 비디오 소스를 지원합니다
사용자 정의 컨트롤을 갖춘 부드러운 재생
리스트 친화적인 비디오 표시
모바일 장치용 반응형 UI

적합한 대상

미디어 중심의 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,
                     );