lxh2875931338/QingTing-Player
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

现在播放页的实时效果有了

Browse Source
This commit is contained in:
lxh2875931338
2026-08-23 21:42:37 +08:00
parent d593ce05a1
commit f6eb1b108a
2 changed files with 178 additions and 142 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/pages/player_page.dart
+59 -8
View File
@@ -43,6 +43,41 @@ class _PlayerPageState extends State<PlayerPage> {
}
}
@override
void initState() {
super.initState();
// ⭐ 页面加载时主动拉取状态（多次重试）
_syncStateWithRetry();
}
@override
void didChangeDependencies() {
super.didChangeDependencies();
// ⭐ 依赖变化时（如从后台返回）重新同步
WidgetsBinding.instance.addPostFrameCallback((_) {
if (mounted) {
context.read<AudioService>().syncPlayerStateNow();
}
});
}
void _syncStateWithRetry() {
final service = context.read<AudioService>();
// 立即同步
service.syncPlayerStateNow();
// 延迟重试
const delays = [200, 500, 800, 1200];
for (final delay in delays) {
Future.delayed(Duration(milliseconds: delay), () {
if (mounted) {
service.syncPlayerStateNow();
}
});
}
}
@override
Widget build(BuildContext context) {
final service = context.watch<AudioService>();
@@ -75,7 +110,6 @@ class _PlayerPageState extends State<PlayerPage> {
}
final isPlaying = service.isPlaying;
final duration = service.duration;
return Scaffold(
backgroundColor: const Color(0xFF0E1211),
@@ -156,7 +190,7 @@ class _PlayerPageState extends State<PlayerPage> {
],
),
const SizedBox(height: 40),
_buildProgressSection(service, duration),
_buildProgressSection(service),
const SizedBox(height: 32),
_buildControlButtons(service, isPlaying),
const SizedBox(height: 16),
@@ -166,12 +200,24 @@ class _PlayerPageState extends State<PlayerPage> {
);
}
Widget _buildProgressSection(AudioService service, Duration duration) {
debugPrint('🎯 [PlayerPage] duration=$duration');
Widget _buildProgressSection(AudioService service) {
return ValueListenableBuilder(
valueListenable: service.positionNotifier,
builder: (context, position, _) {
debugPrint('🎯 [PlayerPage] position=$position, duration=$duration');
return ValueListenableBuilder(
valueListenable: service.durationNotifier,
builder: (context, duration, _) {
// ⭐ 如果 duration 为 0，显示加载指示器
if (duration.inMilliseconds == 0) {
return const Padding(
padding: EdgeInsets.symmetric(vertical: 8),
child: LinearProgressIndicator(
color: Color(0xFFB8D4D0),
backgroundColor: Color(0xFF2A3332),
),
);
}
final progress = duration.inMilliseconds > 0
? position.inMilliseconds / duration.inMilliseconds
: 0.0;
@@ -191,8 +237,10 @@ class _PlayerPageState extends State<PlayerPage> {
child: LayoutBuilder(
builder: (context, constraints) {
final width = constraints.maxWidth;
final bufferWidth = width * bufferProgress.clamp(0.0, 1.0);
final progressWidth = width * displayProgress.clamp(0.0, 1.0);
final bufferWidth =
width * bufferProgress.clamp(0.0, 1.0);
final progressWidth =
width * displayProgress.clamp(0.0, 1.0);
return Stack(
alignment: Alignment.centerLeft,
@@ -245,7 +293,8 @@ class _PlayerPageState extends State<PlayerPage> {
onChangeEnd: (value) {
final newPosition = Duration(
milliseconds:
(value * duration.inMilliseconds).round(),
(value * duration.inMilliseconds)
.round(),
);
service.seekTo(newPosition);
setState(() {
@@ -283,6 +332,8 @@ class _PlayerPageState extends State<PlayerPage> {
);
},
);
},
);
}
Widget _buildControlButtons(AudioService service, bool isPlaying) {
lib/services/audio_service.dart
+24 -39
View File
@@ -130,9 +130,6 @@ class AudioService extends ChangeNotifier {
}
}
// ============================================================
// 核心播放逻辑
// ============================================================
void _playCurrent() {
if (_currentIndex < 0 || _currentIndex >= _queue.length) {
stopPlay();
@@ -142,9 +139,6 @@ class AudioService extends ChangeNotifier {
final song = _queue[_currentIndex];
_currentSong = song;
// ⭐ 不重置任何 Notifier，完全依赖 stream 推送
// position / duration / buffered 由播放器自然更新
_startListening();
notifyListeners();
@@ -154,15 +148,12 @@ class AudioService extends ChangeNotifier {
PlaybackService().play(song.url!);
// ⭐ 兜底：主动同步一次播放器状态（解决首次加载时 stream 未推送的问题）
// ⭐ 延迟同步兜底
_syncPlayerStateDelayed();
_loadMetadataForCurrentSong();
}
// ============================================================
// Metadata 加载
// ============================================================
Future<void> _loadMetadataForCurrentSong() async {
if (_currentIndex < 0 || _currentIndex >= _queue.length) return;
final song = _queue[_currentIndex];
@@ -192,9 +183,6 @@ class AudioService extends ChangeNotifier {
}
}
// ============================================================
// 播放控制
// ============================================================
void next() {
if (_queue.isEmpty) return;
@@ -271,38 +259,39 @@ class AudioService extends ChangeNotifier {
notifyListeners();
}
// ============================================================
// 播放器状态同步（兜底机制）
// ============================================================
void _syncPlayerStateDelayed() {
_syncPlayerStateNow();
Future.delayed(const Duration(milliseconds: 200), () {
_syncPlayerStateNow();
});
Future.delayed(const Duration(milliseconds: 500), () {
_syncPlayerStateNow();
});
}
void _syncPlayerStateNow() {
// ⭐ 公开方法：供 PlayerPage 主动同步
void syncPlayerStateNow() {
final player = PlaybackService().player;
final pos = player.state.position;
final dur = player.state.duration;
final buf = player.state.buffer;
if (dur.inMilliseconds > 0 && durationNotifier.value.inMilliseconds == 0) {
debugPrint(
'🎯 [AudioService] syncPlayerStateNow: pos=$pos, dur=$dur, buf=$buf');
// ⭐ 无条件更新（不要只判断 == 0）
if (pos.inMilliseconds >= 0) {
positionNotifier.value = pos;
}
if (dur.inMilliseconds > 0) {
durationNotifier.value = dur;
debugPrint('🎯 [AudioService] sync duration: $dur');
}
if (buf.inMilliseconds > 0 && bufferedNotifier.value.inMilliseconds == 0) {
if (buf.inMilliseconds >= 0) {
bufferedNotifier.value = buf;
debugPrint('🎯 [AudioService] sync buffer: $buf');
}
}
// ============================================================
// media_kit 状态监听
// ============================================================
void _syncPlayerStateDelayed() {
syncPlayerStateNow();
Future.delayed(const Duration(milliseconds: 200), () {
syncPlayerStateNow();
});
Future.delayed(const Duration(milliseconds: 500), () {
syncPlayerStateNow();
});
}
// ---- 监听 ----
void _startListening() {
if (_listening) return;
_listening = true;
@@ -327,7 +316,6 @@ class AudioService extends ChangeNotifier {
_subscriptions.add(
player.stream.duration.listen((duration) {
debugPrint('🎯 [AudioService] durationStream: $duration');
// 只接受 > 0 的值，避免 0 覆盖正确值
if (duration.inMilliseconds > 0) {
durationNotifier.value = duration;
}
@@ -355,9 +343,6 @@ class AudioService extends ChangeNotifier {
_subscriptions.clear();
}
// ============================================================
// 播放完成处理
// ============================================================
void _onPlaybackCompleted() {
if (_handlingCompletion) {
debugPrint('⚠️ [service] completed ignored: already handling');