Grzegorz/gergle
Grzegorz/gergle
1
1
Fork 0
Code Issues 25 Pull Requests Releases Activity

Add minwidth constraint to volume, split bottom bar rebuilder

Browse Source
This commit is contained in:
Oystein Kristoffer Tveit 2024-12-19 15:09:15 +01:00
parent 5911778b0a
commit 150e8e4b87
Signed by: oysteikt
GPG Key ID: 9F2F7D8250F35146
1 changed files with 71 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

136
lib/player_ui/bottom_bar.dart
View File

@ -58,74 +58,80 @@ class PlayerUIBottomBar extends StatelessWidget {
}, },
), ),
Expanded( Expanded(
child: playerBlocBuilder( child: LayoutBuilder(
buildProps: (p) => [ builder: (context, constraint) {
p.cachedTimestamp, return Row(
p.duration,
p.currentPercentPosition,
p.volume,
],
builder: (context, playerState) {
// NOTE: slider throws if the value is over 100, so 99.999 is used to avoid
// hitting the limit with floating point errors.
double cachedPercent = playerState.cachedTimestamp != null
? ((playerState.cachedTimestamp! /
max(playerState.duration.inMilliseconds,
0.00000000000001)) *
1000 *
99.999)
: 0.0;
if (0 < cachedPercent || cachedPercent > 100) {
cachedPercent = 0;
}
return Flex(
direction: Axis.horizontal,
children: [ children: [
Text( playerBlocBuilder(
formatTime( buildProps: (p) => [p.currentPercentPosition, p.duration],
Duration( builder: (context, playerState) {
milliseconds: final milliseconds =
playerState.currentPercentPosition != null (playerState.currentPercentPosition! *
? (playerState.currentPercentPosition! * playerState.duration.inMilliseconds *
playerState.duration.inMilliseconds * 0.01)
0.01) .round();
.round() return Text(
: 0, formatTime(
Duration(milliseconds: milliseconds),
),
);
},
),
Flexible(
flex: 5,
child: playerBlocBuilder(
buildProps: (p) => [
p.cachedTimestamp,
p.currentPercentPosition,
p.duration,
],
builder: (context, playerState) {
// NOTE: slider throws if the value is over 100, so 99.999 is used to avoid
// hitting the limit with floating point errors.
double cachedPercent = playerState.cachedTimestamp !=
null
? ((playerState.cachedTimestamp! /
max(playerState.duration.inMilliseconds,
0.00000000000001)) *
1000 *
99.999)
: 0.0;
if (0 < cachedPercent || cachedPercent > 100) {
cachedPercent = 0;
}
return Slider(
value: playerState.currentPercentPosition ?? 0,
max: 100.0,
secondaryTrackValue: cachedPercent,
onChanged: (value) {
log('Setting time to $value');
BlocProvider.of<ConnectionStateBloc>(context)
.add(Command.time(value));
},
);
},
),
),
playerBlocBuilder(
buildProps: (p) => [p.duration],
builder: (context, playerState) =>
Text(formatTime(playerState.duration)),
),
SizedBox(
width: max(constraint.maxWidth / 6, 200),
child: playerBlocBuilder(
buildProps: (p) => [p.volume],
builder: (context, playerState) => Slider(
value: playerState.volume,
max: 130.0,
secondaryTrackValue: 100.0,
onChanged: (value) {
BlocProvider.of<ConnectionStateBloc>(context)
.add(Command.volume(value));
},
), ),
), ),
), )
// Text(((playerState.currentPercentPosition ?? 0.0) *
// 0.01 *
// playerState.duration)
// .toString()),
Expanded(
flex: 5,
child: Slider(
value: playerState.currentPercentPosition ?? 0,
max: 100.0,
secondaryTrackValue: cachedPercent,
onChanged: (value) {
log('Setting time to $value');
BlocProvider.of<ConnectionStateBloc>(context)
.add(Command.time(value));
},
),
),
Text(formatTime(playerState.duration)),
// TODO: set minimum width for this slider
Expanded(
flex: 1,
child: Slider(
value: playerState.volume,
max: 130.0,
secondaryTrackValue: 100.0,
onChanged: (value) {
BlocProvider.of<ConnectionStateBloc>(context)
.add(Command.volume(value));
},
),
),
Text('${playerState.volume.round()}%'),
], ],
); );
}, },