video_box 0.4.0 video_box: ^0.4.0 copied to clipboard
A control that plays video in flutter, I make the control as flexible as possible, can play a single video, video list on the page.
video_box #
A control that plays video in flutter, I make the control as flexible as possible, can play a single video, video list on the page.
note:
- Only tested on android
- No ios test
- Development api may change at any time
Install #
dependencies:
video_box:
android: AndroidManifest.xml
<manifest>
...
<uses-permission android:name="android.permission.INTERNET"/>
<uses-permission android:name="android.permission.WAKE_LOCK" />
...
</manifest>
ios: Info.plist
<plist>
...
<key>NSAppTransportSecurity</key>
<dict>
<key>NSAllowsArbitraryLoads</key>
<true/>
</dict>
</plist>
Usage #
import 'package:flutter/material.dart';
import 'package:video_box/video.controller.dart';
import 'package:video_box/video_box.dart';
import 'package:video_player/video_player.dart';
class ListVideo extends StatefulWidget {
@override
_ListVideoState createState() => _ListVideoState();
}
class _ListVideoState extends State<ListVideo> {
List<VideoController> vcs = [];
@override
void initState() {
super.initState();
for (var i = 0; i < 4; i++) {
vcs.add(VideoController(source: VideoPlayerController.network('xxx.mp4')));
}
}
@override
void dispose() {
for (var vc in vcs) {
vc.dispose();
}
super.dispose();
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('list video'),
),
body: ListView(
children: <Widget>[
for (var vc in vcs)
Padding(
padding: const EdgeInsets.only(top: 12.0),
child: AspectRatio(
aspectRatio: 16 / 9,
child: VideoBox(controller: vc),
),
),
],
),
);
}
}
For details, see /example or source code.
show: