173 lines
5.8 KiB
Dart
173 lines
5.8 KiB
Dart
import 'package:flutter/material.dart';
|
|
|
|
import '../../../mpv/mpv.dart';
|
|
import '../../../client/plex_client.dart';
|
|
import '../../../models/plex_media_info.dart';
|
|
import '../../../utils/duration_formatter.dart';
|
|
import '../../../utils/provider_extensions.dart';
|
|
import 'base_video_control_sheet.dart';
|
|
|
|
/// Bottom sheet for selecting chapters
|
|
class ChapterSheet extends StatelessWidget {
|
|
final Player player;
|
|
final List<PlexChapter> chapters;
|
|
final bool chaptersLoaded;
|
|
final String? serverId; // Server ID for the metadata these chapters belong to
|
|
|
|
const ChapterSheet({
|
|
super.key,
|
|
required this.player,
|
|
required this.chapters,
|
|
required this.chaptersLoaded,
|
|
this.serverId,
|
|
});
|
|
|
|
static void show(
|
|
BuildContext context,
|
|
Player player,
|
|
List<PlexChapter> chapters,
|
|
bool chaptersLoaded, {
|
|
String? serverId,
|
|
VoidCallback? onOpen,
|
|
VoidCallback? onClose,
|
|
}) {
|
|
BaseVideoControlSheet.showSheet(
|
|
context: context,
|
|
onOpen: onOpen,
|
|
onClose: onClose,
|
|
builder: (context) => ChapterSheet(
|
|
player: player,
|
|
chapters: chapters,
|
|
chaptersLoaded: chaptersLoaded,
|
|
serverId: serverId,
|
|
),
|
|
);
|
|
}
|
|
|
|
/// Get the correct PlexClient for the metadata's server
|
|
PlexClient _getClientForChapters(BuildContext context) {
|
|
return context.getClientForServer(serverId!);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return StreamBuilder<Duration>(
|
|
stream: player.streams.position,
|
|
initialData: player.state.position,
|
|
builder: (context, positionSnapshot) {
|
|
final currentPosition = positionSnapshot.data ?? Duration.zero;
|
|
final currentPositionMs = currentPosition.inMilliseconds;
|
|
|
|
// Find the current chapter based on position
|
|
int? currentChapterIndex;
|
|
for (int i = 0; i < chapters.length; i++) {
|
|
final chapter = chapters[i];
|
|
final startMs = chapter.startTimeOffset ?? 0;
|
|
final endMs =
|
|
chapter.endTimeOffset ??
|
|
(i < chapters.length - 1
|
|
? chapters[i + 1].startTimeOffset ?? 0
|
|
: double.maxFinite.toInt());
|
|
|
|
if (currentPositionMs >= startMs && currentPositionMs < endMs) {
|
|
currentChapterIndex = i;
|
|
break;
|
|
}
|
|
}
|
|
|
|
Widget content;
|
|
if (!chaptersLoaded) {
|
|
content = const Center(child: CircularProgressIndicator());
|
|
} else if (chapters.isEmpty) {
|
|
content = const Center(
|
|
child: Text(
|
|
'No chapters available',
|
|
style: TextStyle(color: Colors.white70),
|
|
),
|
|
);
|
|
} else {
|
|
content = ListView.builder(
|
|
itemCount: chapters.length,
|
|
itemBuilder: (context, index) {
|
|
final chapter = chapters[index];
|
|
final isCurrentChapter = currentChapterIndex == index;
|
|
|
|
return ListTile(
|
|
leading: chapter.thumb != null
|
|
? Stack(
|
|
children: [
|
|
ClipRRect(
|
|
borderRadius: BorderRadius.circular(4),
|
|
child: Builder(
|
|
builder: (context) {
|
|
final client = _getClientForChapters(context);
|
|
return Image.network(
|
|
client.getThumbnailUrl(chapter.thumb),
|
|
width: 60,
|
|
height: 34,
|
|
fit: BoxFit.cover,
|
|
errorBuilder: (context, error, stackTrace) =>
|
|
const Icon(
|
|
Icons.image,
|
|
color: Colors.white54,
|
|
size: 34,
|
|
),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
if (isCurrentChapter)
|
|
Positioned.fill(
|
|
child: Container(
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(4),
|
|
border: Border.all(
|
|
color: Colors.blue,
|
|
width: 2,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
)
|
|
: null,
|
|
title: Text(
|
|
chapter.label,
|
|
style: TextStyle(
|
|
color: isCurrentChapter ? Colors.blue : Colors.white,
|
|
fontWeight: isCurrentChapter
|
|
? FontWeight.bold
|
|
: FontWeight.normal,
|
|
),
|
|
),
|
|
subtitle: Text(
|
|
formatDurationTimestamp(chapter.startTime),
|
|
style: TextStyle(
|
|
color: isCurrentChapter
|
|
? Colors.blue.withValues(alpha: 0.7)
|
|
: Colors.white70,
|
|
fontSize: 12,
|
|
),
|
|
),
|
|
trailing: isCurrentChapter
|
|
? const Icon(Icons.play_circle_filled, color: Colors.blue)
|
|
: null,
|
|
onTap: () {
|
|
player.seek(chapter.startTime);
|
|
Navigator.pop(context);
|
|
},
|
|
);
|
|
},
|
|
);
|
|
}
|
|
|
|
return BaseVideoControlSheet(
|
|
title: 'Chapters',
|
|
icon: Icons.video_library,
|
|
child: content,
|
|
);
|
|
},
|
|
);
|
|
}
|
|
}
|