dart_vlc 0.0.4 
dart_vlc: ^0.0.4 copied to clipboard
A media playback library for Dart & Flutter. Based on libVLC & libVLC++.
import 'dart:io';
import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:dart_vlc/dart_vlc.dart';
void main() {
runApp(DartVLC());
}
class DartVLC extends StatefulWidget {
@override
_DartVLCState createState() => _DartVLCState();
}
class _DartVLCState extends State<DartVLC> {
Player? player;
bool init = true;
MediaType mediaType = MediaType.file;
CurrentState current = new CurrentState();
PositionState position = new PositionState();
PlaybackState playback = new PlaybackState();
GeneralState general = new GeneralState();
List<Media> medias = <Media>[];
List<Device> devices = <Device>[];
TextEditingController controller = new TextEditingController();
Media? metasMedia;
TextEditingController metasController = new TextEditingController();
@override
void didChangeDependencies() async {
if (this.init) {
super.didChangeDependencies();
this.player = await Player.create(
id: 0,
videoWidth: 480,
videoHeight: 320,
);
this.player?.currentStream?.listen((current) {
this.setState(() => this.current = current);
});
this.player?.positionStream?.listen((position) {
this.setState(() => this.position = position);
});
this.player?.playbackStream?.listen((playback) {
this.setState(() => this.playback = playback);
});
this.player?.generateStream?.listen((general) {
this.setState(() => this.general = general);
});
this.devices = await Devices.all;
this.setState(() {});
}
this.init = false;
}
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
backgroundColor: Colors.grey[100],
appBar: AppBar(
title: const Text('dart_vlc'),
centerTitle: true,
),
body: ListView(
shrinkWrap: true,
padding: EdgeInsets.all(4.0),
children: [
Row(
mainAxisSize: MainAxisSize.min,
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Card(
clipBehavior: Clip.antiAlias,
elevation: 2.0,
child: Video(
playerId: 0,
width: 480,
height: 320,
),
),
],
),
Row(
mainAxisSize: MainAxisSize.min,
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Expanded(
child: Column(
mainAxisAlignment: MainAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
children: [
Card(
elevation: 2.0,
color: Colors.white,
margin: EdgeInsets.all(4.0),
child: Container(
margin: EdgeInsets.all(16.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Text('Playlist creation.'),
Divider(
height: 8.0,
color: Colors.transparent,
),
Row(
mainAxisAlignment: MainAxisAlignment.start,
children: [
Expanded(
child: TextField(
controller: this.controller,
cursorWidth: 1.0,
autofocus: true,
style: TextStyle(
fontSize: 14.0,
),
decoration: InputDecoration.collapsed(
hintStyle: TextStyle(
fontSize: 14.0,
),
hintText:
'Media resource location.',
),
),
),
Container(
width: 148.0,
child: DropdownButton<MediaType>(
value: this.mediaType,
onChanged: (mediaType) => this
.setState(() =>
this.mediaType = mediaType!),
items: [
DropdownMenuItem<MediaType>(
value: MediaType.file,
child: Text(
MediaType.file.toString(),
style: TextStyle(
fontSize: 14.0,
),
),
),
DropdownMenuItem<MediaType>(
value: MediaType.network,
child: Text(
MediaType.network.toString(),
style: TextStyle(
fontSize: 14.0,
),
),
),
DropdownMenuItem<MediaType>(
value: MediaType.asset,
child: Text(
MediaType.asset.toString(),
style: TextStyle(
fontSize: 14.0,
),
),
),
],
),
),
Padding(
padding: EdgeInsets.only(left: 16.0),
child: ElevatedButton(
onPressed: () async {
if (this.mediaType ==
MediaType.file) {
this.medias.add(
await Media.file(new File(
controller.text)),
);
} else if (this.mediaType ==
MediaType.network) {
this.medias.add(
await Media.network(
controller.text),
);
} else if (this.mediaType ==
MediaType.asset) {
this.medias.add(
await Media.asset(
controller.text),
);
}
this.setState(() {});
},
child: Text(
'Add',
style: TextStyle(
fontSize: 14.0,
),
),
),
),
],
),
Divider(
height: 12.0,
),
Divider(
height: 8.0,
color: Colors.transparent,
),
Text('Playlist'),
] +
this
.medias
.map(
(media) => ListTile(
title: Text(
media.resource,
style: TextStyle(
fontSize: 14.0,
),
),
subtitle: Text(
media.mediaType.toString(),
style: TextStyle(
fontSize: 14.0,
),
),
),
)
.toList() +
<Widget>[
Divider(
height: 8.0,
color: Colors.transparent,
),
Row(
children: [
ElevatedButton(
onPressed: () => this.setState(() {
this.player?.open(
new Playlist(
medias: this.medias,
),
);
}),
child: Text(
'Open',
style: TextStyle(
fontSize: 14.0,
),
),
),
SizedBox(width: 12.0),
ElevatedButton(
onPressed: () => this.setState(() {
this.medias.clear();
}),
child: Text(
'Clear',
style: TextStyle(
fontSize: 14.0,
),
),
),
],
),
],
),
),
),
Card(
elevation: 2.0,
color: Colors.white,
margin: EdgeInsets.all(4.0),
child: Container(
margin: EdgeInsets.all(16.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text('Playback event listeners.'),
Divider(
height: 12.0,
color: Colors.transparent,
),
Divider(
height: 12.0,
),
Text('Playback position.'),
Divider(
height: 8.0,
color: Colors.transparent,
),
Slider(
min: 0,
max: this
.position
.duration
.inMilliseconds
.toDouble(),
value: this
.position
.position
.inMilliseconds
.toDouble(),
onChanged: (double position) {
this.player?.seek(
Duration(
milliseconds: position.toInt()),
);
},
),
Text('Event streams.'),
Divider(
height: 8.0,
color: Colors.transparent,
),
Table(
children: [
TableRow(children: [
Text('player.general.volume'),
Text('${this.general.volume}')
]),
TableRow(children: [
Text('player.general.rate'),
Text('${this.general.rate}')
]),
TableRow(children: [
Text('player.position.position'),
Text('${this.position.position}')
]),
TableRow(children: [
Text('player.position.duration'),
Text('${this.position.duration}')
]),
TableRow(children: [
Text('player.playback.isCompleted'),
Text('${this.playback.isCompleted}')
]),
TableRow(children: [
Text('player.playback.isPlaying'),
Text('${this.playback.isPlaying}')
]),
TableRow(children: [
Text('player.playback.isSeekable'),
Text('${this.playback.isSeekable}')
]),
TableRow(children: [
Text('player.current.index'),
Text('${this.current.index}')
]),
TableRow(children: [
Text('player.current.media'),
Text('${this.current.media}')
]),
TableRow(children: [
Text('player.current.medias'),
Text('${this.current.medias}')
]),
],
),
],
),
),
),
Card(
elevation: 2.0,
color: Colors.white,
margin: EdgeInsets.all(4.0),
child: Container(
margin: EdgeInsets.all(16.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text('Playback devices.'),
Divider(
height: 12.0,
color: Colors.transparent,
),
Divider(
height: 12.0,
),
] +
this
.devices
.map(
(device) => new ListTile(
title: Text(
device.name,
style: TextStyle(
fontSize: 14.0,
),
),
subtitle: Text(
device.id,
style: TextStyle(
fontSize: 14.0,
),
),
onTap: () =>
this.player?.setDevice(device),
),
)
.toList(),
),
),
),
Card(
elevation: 2.0,
color: Colors.white,
margin: EdgeInsets.all(4.0),
child: Container(
margin: EdgeInsets.all(16.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text('Metas parsing.'),
Row(
mainAxisAlignment: MainAxisAlignment.start,
children: [
Expanded(
child: TextField(
controller: this.metasController,
cursorWidth: 1.0,
autofocus: true,
style: TextStyle(
fontSize: 14.0,
),
decoration: InputDecoration.collapsed(
hintStyle: TextStyle(
fontSize: 14.0,
),
hintText: 'Media resource location.',
),
),
),
Container(
width: 148.0,
child: DropdownButton<MediaType>(
value: this.mediaType,
onChanged: (mediaType) => this.setState(
() => this.mediaType = mediaType!),
items: [
DropdownMenuItem<MediaType>(
value: MediaType.file,
child: Text(
MediaType.file.toString(),
style: TextStyle(
fontSize: 14.0,
),
),
),
DropdownMenuItem<MediaType>(
value: MediaType.network,
child: Text(
MediaType.network.toString(),
style: TextStyle(
fontSize: 14.0,
),
),
),
DropdownMenuItem<MediaType>(
value: MediaType.asset,
child: Text(
MediaType.asset.toString(),
style: TextStyle(
fontSize: 14.0,
),
),
),
],
),
),
Padding(
padding: EdgeInsets.only(left: 16.0),
child: ElevatedButton(
onPressed: () async {
if (this.mediaType == MediaType.file) {
this.metasMedia = await Media.file(
new File(
this.metasController.text),
parse: true);
} else if (this.mediaType ==
MediaType.network) {
this.metasMedia = await Media.network(
this.metasController.text,
parse: true);
} else if (this.mediaType ==
MediaType.asset) {
this.metasMedia = await Media.asset(
this.metasController.text,
parse: true);
}
this.setState(() {});
},
child: Text(
'Parse',
style: TextStyle(
fontSize: 14.0,
),
),
),
),
],
),
Divider(
height: 12.0,
),
Divider(
height: 8.0,
color: Colors.transparent,
),
Text(
JsonEncoder.withIndent(' ')
.convert(this.metasMedia?.metas),
),
],
),
),
),
],
),
),
Expanded(
child: Column(
mainAxisAlignment: MainAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
children: [
Card(
elevation: 2.0,
color: Colors.white,
margin: EdgeInsets.all(4.0),
child: Container(
margin: EdgeInsets.all(16.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text('Playback controls.'),
Divider(
height: 8.0,
color: Colors.transparent,
),
Row(
children: [
ElevatedButton(
onPressed: () => this.player?.play(),
child: Text(
'play',
style: TextStyle(
fontSize: 14.0,
),
),
),
SizedBox(width: 12.0),
ElevatedButton(
onPressed: () => this.player?.pause(),
child: Text(
'pause',
style: TextStyle(
fontSize: 14.0,
),
),
),
SizedBox(width: 12.0),
ElevatedButton(
onPressed: () => this.player?.playOrPause(),
child: Text(
'playOrPause',
style: TextStyle(
fontSize: 14.0,
),
),
),
SizedBox(width: 12.0),
ElevatedButton(
onPressed: () => this.player?.stop(),
child: Text(
'stop',
style: TextStyle(
fontSize: 14.0,
),
),
),
SizedBox(width: 12.0),
ElevatedButton(
onPressed: () => this.player?.next(),
child: Text(
'next',
style: TextStyle(
fontSize: 14.0,
),
),
),
SizedBox(width: 12.0),
ElevatedButton(
onPressed: () => this.player?.back(),
child: Text(
'back',
style: TextStyle(
fontSize: 14.0,
),
),
),
],
),
Divider(
height: 12.0,
color: Colors.transparent,
),
Divider(
height: 12.0,
),
Text('Volume control.'),
Divider(
height: 8.0,
color: Colors.transparent,
),
Slider(
min: 0.0,
max: 1.0,
value: this.player?.general.volume ?? 0.5,
onChanged: (volume) {
this.player?.setVolume(volume);
this.setState(() {});
},
),
Text('Playback rate control.'),
Divider(
height: 8.0,
color: Colors.transparent,
),
Slider(
min: 0.5,
max: 1.5,
value: this.player?.general.rate ?? 0.5,
onChanged: (rate) {
this.player?.setRate(rate);
this.setState(() {});
},
),
],
),
),
),
Card(
elevation: 2.0,
color: Colors.white,
margin: EdgeInsets.all(4.0),
child: Container(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Container(
margin: EdgeInsets.only(left: 16.0, top: 16.0),
alignment: Alignment.topLeft,
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text('Playlist manipulation.'),
Divider(
height: 12.0,
color: Colors.transparent,
),
Divider(
height: 12.0,
),
],
),
),
Container(
height: 456.0,
child: ReorderableListView(
shrinkWrap: true,
onReorder:
(int initialIndex, int finalIndex) async {
/// 🙏🙏🙏
/// https://github.com/flutter/flutter/issues/24786
/// https://stackoverflow.com/a/54164333/12825435
if (finalIndex > this.current.medias.length)
finalIndex = this.current.medias.length;
if (initialIndex < finalIndex) finalIndex--;
await this.player?.move(initialIndex, finalIndex);
this.setState(() {});
},
scrollDirection: Axis.vertical,
padding:
const EdgeInsets.symmetric(vertical: 8.0),
children: List.generate(
this.current.medias.length,
(int index) => new ListTile(
key: Key(index.toString()),
leading: Text(
index.toString(),
style: TextStyle(fontSize: 14.0),
),
title: Text(
this.current.medias[index].resource,
style: TextStyle(fontSize: 14.0),
),
subtitle: Text(
this
.current
.medias[index]
.mediaType
.toString(),
style: TextStyle(fontSize: 14.0),
),
),
growable: true,
),
),
),
],
),
),
),
],
),
),
],
)
],
),
),
);
}
}Metadata
248
likes
0
pub points
91%
popularity
Publisher
unverified uploader
Metadata
A media playback library for Dart & Flutter. Based on libVLC & libVLC++.
Repository (GitHub)
View/report issues
Documentation
License
unknown (LICENSE)
