just_audio/example/lib/main.dart

155 lines
4.6 KiB
Dart
Raw Normal View History

2019-11-28 05:16:54 +00:00
import 'dart:math';
2019-11-25 14:50:21 +00:00
import 'package:flutter/material.dart';
import 'dart:async';
import 'package:flutter/services.dart';
2019-11-28 06:55:32 +00:00
import 'package:just_audio/just_audio.dart';
2019-11-25 14:50:21 +00:00
void main() => runApp(MyApp());
class MyApp extends StatefulWidget {
@override
_MyAppState createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> {
2019-11-28 05:16:54 +00:00
final AudioPlayer _player = AudioPlayer();
2019-11-25 14:50:21 +00:00
@override
void initState() {
super.initState();
2019-11-28 05:16:54 +00:00
_player.setUrl(
"https://s3.amazonaws.com/scifri-episodes/scifri20181123-episode.mp3");
2019-11-25 14:50:21 +00:00
}
2019-11-28 05:16:54 +00:00
@override
void dispose() {
_player.dispose();
super.dispose();
2019-11-25 14:50:21 +00:00
}
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
2019-11-28 05:16:54 +00:00
title: const Text('Audio Player Demo'),
2019-11-25 14:50:21 +00:00
),
body: Center(
2019-11-28 05:16:54 +00:00
child: Column(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text("Science Friday"),
Text("Science Friday and WNYC Studios"),
StreamBuilder<AudioPlaybackState>(
stream: _player.playbackStateStream,
builder: (context, snapshot) {
final state = snapshot.data;
return Row(
mainAxisSize: MainAxisSize.min,
children: [
if (state == AudioPlaybackState.playing)
IconButton(
icon: Icon(Icons.pause),
iconSize: 64.0,
onPressed: _player.pause,
)
else if (state == AudioPlaybackState.buffering ||
state == AudioPlaybackState.connecting)
Container(
margin: EdgeInsets.all(8.0),
width: 64.0,
height: 64.0,
child: CircularProgressIndicator(),
)
else
IconButton(
icon: Icon(Icons.play_arrow),
iconSize: 64.0,
onPressed: _player.play,
),
IconButton(
icon: Icon(Icons.stop),
iconSize: 64.0,
onPressed: state == AudioPlaybackState.stopped ||
state == AudioPlaybackState.none
? null
: _player.stop,
),
],
);
},
),
StreamBuilder<Duration>(
stream: _player.durationStream,
builder: (context, snapshot) {
final duration = snapshot.data ?? Duration.zero;
return StreamBuilder<Duration>(
stream: _player.getPositionStream(),
builder: (context, snapshot) {
final position = snapshot.data ?? Duration.zero;
return SeekBar(
duration: duration,
position: position,
onChangeEnd: (newPosition) {
_player.seek(newPosition);
},
);
},
);
},
),
],
),
2019-11-25 14:50:21 +00:00
),
),
);
}
}
2019-11-28 05:16:54 +00:00
class SeekBar extends StatefulWidget {
final Duration duration;
final Duration position;
final ValueChanged<Duration> onChanged;
final ValueChanged<Duration> onChangeEnd;
SeekBar({
@required this.duration,
@required this.position,
this.onChanged,
this.onChangeEnd,
});
@override
_SeekBarState createState() => _SeekBarState();
}
class _SeekBarState extends State<SeekBar> {
double _dragValue;
@override
Widget build(BuildContext context) {
return Slider(
min: 0.0,
max: widget.duration.inMilliseconds.toDouble(),
value: _dragValue ?? widget.position.inMilliseconds.toDouble(),
onChanged: (value) {
setState(() {
_dragValue = value;
});
if (widget.onChanged != null) {
widget.onChanged(Duration(milliseconds: value.round()));
}
},
onChangeEnd: (value) {
_dragValue = null;
if (widget.onChangeEnd != null) {
widget.onChangeEnd(Duration(milliseconds: value.round()));
}
},
);
}
}