spotube/lib/provider/connect/connect.dart
Kingkor Roy Tirtho 68374efd3e
feat: LAN connect a.k.a control remote Spotube playback and local output device selection (#1355)
* feat: add connect server support

* feat: add ability discover and connect to same network Spotube(s) and sync queue

* feat(connect): add player controls, shuffle, loop, progress bar and queue support

* feat: make control page adaptive

* feat: add volume control support

* cd: upgrade macos runner version

* chore: upgrade inappwebview version to 6

* feat: customized devices button

* feat: add user icon next to devices button

* feat: add play in remote device support

* feat: show alert when new client connects

* fix: ignore the device itself from broadcast list

* fix: volume control not working

* feat: add ability to select current device's output speaker
2024-04-04 22:22:00 +06:00

185 lines
4.5 KiB
Dart

import 'dart:convert';
import 'package:catcher_2/catcher_2.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:spotify/spotify.dart';
import 'package:spotube/models/connect/connect.dart';
import 'package:spotube/provider/connect/clients.dart';
import 'package:spotube/provider/proxy_playlist/proxy_playlist.dart';
import 'package:spotube/services/audio_player/loop_mode.dart';
import 'package:web_socket_channel/web_socket_channel.dart';
import 'package:web_socket_channel/status.dart' as status;
final playingProvider = StateProvider<bool>(
(ref) => false,
);
final positionProvider = StateProvider<Duration>(
(ref) => Duration.zero,
);
final durationProvider = StateProvider<Duration>(
(ref) => Duration.zero,
);
final shuffleProvider = StateProvider<bool>(
(ref) => false,
);
final loopModeProvider = StateProvider<PlaybackLoopMode>(
(ref) => PlaybackLoopMode.none,
);
final queueProvider = StateProvider<ProxyPlaylist>(
(ref) => ProxyPlaylist({}),
);
final volumeProvider = StateProvider<double>(
(ref) => 1.0,
);
class ConnectNotifier extends AsyncNotifier<WebSocketChannel?> {
@override
build() async {
try {
final connectClients = ref.watch(connectClientsProvider);
print('Building ConnectNotifier');
if (connectClients.asData?.value.resolvedService == null) return null;
final service = connectClients.asData!.value.resolvedService!;
print(
'Connecting to ${service.name}: ws://${service.host}:${service.port}/ws');
final channel = WebSocketChannel.connect(
Uri.parse('ws://${service.host}:${service.port}/ws'),
);
await channel.ready;
print(
'Connected to ${service.name}: ws://${service.host}:${service.port}/ws');
final subscription = channel.stream.listen(
(message) {
final event =
WebSocketEvent.fromJson(jsonDecode(message), (data) => data);
event.onQueue((event) {
ref.read(queueProvider.notifier).state = event.data;
});
event.onPlaying((event) {
ref.read(playingProvider.notifier).state = event.data;
});
event.onPosition((event) {
ref.read(positionProvider.notifier).state = event.data;
});
event.onDuration((event) {
ref.read(durationProvider.notifier).state = event.data;
});
event.onShuffle((event) {
ref.read(shuffleProvider.notifier).state = event.data;
});
event.onLoop((event) {
ref.read(loopModeProvider.notifier).state = event.data;
});
event.onVolume((event) {
ref.read(volumeProvider.notifier).state = event.data;
});
},
onError: (error) {
Catcher2.reportCheckedError(
error,
StackTrace.current,
);
},
);
ref.onDispose(() {
subscription.cancel();
channel.sink.close(status.goingAway);
});
return channel;
} catch (e, stack) {
Catcher2.reportCheckedError(e, stack);
rethrow;
}
}
Future<void> emit(Object message) async {
if (state.value == null) return;
state.value?.sink.add(
message is String ? message : (message as dynamic).toJson(),
);
}
Future<void> resume() async {
emit(WebSocketResumeEvent());
}
Future<void> pause() async {
emit(WebSocketPauseEvent());
}
Future<void> stop() async {
emit(WebSocketStopEvent());
}
Future<void> jumpTo(int position) async {
emit(WebSocketJumpEvent(position));
}
Future<void> load(WebSocketLoadEventData data) async {
emit(WebSocketLoadEvent(data));
}
Future<void> next() async {
emit(WebSocketNextEvent());
}
Future<void> previous() async {
emit(WebSocketPreviousEvent());
}
Future<void> seek(Duration position) async {
emit(WebSocketSeekEvent(position));
}
Future<void> setShuffle(bool value) async {
emit(WebSocketShuffleEvent(value));
}
Future<void> setLoopMode(PlaybackLoopMode value) async {
emit(WebSocketLoopEvent(value));
}
Future<void> addTrack(Track data) async {
emit(WebSocketAddTrackEvent(data));
}
Future<void> removeTrack(String data) async {
emit(WebSocketRemoveTrackEvent(data));
}
Future<void> reorder(ReorderData data) async {
emit(WebSocketReorderEvent(data));
}
Future<void> setVolume(double value) async {
emit(WebSocketVolumeEvent(value));
}
}
final connectProvider =
AsyncNotifierProvider<ConnectNotifier, WebSocketChannel?>(
() => ConnectNotifier(),
);