edde746
e6be5f9fef
ffmpeg's reconnect loop deliberately retries 503 without bound (#1520), so a server that keeps refusing the stream at open time left a silent black screen: ExoPlayer fell back to MPV, MPV reconnected forever, and no error ever reached the screen. A new open-phase watchdog arms on the first 503 seen before any frame renders and, after 20s without one, synthesizes a server-http-503 error that shows an actionable dialog. Mid-stream 503s and live TV keep their existing ride-out paths. close #1830
1256 lines
44 KiB
Dart
1256 lines
44 KiB
Dart
import 'dart:async';
|
|
import 'dart:io';
|
|
|
|
import 'package:file_picker/file_picker.dart';
|
|
import 'package:flutter/foundation.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:plezy/widgets/app_icon.dart';
|
|
import 'package:material_symbols_icons/symbols.dart';
|
|
import 'package:path/path.dart' as path;
|
|
|
|
import 'package:provider/provider.dart';
|
|
|
|
import '../../../models/shader_preset.dart';
|
|
import '../../../media/playback_rate.dart';
|
|
import '../../../mpv/mpv.dart';
|
|
import '../../../providers/shader_provider.dart';
|
|
import '../../../services/file_picker_service.dart';
|
|
import '../../../services/settings_service.dart';
|
|
import '../../../services/sleep_timer_service.dart';
|
|
import '../../../services/video_filter_manager.dart';
|
|
import '../../../focus/focusable_wrapper.dart';
|
|
import '../../../utils/dialogs.dart';
|
|
import '../../../utils/app_logger.dart';
|
|
import '../../../utils/formatters.dart';
|
|
import '../../../utils/platform_detector.dart';
|
|
import '../../../utils/quality_preset_labels.dart';
|
|
import '../../../utils/latest_async_write.dart';
|
|
import '../../../utils/snackbar_helper.dart';
|
|
import '../../../theme/mono_tokens.dart';
|
|
import '../../../widgets/focusable_list_tile.dart';
|
|
import '../../../widgets/overlay_sheet.dart';
|
|
import '../models/track_controls_state.dart';
|
|
import '../widgets/sync_offset_control.dart';
|
|
import '../widgets/sleep_timer_content.dart';
|
|
import '../../../i18n/strings.g.dart';
|
|
import 'base_video_control_sheet.dart';
|
|
import 'version_quality_sheet.dart';
|
|
|
|
enum _SettingsView {
|
|
menu,
|
|
speed,
|
|
zoom,
|
|
versionQuality,
|
|
sleep,
|
|
audioSync,
|
|
subtitleSync,
|
|
audioDevice,
|
|
shader,
|
|
dvConversion,
|
|
}
|
|
|
|
class _SettingsMenuItem extends StatelessWidget {
|
|
final IconData icon;
|
|
final String title;
|
|
final String valueText;
|
|
final VoidCallback onTap;
|
|
final bool isHighlighted;
|
|
final bool allowValueOverflow;
|
|
|
|
const _SettingsMenuItem({
|
|
required this.icon,
|
|
required this.title,
|
|
required this.valueText,
|
|
required this.onTap,
|
|
this.isHighlighted = false,
|
|
this.allowValueOverflow = false,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final t = tokens(context);
|
|
final valueWidget = Text(
|
|
valueText,
|
|
style: TextStyle(color: isHighlighted ? Colors.amber : t.textMuted, fontSize: 14),
|
|
overflow: allowValueOverflow ? TextOverflow.ellipsis : null,
|
|
);
|
|
|
|
return FocusableListTile(
|
|
leading: AppIcon(icon, fill: 1, color: isHighlighted ? Colors.amber : t.textMuted),
|
|
title: Text(title),
|
|
trailing: Row(
|
|
mainAxisSize: .min,
|
|
children: [
|
|
if (allowValueOverflow) Flexible(child: valueWidget) else valueWidget,
|
|
const SizedBox(width: 8),
|
|
AppIcon(Symbols.chevron_right_rounded, fill: 1, color: t.textMuted),
|
|
],
|
|
),
|
|
onTap: onTap,
|
|
);
|
|
}
|
|
}
|
|
|
|
class _SettingsToggleItem extends StatefulWidget {
|
|
final Pref<bool> pref;
|
|
final IconData icon;
|
|
final String title;
|
|
final FutureOr<void> Function(bool value)? onAfterWrite;
|
|
|
|
const _SettingsToggleItem({required this.pref, required this.icon, required this.title, this.onAfterWrite});
|
|
|
|
@override
|
|
State<_SettingsToggleItem> createState() => _SettingsToggleItemState();
|
|
}
|
|
|
|
class _SettingsToggleItemState extends State<_SettingsToggleItem> {
|
|
static final LatestAsyncWrite<String> _writes = LatestAsyncWrite<String>();
|
|
|
|
bool? _pendingValue;
|
|
int _writeGeneration = 0;
|
|
|
|
@override
|
|
void didUpdateWidget(covariant _SettingsToggleItem oldWidget) {
|
|
super.didUpdateWidget(oldWidget);
|
|
if (oldWidget.pref != widget.pref) {
|
|
++_writeGeneration;
|
|
_pendingValue = null;
|
|
}
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
++_writeGeneration;
|
|
super.dispose();
|
|
}
|
|
|
|
void _write(bool next) {
|
|
final pref = widget.pref;
|
|
final callback = widget.onAfterWrite;
|
|
final generation = ++_writeGeneration;
|
|
final writeToken = _writes.begin(pref.key);
|
|
setState(() {
|
|
_pendingValue = next;
|
|
});
|
|
unawaited(_commitWrite(pref, callback, next, generation, writeToken));
|
|
}
|
|
|
|
Future<void> _commitWrite(
|
|
Pref<bool> pref,
|
|
FutureOr<void> Function(bool value)? callback,
|
|
bool next,
|
|
int generation,
|
|
int writeToken,
|
|
) async {
|
|
try {
|
|
final committed = await _writes.commitIfLatest(pref.key, writeToken, () async {
|
|
if (callback != null) await callback(next);
|
|
await SettingsService.instance.write(pref, next);
|
|
});
|
|
if (!committed || !mounted || generation != _writeGeneration) return;
|
|
setState(() {
|
|
_pendingValue = null;
|
|
});
|
|
} catch (error, stackTrace) {
|
|
appLogger.w('Failed to update playback setting', error: error, stackTrace: stackTrace);
|
|
if (!mounted || generation != _writeGeneration) return;
|
|
setState(() {
|
|
_pendingValue = null;
|
|
});
|
|
}
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final settings = SettingsService.instance;
|
|
return ValueListenableBuilder<bool>(
|
|
valueListenable: settings.listenable(widget.pref),
|
|
builder: (context, value, _) {
|
|
final displayedValue = _pendingValue ?? value;
|
|
final isPending = _pendingValue != null;
|
|
return FocusableListTile(
|
|
leading: AppIcon(widget.icon, fill: 1, color: displayedValue ? Colors.amber : tokens(context).textMuted),
|
|
title: Text(widget.title),
|
|
trailing: Switch(value: displayedValue, onChanged: isPending ? null : _write, activeThumbColor: Colors.amber),
|
|
onTap: isPending ? null : () => _write(!displayedValue),
|
|
);
|
|
},
|
|
);
|
|
}
|
|
}
|
|
|
|
/// Reflects the system's resolved audio rendering mode, as the Dolby
|
|
/// application guide requires. Renders nothing until the system reports a
|
|
/// conclusive value: Apple only resolves `renderingMode` for CarPlay and
|
|
/// AirPlay routes, and showing "Stereo" for an inconclusive HDMI route would
|
|
/// be worse than showing nothing.
|
|
class _AudioRenderingModeItem extends StatefulWidget {
|
|
const _AudioRenderingModeItem({required this.player});
|
|
|
|
final Player player;
|
|
|
|
@override
|
|
State<_AudioRenderingModeItem> createState() => _AudioRenderingModeItemState();
|
|
}
|
|
|
|
class _AudioRenderingModeItemState extends State<_AudioRenderingModeItem> {
|
|
AudioRenderingMode? _mode;
|
|
Timer? _poll;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
unawaited(_refresh());
|
|
_poll = Timer.periodic(const Duration(seconds: 2), (_) => unawaited(_refresh()));
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_poll?.cancel();
|
|
super.dispose();
|
|
}
|
|
|
|
Future<void> _refresh() async {
|
|
final mode = await widget.player.getAudioRenderingMode();
|
|
if (!mounted) return;
|
|
setState(() => _mode = mode);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final mode = _mode;
|
|
if (mode == null || !mode.isConclusive) return const SizedBox.shrink();
|
|
final label = switch (mode.rawValue) {
|
|
AudioRenderingMode.dolbyAtmos => t.videoSettings.audioOutputDolbyAtmos,
|
|
AudioRenderingMode.dolbyAudio => t.videoSettings.audioOutputDolbyAudio,
|
|
AudioRenderingMode.surround => t.videoSettings.audioOutputSurround,
|
|
AudioRenderingMode.spatialAudio => t.videoSettings.audioOutputSpatial,
|
|
_ => t.videoSettings.audioOutputStereo,
|
|
};
|
|
final highlighted = mode.isDolbyAtmos || mode.isDolbyAudio;
|
|
return FocusableListTile(
|
|
leading: AppIcon(
|
|
Symbols.spatial_audio_rounded,
|
|
fill: 1,
|
|
color: highlighted ? Colors.amber : tokens(context).textMuted,
|
|
),
|
|
title: Text(t.videoSettings.audioOutput),
|
|
trailing: Text(label, style: TextStyle(color: tokens(context).textMuted)),
|
|
);
|
|
}
|
|
}
|
|
|
|
/// Unified settings sheet for playback adjustments with in-sheet navigation
|
|
class VideoSettingsSheet extends StatefulWidget {
|
|
final Player player;
|
|
|
|
/// Whether this player surface supports Plezy's HDR control.
|
|
///
|
|
/// Defaults to the native platform capability, but can be supplied by
|
|
/// embedders whose capability is known independently of the host platform.
|
|
final bool? supportsHdrControl;
|
|
|
|
/// Shared player-control state. Every playback value and callback this sheet
|
|
/// shows (sync offsets, zoom, versions/quality, shaders, ambient lighting,
|
|
/// auto-hide) is read straight off it.
|
|
final TrackControlsState trackControlsState;
|
|
|
|
const VideoSettingsSheet({
|
|
super.key,
|
|
required this.player,
|
|
this.supportsHdrControl,
|
|
required this.trackControlsState,
|
|
});
|
|
|
|
@override
|
|
State<VideoSettingsSheet> createState() => _VideoSettingsSheetState();
|
|
}
|
|
|
|
class _VideoSettingsSheetState extends State<VideoSettingsSheet> {
|
|
_SettingsView _currentView = _SettingsView.menu;
|
|
late int _audioSyncOffset;
|
|
late int _subtitleSyncOffset;
|
|
late double _zoomScale;
|
|
String _dvConversionMode = 'auto';
|
|
int _dvConversionWriteGeneration = 0;
|
|
|
|
TrackControlsState get _state => widget.trackControlsState;
|
|
|
|
bool get _supportsHdrControl =>
|
|
widget.supportsHdrControl ?? (Platform.isIOS || Platform.isMacOS || Platform.isWindows);
|
|
|
|
bool get _showDebugDvConversionMode {
|
|
if (!kDebugMode) return false;
|
|
if (Platform.isAndroid) return widget.player.playerType == 'exoplayer';
|
|
return (Platform.isIOS || Platform.isMacOS) && widget.player.playerType == 'mpv';
|
|
}
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_audioSyncOffset = _state.audioSyncOffset;
|
|
_subtitleSyncOffset = _state.subtitleSyncOffset;
|
|
_zoomScale = VideoFilterManager.normalizeZoomScale(_state.videoZoomScale);
|
|
_loadDebugDvConversionMode();
|
|
}
|
|
|
|
@override
|
|
void didUpdateWidget(covariant VideoSettingsSheet oldWidget) {
|
|
super.didUpdateWidget(oldWidget);
|
|
final nextZoomScale = VideoFilterManager.normalizeZoomScale(_state.videoZoomScale);
|
|
if (_zoomScale != nextZoomScale) {
|
|
_zoomScale = nextZoomScale;
|
|
}
|
|
}
|
|
|
|
Future<void> _loadDebugDvConversionMode() async {
|
|
if (!_showDebugDvConversionMode) return;
|
|
final dvConversionMode = await widget.player.getProperty('dv-conversion-mode');
|
|
if (!mounted) return;
|
|
setState(() {
|
|
_dvConversionMode = _normalizeDvConversionMode(dvConversionMode);
|
|
});
|
|
}
|
|
|
|
void _setDebugDvConversionMode(String mode) {
|
|
final targetPlayer = widget.player;
|
|
final generation = ++_dvConversionWriteGeneration;
|
|
unawaited(() async {
|
|
try {
|
|
await targetPlayer.setProperty('dv-conversion-mode', mode);
|
|
if (!mounted || generation != _dvConversionWriteGeneration || targetPlayer != widget.player) return;
|
|
setState(() {
|
|
_dvConversionMode = mode;
|
|
});
|
|
OverlaySheetController.of(context).close();
|
|
} catch (error, stackTrace) {
|
|
appLogger.w('Failed to update Dolby Vision conversion mode', error: error, stackTrace: stackTrace);
|
|
}
|
|
}());
|
|
}
|
|
|
|
void _navigateTo(_SettingsView view) {
|
|
// Sync views open as a compact top bar instead of a sub-view
|
|
if (view == _SettingsView.audioSync || view == _SettingsView.subtitleSync) {
|
|
_openSyncBar(view);
|
|
return;
|
|
}
|
|
setState(() {
|
|
_currentView = view;
|
|
});
|
|
OverlaySheetController.maybeOf(context)?.refocus();
|
|
}
|
|
|
|
void _openSyncBar(_SettingsView view) {
|
|
final controller = OverlaySheetController.maybeOf(context);
|
|
if (controller == null) return;
|
|
|
|
final isSubtitle = view == _SettingsView.subtitleSync;
|
|
final title = isSubtitle ? t.videoSettings.subtitleSync : t.videoSettings.audioSync;
|
|
final icon = isSubtitle ? Symbols.subtitles_rounded : Symbols.sync_rounded;
|
|
final propertyName = isSubtitle ? 'sub-delay' : 'audio-delay';
|
|
final initialOffset = isSubtitle ? _subtitleSyncOffset : _audioSyncOffset;
|
|
|
|
// Created here so it can be passed as the overlay's initial focus target.
|
|
// The creator disposes it after the overlay's lifecycle completes.
|
|
final sliderFocusNode = FocusNode(debugLabel: 'SyncSlider');
|
|
|
|
// show() with new alignment replaces the current sheet (completing the
|
|
// settings sheet future, which restarts the auto-hide timer via
|
|
// whenComplete in track_chapter_controls). Cancel it again here.
|
|
controller
|
|
.show(
|
|
alignment: .topCenter,
|
|
constraints: const BoxConstraints(maxHeight: 80, maxWidth: 900),
|
|
initialFocusNode: sliderFocusNode,
|
|
builder: (_) => _CompactSyncBar(
|
|
title: title,
|
|
icon: icon,
|
|
player: widget.player,
|
|
propertyName: propertyName,
|
|
initialOffset: initialOffset,
|
|
sliderFocusNode: sliderFocusNode,
|
|
onOffsetChanged: (offset) async {
|
|
final settings = SettingsService.instance;
|
|
if (isSubtitle) {
|
|
await settings.write(SettingsService.subtitleSyncOffset, offset);
|
|
} else {
|
|
await settings.write(SettingsService.audioSyncOffset, offset);
|
|
}
|
|
_state.onSyncOffsetChanged?.call(propertyName, offset);
|
|
},
|
|
),
|
|
)
|
|
.whenComplete(() {
|
|
sliderFocusNode.dispose();
|
|
_state.onStartAutoHide?.call();
|
|
});
|
|
|
|
// Cancel auto-hide after show() — the previous sheet's whenComplete
|
|
// fires as a microtask and restarts the timer, so schedule our cancel
|
|
// to run after that microtask.
|
|
Future.microtask(() => _state.onCancelAutoHide?.call());
|
|
}
|
|
|
|
void _navigateBack() {
|
|
setState(() {
|
|
_currentView = _SettingsView.menu;
|
|
});
|
|
OverlaySheetController.maybeOf(context)?.refocus();
|
|
}
|
|
|
|
String _getTitle() {
|
|
switch (_currentView) {
|
|
case _SettingsView.menu:
|
|
return t.videoControls.settingsButton;
|
|
case _SettingsView.speed:
|
|
return t.videoSettings.playbackSpeed;
|
|
case _SettingsView.zoom:
|
|
return t.videoSettings.zoom;
|
|
case _SettingsView.versionQuality:
|
|
return _versionQualityTitle();
|
|
case _SettingsView.sleep:
|
|
return t.videoSettings.sleepTimer;
|
|
case _SettingsView.audioSync:
|
|
return t.videoSettings.audioSync;
|
|
case _SettingsView.subtitleSync:
|
|
return t.videoSettings.subtitleSync;
|
|
case _SettingsView.audioDevice:
|
|
return t.videoSettings.audioOutput;
|
|
case _SettingsView.shader:
|
|
return t.shaders.title;
|
|
case _SettingsView.dvConversion:
|
|
return 'DV Conversion Mode';
|
|
}
|
|
}
|
|
|
|
IconData _getIcon() {
|
|
switch (_currentView) {
|
|
case _SettingsView.menu:
|
|
return Symbols.tune_rounded;
|
|
case _SettingsView.speed:
|
|
return Symbols.speed_rounded;
|
|
case _SettingsView.zoom:
|
|
return Symbols.zoom_in_rounded;
|
|
case _SettingsView.versionQuality:
|
|
return Symbols.art_track_rounded;
|
|
case _SettingsView.sleep:
|
|
return Symbols.bedtime_rounded;
|
|
case _SettingsView.audioSync:
|
|
return Symbols.sync_rounded;
|
|
case _SettingsView.subtitleSync:
|
|
return Symbols.subtitles_rounded;
|
|
case _SettingsView.audioDevice:
|
|
return Symbols.speaker_rounded;
|
|
case _SettingsView.shader:
|
|
return Symbols.auto_fix_high_rounded;
|
|
case _SettingsView.dvConversion:
|
|
return Symbols.hdr_strong_rounded;
|
|
}
|
|
}
|
|
|
|
String _normalizeDvConversionMode(String? mode) {
|
|
return switch (mode?.trim().toLowerCase()) {
|
|
'disabled' || 'native' => 'disabled',
|
|
'dv81' || 'p8' || 'p7_to_p8' || 'p7-to-p8' => 'dv81',
|
|
'hevc' || 'hevc_strip' || 'p7_to_hevc' || 'p7-to-hevc' => 'hevc_strip',
|
|
_ => 'auto',
|
|
};
|
|
}
|
|
|
|
String _formatDvConversionMode(String mode) {
|
|
return switch (_normalizeDvConversionMode(mode)) {
|
|
'disabled' => t.settings.dvConversionNative,
|
|
'dv81' => t.settings.dvConversionDv81,
|
|
'hevc_strip' => t.settings.dvConversionHevcStrip,
|
|
_ => t.settings.dvConversionAuto,
|
|
};
|
|
}
|
|
|
|
String _formatSleepTimer(SleepTimerService sleepTimer) {
|
|
if (!sleepTimer.isActive) return t.common.off;
|
|
final remaining = sleepTimer.remainingTime;
|
|
if (remaining == null) return t.common.off;
|
|
return t.videoSettings.sleepTimerActive(duration: formatDurationWithSeconds(remaining));
|
|
}
|
|
|
|
String _formatZoomScale(double scale) => '${(scale * 100).round()}%';
|
|
|
|
void _setZoomScale(double scale) {
|
|
final next = VideoFilterManager.normalizeZoomScale(scale);
|
|
setState(() {
|
|
_zoomScale = next;
|
|
});
|
|
_state.onVideoZoomChanged?.call(next);
|
|
}
|
|
|
|
void _resetZoomScale() {
|
|
setState(() {
|
|
_zoomScale = 1.0;
|
|
});
|
|
final reset = _state.onResetVideoZoom;
|
|
if (reset != null) {
|
|
reset();
|
|
} else {
|
|
_state.onVideoZoomChanged?.call(1.0);
|
|
}
|
|
}
|
|
|
|
bool get _hasVersionQuality {
|
|
return (_state.availableVersions.length > 1 || _state.serverSupportsTranscoding) &&
|
|
(_state.onSwitchVersion != null || _state.onSwitchQualityPreset != null);
|
|
}
|
|
|
|
String _versionQualityTitle() {
|
|
return versionQualityPickerTitle(
|
|
showVersions: _state.availableVersions.length > 1,
|
|
showQuality: _state.serverSupportsTranscoding,
|
|
);
|
|
}
|
|
|
|
String _versionQualityValueText() {
|
|
final values = <String>[];
|
|
if (_state.availableVersions.length > 1) values.add(_selectedVersionLabel());
|
|
if (_state.serverSupportsTranscoding) values.add(qualityPresetLabel(_state.selectedQualityPreset));
|
|
return values.join(' / ');
|
|
}
|
|
|
|
String _selectedVersionLabel() {
|
|
final index = _state.selectedMediaIndex;
|
|
if (index >= 0 && index < _state.availableVersions.length) {
|
|
return _state.availableVersions[index].displayLabel;
|
|
}
|
|
return t.videoControls.versionColumnHeader;
|
|
}
|
|
|
|
Widget _buildMenuView() {
|
|
final sleepTimer = SleepTimerService();
|
|
final isDesktop = PlatformDetector.isDesktop(context);
|
|
|
|
return ListView(
|
|
shrinkWrap: true,
|
|
children: [
|
|
// Playback Speed - hidden for live TV and when user cannot control playback
|
|
if (_state.canControl && !_state.isLive)
|
|
StreamBuilder<double>(
|
|
stream: widget.player.streams.rate,
|
|
initialData: widget.player.state.rate,
|
|
builder: (context, snapshot) {
|
|
final currentRate = snapshot.data ?? 1.0;
|
|
return _SettingsMenuItem(
|
|
icon: Symbols.speed_rounded,
|
|
title: t.videoSettings.playbackSpeed,
|
|
valueText: formatPlaybackRate(currentRate, normalAtOne: true),
|
|
onTap: () => _navigateTo(_SettingsView.speed),
|
|
);
|
|
},
|
|
),
|
|
|
|
if (_state.onVideoZoomChanged != null || _state.onResetVideoZoom != null)
|
|
_SettingsMenuItem(
|
|
icon: Symbols.zoom_in_rounded,
|
|
title: t.videoSettings.zoom,
|
|
valueText: _formatZoomScale(_zoomScale),
|
|
isHighlighted: (_zoomScale - 1.0).abs() > 0.0001,
|
|
onTap: () => _navigateTo(_SettingsView.zoom),
|
|
),
|
|
|
|
if (_hasVersionQuality)
|
|
_SettingsMenuItem(
|
|
icon: Symbols.art_track_rounded,
|
|
title: _versionQualityTitle(),
|
|
valueText: _versionQualityValueText(),
|
|
allowValueOverflow: true,
|
|
onTap: () => _navigateTo(_SettingsView.versionQuality),
|
|
),
|
|
|
|
// Sleep Timer
|
|
ListenableBuilder(
|
|
listenable: sleepTimer,
|
|
builder: (context, _) {
|
|
final isActive = sleepTimer.isActive;
|
|
return _SettingsMenuItem(
|
|
icon: Symbols.bedtime_rounded,
|
|
title: t.videoSettings.sleepTimer,
|
|
valueText: _formatSleepTimer(sleepTimer),
|
|
isHighlighted: isActive,
|
|
onTap: () => _navigateTo(_SettingsView.sleep),
|
|
);
|
|
},
|
|
),
|
|
|
|
// Audio Sync
|
|
_SettingsMenuItem(
|
|
icon: Symbols.sync_rounded,
|
|
title: t.videoSettings.audioSync,
|
|
valueText: formatSyncOffset(_audioSyncOffset.toDouble()),
|
|
isHighlighted: _audioSyncOffset != 0,
|
|
onTap: () => _navigateTo(_SettingsView.audioSync),
|
|
),
|
|
|
|
// Subtitle Sync
|
|
_SettingsMenuItem(
|
|
icon: Symbols.subtitles_rounded,
|
|
title: t.videoSettings.subtitleSync,
|
|
valueText: formatSyncOffset(_subtitleSyncOffset.toDouble()),
|
|
isHighlighted: _subtitleSyncOffset != 0,
|
|
onTap: () => _navigateTo(_SettingsView.subtitleSync),
|
|
),
|
|
|
|
// HDR Toggle
|
|
if (_supportsHdrControl)
|
|
_SettingsToggleItem(
|
|
pref: SettingsService.enableHDR,
|
|
icon: Symbols.hdr_strong_rounded,
|
|
title: t.videoSettings.hdr,
|
|
onAfterWrite: (value) => widget.player.setProperty('hdr-enabled', value ? 'yes' : 'no'),
|
|
),
|
|
|
|
// Auto-Play Next Episode Toggle
|
|
_SettingsToggleItem(
|
|
pref: SettingsService.autoPlayNextEpisode,
|
|
icon: Symbols.skip_next_rounded,
|
|
title: t.videoControls.autoPlayNext,
|
|
),
|
|
|
|
// Audio Output Device (Desktop only)
|
|
if (isDesktop)
|
|
StreamBuilder<AudioDevice>(
|
|
stream: widget.player.streams.audioDevice,
|
|
initialData: widget.player.state.audioDevice,
|
|
builder: (context, snapshot) {
|
|
final currentDevice = snapshot.data ?? widget.player.state.audioDevice;
|
|
final deviceLabel = currentDevice.description.isEmpty ? currentDevice.name : currentDevice.description;
|
|
|
|
return _SettingsMenuItem(
|
|
icon: Symbols.speaker_rounded,
|
|
title: t.videoSettings.audioOutput,
|
|
valueText: deviceLabel,
|
|
allowValueOverflow: true,
|
|
onTap: () => _navigateTo(_SettingsView.audioDevice),
|
|
);
|
|
},
|
|
),
|
|
|
|
// Audio Passthrough is not here: it configures the audio output route rather
|
|
// than this playback, and applying it mid-stream bounces the audio renderer and
|
|
// re-decides video tunneling. It lives in Settings > Video Playback next to
|
|
// Tunneled Playback, which is applied the same way — at the next player start.
|
|
|
|
// Dolby playback badge. The Dolby application guide requires the app
|
|
// to reflect AVAudioSession.renderingMode; Apple only resolves that
|
|
// for CarPlay/AirPlay routes, so it is hidden rather than shown as
|
|
// "not Dolby" when the system reports notApplicable.
|
|
if (PlatformDetector.isAppleTV()) _AudioRenderingModeItem(player: widget.player),
|
|
|
|
// Audio Normalization
|
|
_SettingsToggleItem(
|
|
pref: SettingsService.audioNormalization,
|
|
icon: Symbols.graphic_eq_rounded,
|
|
title: t.videoSettings.audioNormalization,
|
|
onAfterWrite: widget.player.setAudioNormalization,
|
|
),
|
|
|
|
// Stereo Downmix
|
|
_SettingsToggleItem(
|
|
pref: SettingsService.audioDownmix,
|
|
icon: Symbols.headphones_rounded,
|
|
title: t.videoSettings.audioDownmix,
|
|
onAfterWrite: (enabled) => widget.player.setAudioDownmix(
|
|
enabled: enabled,
|
|
centerBoostDb: SettingsService.instance.read(SettingsService.downmixCenterBoost),
|
|
normalize: SettingsService.instance.read(SettingsService.audioDownmixNormalize),
|
|
),
|
|
),
|
|
|
|
// Shader Preset (MPV only)
|
|
if (_state.shaderService != null && _state.shaderService!.isSupported)
|
|
_SettingsMenuItem(
|
|
icon: Symbols.auto_fix_high_rounded,
|
|
title: t.shaders.title,
|
|
valueText: _state.shaderService!.currentPreset.id == ShaderPreset.none.id
|
|
? t.common.off
|
|
: _state.shaderService!.currentPreset.name,
|
|
isHighlighted: _state.shaderService!.currentPreset.isEnabled,
|
|
onTap: () => _navigateTo(_SettingsView.shader),
|
|
),
|
|
|
|
// Ambient Lighting (MPV only)
|
|
if (_state.onToggleAmbientLighting != null)
|
|
FocusableListTile(
|
|
leading: AppIcon(
|
|
Symbols.blur_on_rounded,
|
|
fill: 1,
|
|
color: _state.isAmbientLightingEnabled ? Colors.amber : tokens(context).textMuted,
|
|
),
|
|
title: Text(t.videoControls.ambientLighting),
|
|
trailing: Switch(
|
|
value: _state.isAmbientLightingEnabled,
|
|
onChanged: (_) {
|
|
_state.onToggleAmbientLighting?.call();
|
|
OverlaySheetController.of(context).close();
|
|
},
|
|
activeThumbColor: Colors.amber,
|
|
),
|
|
onTap: () {
|
|
_state.onToggleAmbientLighting?.call();
|
|
OverlaySheetController.of(context).close();
|
|
},
|
|
),
|
|
|
|
// Performance Overlay Toggle
|
|
_SettingsToggleItem(
|
|
pref: SettingsService.showPerformanceOverlay,
|
|
icon: Symbols.analytics_rounded,
|
|
title: t.videoSettings.performanceOverlay,
|
|
),
|
|
|
|
if (_showDebugDvConversionMode)
|
|
_SettingsMenuItem(
|
|
icon: Symbols.hdr_strong_rounded,
|
|
title: t.settings.dvConversionMode,
|
|
valueText: _formatDvConversionMode(_dvConversionMode),
|
|
isHighlighted: _dvConversionMode != 'auto',
|
|
onTap: () => _navigateTo(_SettingsView.dvConversion),
|
|
),
|
|
|
|
// Debug: Trigger MPV Fallback (Android ExoPlayer only)
|
|
if (kDebugMode && Platform.isAndroid && widget.player.playerType == 'exoplayer')
|
|
FocusableListTile(
|
|
leading: AppIcon(Symbols.swap_horiz_rounded, fill: 1, color: tokens(context).textMuted),
|
|
title: const Text('Trigger MPV Fallback'),
|
|
onTap: () {
|
|
const MethodChannel('com.plezy/exo_player').invokeMethod('triggerFallback');
|
|
OverlaySheetController.of(context).close();
|
|
},
|
|
),
|
|
|
|
if (kDebugMode)
|
|
for (final status in const [500, 404, 503])
|
|
FocusableListTile(
|
|
leading: AppIcon(Symbols.bug_report_rounded, fill: 1, color: tokens(context).textMuted),
|
|
title: Text('Simulate HTTP $status from server'),
|
|
onTap: () {
|
|
final player = widget.player;
|
|
OverlaySheetController.of(context).close();
|
|
if (player is PlayerBase) {
|
|
player.debugSimulateServerHttpError(status);
|
|
}
|
|
},
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
Widget _buildDvConversionView() {
|
|
final modes = [
|
|
(value: 'auto', title: t.settings.dvConversionAuto, subtitle: t.settings.dvConversionAutoDescription),
|
|
(value: 'disabled', title: t.settings.dvConversionNative, subtitle: t.settings.dvConversionNativeDescription),
|
|
(value: 'dv81', title: t.settings.dvConversionDv81, subtitle: t.settings.dvConversionDv81Description),
|
|
(
|
|
value: 'hevc_strip',
|
|
title: t.settings.dvConversionHevcStrip,
|
|
subtitle: t.settings.dvConversionHevcStripDescription,
|
|
),
|
|
];
|
|
final primary = Theme.of(context).colorScheme.primary;
|
|
|
|
return ListView(
|
|
shrinkWrap: true,
|
|
children: [
|
|
for (final mode in modes)
|
|
FocusableListTile(
|
|
title: Text(mode.title, style: TextStyle(color: _dvConversionMode == mode.value ? primary : null)),
|
|
subtitle: Text(mode.subtitle, style: TextStyle(color: tokens(context).textMuted, fontSize: 12)),
|
|
trailing: _dvConversionMode == mode.value ? AppIcon(Symbols.check_rounded, fill: 1, color: primary) : null,
|
|
onTap: () => _setDebugDvConversionMode(mode.value),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
Widget _buildSpeedView() {
|
|
return StreamBuilder<double>(
|
|
stream: widget.player.streams.rate,
|
|
initialData: widget.player.state.rate,
|
|
builder: (context, snapshot) {
|
|
final currentRate = snapshot.data ?? 1.0;
|
|
const speeds = <double>[
|
|
0.5,
|
|
0.75,
|
|
1.0,
|
|
1.25,
|
|
1.5,
|
|
1.75,
|
|
2.0,
|
|
2.25,
|
|
2.5,
|
|
2.75,
|
|
3.0,
|
|
3.5,
|
|
4.0,
|
|
4.5,
|
|
5.0,
|
|
6.0,
|
|
7.0,
|
|
maximumPlaybackRate,
|
|
];
|
|
|
|
return ListView.builder(
|
|
shrinkWrap: true,
|
|
itemCount: speeds.length,
|
|
itemBuilder: (context, index) {
|
|
final speed = speeds[index];
|
|
final isSelected = (currentRate - speed).abs() < 0.01;
|
|
final label = formatPlaybackRate(speed, normalAtOne: true);
|
|
|
|
final primary = Theme.of(context).colorScheme.primary;
|
|
return FocusableListTile(
|
|
title: Text(label, style: TextStyle(color: isSelected ? primary : null)),
|
|
trailing: isSelected ? AppIcon(Symbols.check_rounded, fill: 1, color: primary) : null,
|
|
onTap: () async {
|
|
await widget.player.setRate(speed);
|
|
// Save as default playback speed
|
|
await SettingsService.instance.write(SettingsService.defaultPlaybackSpeed, speed);
|
|
if (context.mounted) {
|
|
OverlaySheetController.of(context).close(); // Close sheet after selection
|
|
}
|
|
},
|
|
);
|
|
},
|
|
);
|
|
},
|
|
);
|
|
}
|
|
|
|
Widget _buildZoomView() {
|
|
const zoomPresets = [0.5, 0.75, 0.9, 1.0, 1.1, 1.2, 1.3, 1.5, 1.75, 2.0];
|
|
final primary = Theme.of(context).colorScheme.primary;
|
|
|
|
return ListView(
|
|
shrinkWrap: true,
|
|
children: [
|
|
FocusableListTile(
|
|
leading: AppIcon(Symbols.restart_alt_rounded, fill: 1, color: tokens(context).textMuted),
|
|
title: Text(t.common.reset),
|
|
onTap: _resetZoomScale,
|
|
),
|
|
for (final scale in zoomPresets)
|
|
FocusableListTile(
|
|
title: Text(
|
|
_formatZoomScale(scale),
|
|
style: TextStyle(color: (_zoomScale - scale).abs() < 0.005 ? primary : null),
|
|
),
|
|
trailing: (_zoomScale - scale).abs() < 0.005
|
|
? AppIcon(Symbols.check_rounded, fill: 1, color: primary)
|
|
: null,
|
|
onTap: () => _setZoomScale(scale),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
Widget _buildSleepView() {
|
|
final sleepTimer = SleepTimerService();
|
|
|
|
return SleepTimerContent(
|
|
player: widget.player,
|
|
sleepTimer: sleepTimer,
|
|
onCancel: () => OverlaySheetController.of(context).close(),
|
|
);
|
|
}
|
|
|
|
Widget _buildVersionQualityView() {
|
|
return VersionQualityPicker(
|
|
availableVersions: _state.availableVersions,
|
|
selectedMediaIndex: _state.selectedMediaIndex,
|
|
selectedQualityPreset: _state.selectedQualityPreset,
|
|
serverSupportsTranscoding: _state.serverSupportsTranscoding,
|
|
sourceDurationMs: _state.sourceDurationMs,
|
|
onVersionSelected: (index) => _state.onSwitchVersion?.call(index),
|
|
onQualitySelected: (preset) => _state.onSwitchQualityPreset?.call(preset),
|
|
);
|
|
}
|
|
|
|
/// Extract the audio backend name from a device name (e.g. "coreaudio" from "coreaudio/BuiltIn").
|
|
static String _audioBackend(String name) {
|
|
final slash = name.indexOf('/');
|
|
return slash > 0 ? name.substring(0, slash) : name;
|
|
}
|
|
|
|
/// Pretty-print a backend identifier.
|
|
static String _formatBackend(String backend) {
|
|
const labels = {
|
|
'coreaudio': 'CoreAudio',
|
|
'avfoundation': 'AVFoundation',
|
|
'wasapi': 'WASAPI',
|
|
'pulse': 'PulseAudio',
|
|
'pipewire': 'PipeWire',
|
|
'alsa': 'ALSA',
|
|
'jack': 'JACK',
|
|
'oss': 'OSS',
|
|
};
|
|
return labels[backend] ?? backend;
|
|
}
|
|
|
|
Widget _buildAudioDeviceView() {
|
|
return StreamBuilder<List<AudioDevice>>(
|
|
stream: widget.player.streams.audioDevices,
|
|
initialData: widget.player.state.audioDevices,
|
|
builder: (context, snapshot) {
|
|
final devices = snapshot.data ?? [];
|
|
|
|
return StreamBuilder<AudioDevice>(
|
|
stream: widget.player.streams.audioDevice,
|
|
initialData: widget.player.state.audioDevice,
|
|
builder: (context, selectedSnapshot) {
|
|
final currentDevice = selectedSnapshot.data ?? widget.player.state.audioDevice;
|
|
|
|
// Check for duplicate descriptions (same physical device across multiple backends).
|
|
final descCounts = <String, int>{};
|
|
for (final d in devices) {
|
|
final desc = d.description.isEmpty ? d.name : d.description;
|
|
descCounts[desc] = (descCounts[desc] ?? 0) + 1;
|
|
}
|
|
final hasDuplicates = descCounts.values.any((c) => c > 1);
|
|
|
|
if (!hasDuplicates) {
|
|
return _buildFlatDeviceList(devices, currentDevice);
|
|
}
|
|
|
|
final ungrouped = <AudioDevice>[];
|
|
final groups = <String, List<AudioDevice>>{};
|
|
for (final d in devices) {
|
|
final backend = _audioBackend(d.name);
|
|
if (!d.name.contains('/')) {
|
|
ungrouped.add(d);
|
|
} else {
|
|
(groups[backend] ??= []).add(d);
|
|
}
|
|
}
|
|
|
|
return ListView(
|
|
shrinkWrap: true,
|
|
children: [
|
|
for (final d in ungrouped) _buildDeviceTile(d, currentDevice),
|
|
for (final entry in groups.entries) ...[
|
|
Padding(
|
|
padding: const EdgeInsets.fromLTRB(16, 12, 16, 4),
|
|
child: Text(
|
|
_formatBackend(entry.key),
|
|
style: TextStyle(color: tokens(context).textMuted, fontSize: 12, fontWeight: .w600),
|
|
),
|
|
),
|
|
for (final d in entry.value) _buildDeviceTile(d, currentDevice),
|
|
],
|
|
],
|
|
);
|
|
},
|
|
);
|
|
},
|
|
);
|
|
}
|
|
|
|
Widget _buildFlatDeviceList(List<AudioDevice> devices, AudioDevice currentDevice) {
|
|
// The device list arrives asynchronously, so an empty list is the normal
|
|
// first frame. Without a placeholder the shrink-wrapped page would render
|
|
// as a bare header and then jump once devices land.
|
|
//
|
|
// A fixed placeholder rather than FiltersBottomSheet's hold-the-outgoing-
|
|
// height technique: this page is entered from the menu, whose height is
|
|
// unrelated to a device list, so holding it would be arbitrary. One small
|
|
// upward move when the devices land beats two.
|
|
if (devices.isEmpty) {
|
|
return Padding(
|
|
padding: const EdgeInsets.symmetric(vertical: 32),
|
|
child: Center(
|
|
heightFactor: 1,
|
|
child: Text(t.videoControls.noAudioDevicesAvailable, style: TextStyle(color: tokens(context).textMuted)),
|
|
),
|
|
);
|
|
}
|
|
return ListView.builder(
|
|
shrinkWrap: true,
|
|
itemCount: devices.length,
|
|
itemBuilder: (context, index) => _buildDeviceTile(devices[index], currentDevice),
|
|
);
|
|
}
|
|
|
|
Widget _buildDeviceTile(AudioDevice device, AudioDevice currentDevice) {
|
|
final isSelected = device.name == currentDevice.name;
|
|
final label = device.description.isEmpty ? device.name : device.description;
|
|
|
|
final primary = Theme.of(context).colorScheme.primary;
|
|
return FocusableListTile(
|
|
title: Text(label, style: TextStyle(color: isSelected ? primary : null)),
|
|
trailing: isSelected ? AppIcon(Symbols.check_rounded, fill: 1, color: primary) : null,
|
|
onTap: () {
|
|
widget.player.setAudioDevice(device);
|
|
OverlaySheetController.of(context).close();
|
|
},
|
|
);
|
|
}
|
|
|
|
Widget _buildShaderView() {
|
|
if (_state.shaderService == null) return const SizedBox.shrink();
|
|
|
|
return Consumer<ShaderProvider>(
|
|
builder: (context, shaderProvider, _) {
|
|
final currentPreset = _state.shaderService!.currentPreset;
|
|
final presets = shaderProvider.allPresets;
|
|
|
|
// +1 for the import button at the end
|
|
return ListView.builder(
|
|
shrinkWrap: true,
|
|
itemCount: presets.length + 1,
|
|
itemBuilder: (context, index) {
|
|
if (index == presets.length) {
|
|
return FocusableListTile(
|
|
leading: AppIcon(Symbols.add_rounded, fill: 1, color: tokens(context).textMuted),
|
|
title: Text(t.shaders.importShader),
|
|
onTap: () => _importCustomShader(shaderProvider),
|
|
);
|
|
}
|
|
|
|
final preset = presets[index];
|
|
final isSelected = preset.id == currentPreset.id;
|
|
final isCustom = preset.type == ShaderPresetType.custom;
|
|
final presetName = preset.id == ShaderPreset.none.id ? t.common.off : preset.name;
|
|
|
|
return FocusableListTile(
|
|
title: Text(presetName, style: TextStyle(color: isSelected ? Colors.amber : null)),
|
|
subtitle: _getShaderSubtitle(preset) != null
|
|
? Text(_getShaderSubtitle(preset)!, style: TextStyle(color: tokens(context).textMuted, fontSize: 12))
|
|
: null,
|
|
trailing: Row(
|
|
mainAxisSize: .min,
|
|
children: [
|
|
if (isSelected) const AppIcon(Symbols.check_rounded, fill: 1, color: Colors.amber),
|
|
if (isCustom) ...[
|
|
if (isSelected) const SizedBox(width: 8),
|
|
GestureDetector(
|
|
onTap: () => _deleteCustomShader(shaderProvider, preset),
|
|
child: AppIcon(Symbols.delete_rounded, fill: 1, color: tokens(context).textMuted, size: 20),
|
|
),
|
|
],
|
|
],
|
|
),
|
|
onTap: () async {
|
|
// Disable ambient lighting when selecting a shader
|
|
if (preset.type != ShaderPresetType.none && _state.isAmbientLightingEnabled) {
|
|
_state.onToggleAmbientLighting?.call();
|
|
}
|
|
await _state.shaderService!.applyPreset(preset);
|
|
await shaderProvider.setPreset(preset);
|
|
if (!context.mounted) return;
|
|
_state.onShaderChanged?.call();
|
|
OverlaySheetController.of(context).close();
|
|
},
|
|
);
|
|
},
|
|
);
|
|
},
|
|
);
|
|
}
|
|
|
|
Future<void> _importCustomShader(ShaderProvider shaderProvider) async {
|
|
final result = await FilePickerService.instance.pickFiles(type: FileType.custom, allowedExtensions: ['glsl']);
|
|
|
|
if (result == null || result.files.isEmpty || !mounted) return;
|
|
|
|
final filePath = result.files.first.path;
|
|
if (filePath == null) return;
|
|
|
|
try {
|
|
final displayName = path.basenameWithoutExtension(filePath);
|
|
final preset = await shaderProvider.importCustomShader(filePath, displayName);
|
|
|
|
if (_state.shaderService != null && mounted) {
|
|
if (preset.type != ShaderPresetType.none && _state.isAmbientLightingEnabled) {
|
|
_state.onToggleAmbientLighting?.call();
|
|
}
|
|
await _state.shaderService!.applyPreset(preset);
|
|
await shaderProvider.setPreset(preset);
|
|
if (!mounted) return;
|
|
_state.onShaderChanged?.call();
|
|
}
|
|
|
|
if (mounted) showSuccessSnackBar(context, t.shaders.shaderImported);
|
|
} catch (_) {
|
|
if (mounted) showErrorSnackBar(context, t.shaders.shaderImportFailed);
|
|
}
|
|
}
|
|
|
|
Future<void> _deleteCustomShader(ShaderProvider shaderProvider, ShaderPreset preset) async {
|
|
final confirmed = await showDeleteConfirmation(
|
|
context,
|
|
title: t.shaders.deleteShader,
|
|
message: t.shaders.deleteShaderConfirm(name: preset.name),
|
|
);
|
|
if (!confirmed || !mounted) return;
|
|
|
|
// If the deleted shader is active, clear it from the player first
|
|
if (_state.shaderService!.currentPreset.id == preset.id) {
|
|
await _state.shaderService!.applyPreset(ShaderPreset.none);
|
|
if (mounted) _state.onShaderChanged?.call();
|
|
}
|
|
|
|
await shaderProvider.deleteCustomShader(preset);
|
|
}
|
|
|
|
String? _getShaderSubtitle(ShaderPreset preset) {
|
|
switch (preset.type) {
|
|
case ShaderPresetType.none:
|
|
return t.shaders.noShaderDescription;
|
|
case ShaderPresetType.nvscaler:
|
|
return t.shaders.nvscalerDescription;
|
|
case ShaderPresetType.artcnn:
|
|
if (preset.artcnnConfig != null) {
|
|
final variant = switch (preset.artcnnConfig!.variant) {
|
|
ArtCNNVariant.neutral => t.shaders.artcnnVariantNeutral,
|
|
ArtCNNVariant.denoise => t.shaders.artcnnVariantDenoise,
|
|
ArtCNNVariant.denoiseSharpen => t.shaders.artcnnVariantDenoiseSharpen,
|
|
};
|
|
return '${preset.artcnnModelDisplayName} - $variant';
|
|
}
|
|
return null;
|
|
case ShaderPresetType.anime4k:
|
|
if (preset.anime4kConfig != null) {
|
|
final quality = preset.anime4kConfig!.quality == Anime4KQuality.fast
|
|
? t.shaders.qualityFast
|
|
: t.shaders.qualityHQ;
|
|
final mode = preset.modeDisplayName;
|
|
return '$quality - ${t.shaders.mode} $mode';
|
|
}
|
|
return null;
|
|
case ShaderPresetType.custom:
|
|
return t.shaders.customShaderDescription;
|
|
}
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final sleepTimer = SleepTimerService();
|
|
final isShaderActive = _state.shaderService != null && _state.shaderService!.currentPreset.isEnabled;
|
|
final isZoomActive = (_zoomScale - 1.0).abs() > 0.0001;
|
|
final isIconActive =
|
|
_currentView == _SettingsView.menu &&
|
|
(sleepTimer.isActive || _audioSyncOffset != 0 || _subtitleSyncOffset != 0 || isShaderActive || isZoomActive);
|
|
|
|
return BaseVideoControlSheet(
|
|
title: _getTitle(),
|
|
icon: _getIcon(),
|
|
iconColor: () {
|
|
if (isIconActive) return Colors.amber;
|
|
if (_currentView == _SettingsView.shader && isShaderActive) return Colors.amber;
|
|
return null;
|
|
}(),
|
|
onBack: _currentView != _SettingsView.menu ? _navigateBack : null,
|
|
child: () {
|
|
switch (_currentView) {
|
|
case _SettingsView.menu:
|
|
return _buildMenuView();
|
|
case _SettingsView.speed:
|
|
return _buildSpeedView();
|
|
case _SettingsView.zoom:
|
|
return _buildZoomView();
|
|
case _SettingsView.versionQuality:
|
|
return _buildVersionQualityView();
|
|
case _SettingsView.sleep:
|
|
return _buildSleepView();
|
|
case _SettingsView.audioSync:
|
|
case _SettingsView.subtitleSync:
|
|
return _buildMenuView(); // Sync views open as top bars, fallback to menu
|
|
case _SettingsView.audioDevice:
|
|
return _buildAudioDeviceView();
|
|
case _SettingsView.shader:
|
|
return _buildShaderView();
|
|
case _SettingsView.dvConversion:
|
|
return _buildDvConversionView();
|
|
}
|
|
}(),
|
|
);
|
|
}
|
|
}
|
|
|
|
/// Compact sync bar shown at the top of the screen so subtitles remain visible.
|
|
class _CompactSyncBar extends StatefulWidget {
|
|
final String title;
|
|
final IconData icon;
|
|
final Player player;
|
|
final String propertyName;
|
|
final int initialOffset;
|
|
final Future<void> Function(int offset) onOffsetChanged;
|
|
final FocusNode sliderFocusNode;
|
|
|
|
const _CompactSyncBar({
|
|
required this.title,
|
|
required this.icon,
|
|
required this.player,
|
|
required this.propertyName,
|
|
required this.initialOffset,
|
|
required this.onOffsetChanged,
|
|
required this.sliderFocusNode,
|
|
});
|
|
|
|
@override
|
|
State<_CompactSyncBar> createState() => _CompactSyncBarState();
|
|
}
|
|
|
|
class _CompactSyncBarState extends State<_CompactSyncBar> {
|
|
final _resetFocusNode = FocusNode(debugLabel: 'SyncResetButton');
|
|
final _closeFocusNode = FocusNode(debugLabel: 'SyncCloseButton');
|
|
|
|
@override
|
|
void dispose() {
|
|
_resetFocusNode.dispose();
|
|
_closeFocusNode.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Row(
|
|
children: [
|
|
const SizedBox(width: 16),
|
|
AppIcon(widget.icon, fill: 1, color: tokens(context).textMuted, size: 20),
|
|
const SizedBox(width: 8),
|
|
Text(widget.title, style: const TextStyle(fontWeight: .w600, fontSize: 14)),
|
|
Expanded(
|
|
child: SyncOffsetControl(
|
|
player: widget.player,
|
|
propertyName: widget.propertyName,
|
|
initialOffset: widget.initialOffset,
|
|
labelText: widget.title,
|
|
onOffsetChanged: widget.onOffsetChanged,
|
|
compact: true,
|
|
sliderFocusNode: widget.sliderFocusNode,
|
|
resetFocusNode: _resetFocusNode,
|
|
closeFocusNode: _closeFocusNode,
|
|
),
|
|
),
|
|
const SizedBox(width: 8),
|
|
FocusableWrapper(
|
|
focusNode: _closeFocusNode,
|
|
onSelect: () => OverlaySheetController.of(context).close(),
|
|
onNavigateLeft: () => _resetFocusNode.requestFocus(),
|
|
borderRadius: 18,
|
|
autoScroll: false,
|
|
useBackgroundFocus: true,
|
|
child: GestureDetector(
|
|
onTap: () => OverlaySheetController.of(context).close(),
|
|
child: Container(
|
|
width: 36,
|
|
height: 36,
|
|
alignment: .center,
|
|
child: AppIcon(Symbols.close_rounded, fill: 1, color: tokens(context).textMuted, size: 22),
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(width: 12),
|
|
],
|
|
);
|
|
}
|
|
}
|