Chapter display when there are no chapter images

[matt-hb]

Summary

On my setup I don't have chapter images (they feel mostly pointless to have alongside trickplay), and currently Fladder shows a placeholder empty image in place of them, which looks kinda ugly. So I'd like to rewrite hadnling a title without chapter images somehow, just wanna get some input on what people in similar positions think might look or work better.

Basic Example

My first obvious idea was to get the trickplay data and find which trickplay image is closest to the chapter marker, and display that. This feels like a big workaround, so I'm not too in love with the idea (not to mention they might be lower quality than preferred, especially on large screens since Fladder is now on TVs too), but I am sure it is possible.

The other idea I had is to copy the somewhat-pill-shaped quality/audio/sub selection to chapters and have a scrollable long bar that is at least a lot smaller vertically than just having placeholder images for each chapter, maybe even just move the chapter names inside the pill sections and show the times in the dividers between them.

Any other ideas of course welcome, thanks!

Drawbacks

N/A

Unresolved questions

No response

Implementation

• I would like to implement this myself!

[PartyDonut]

Thanks for wanting to implement this.

I think showing the trickplay images is a good idea. You can have a look at the implementation here.

Fladder/lib/screens/control_panel/widgets/control_panel_activity_card.dart

Lines 75 to 85 in 4011b8c

	if (nowPlayingItem != null)
	Positioned.fill(
	child: trickPlayModel == null
	? FladderImage(
	image: nowPlayingItem.images?.primary,
	)
	: TrickPlayImage(
	trickPlayModel,
	position: widget.activity.playState?.currentPosition,
	),
	),

When there are no chapter images nor trickplay images. I think something like a timeline would also be cool.

Something along the lines of this where the O is the currently selected chapter that gets immediate focus. Similar to the episode row in series.

---O: Chaper 1--------Chapter 2--------Chapter 3
23:40 24:40 25:40.