video_viewer


My other APIs


Features

  • Amazing UI / UX.
  • Fancy animations.
  • Fully customizable.
  • Multiplataform support.
  • HLS (m3u8) format support.
  • Easy and powerful implementation! :)



Installation

First, add video_viewer as a dependency in your pubspec.yaml.

dependencies:
  video_viewer: ^1.0.6

Android

Add android.permission.INTERNET and usesCleartextTraffic in your Android Manifest file, located in <project_root>/android/app/src/main/AndroidManifest.xml

<manifest>
    <uses-permission android:name="android.permission.INTERNET"/>
    <application android:usesCleartextTraffic="true"></aplication>
</manifest>

iOS

Add the following entry to your Info.plist file, located in <project_root>/ios/Runner/Info.plist

<key>NSAppTransportSecurity</key>
<dict>
  <key>NSAllowsArbitraryLoads</key>
  <true/>
</dict>

Warning: The video player is not functional on iOS simulators. An iOS device must be used during development/testing.



Global Gestures

  • One Tap: Show or hide the overlay that contains the PlayAndPauseWidget and the ProgressBar
  • Double tap:
    • Left: Double tapping on the left side of the VideoViewer will do the rewind. Default 10 seconds.
    • Right: Double-tapping on the right side of the VideoViewer will forward. Default 10 seconds.
  • Horizontal Drag:
    • Left: Making a horizontal movement to the left will make a rewind proportional to the distance traveled.
    • Right: Making a horizontal movement to the right will make a forward proportional to the distance traveled.
  • Vertical Drag:
    • Up: Increase video volume proportional to the distance traveled.
    • Down: Decrease video volume proportional to the distance traveled.
  • Scale Drag: When the VideoViewer is on fullscreen and landscape mode you can zoom to video for completing the screen width.



Android and iOS

PlayingPaused



Rewind and Forward

Double Tap RewindDouble Tap Forward



Fullscreen

PortraitLandscape



Settings Menu

Principal MenuQuality Menu



Volume Bar






Web

PlayingPaused



Rewind and Forward

Double Tap and Keyboard.arrowLeft RewindDouble Tap and Keyboard.arrowRight Forward



Settings Menu

Principal MenuSpeed Menu



FullScreen



Volume Bar

Libraries

fullscreen
language
main
misc
progress
settings_menu
sources
styles
video_core
video_viewer