To create a simple music app in Flutter, you can follow these steps:
- Create a new Flutter project:
flutter create music_app
- Add the
audio_serviceandjust_audiopackages to yourpubspec.yamlfile:
dependencies:
flutter:
sdk: flutter
audio_service: ^3.3.2
just_audio: ^1.1.1
- Import the
audio_serviceandjust_audiopackages in your maindartfile:
import 'package:audio_service/audio_service.dart';
import 'package:just_audio/just_audio.dart';
- Create a new
MusicPlayerclass that extends theAudioServiceBackgroundclass:
class MusicPlayer extends AudioServiceBackground {
// TODO: Add your code here
}
- In the
MusicPlayerclass, define a method to play a song:
Future<void> play(String url) async {
final player = AudioPlayer();
final audio = Audio.network(url);
await player.setUrl(audio);
await player.play();
// TODO: Add code to handle playback updates and completion
}
- In the
MusicPlayerclass, define a method to handle playback updates:
void _updatePlaybackState() {
AudioServiceBackground.setState(
controls: [
MediaControl.pause,
MediaControl.stop
],
processingState: _player.processingState,
playing: _player.playing,
position: _player.position,
);
}
- In the
MusicPlayerclass, define a method to handle playback completion:
void _onComplete() {
_player.stop();
_updatePlaybackState();
onStop();
}
- In the
MusicPlayerclass, override theonStartandonStopmethods:
@override
Future<void> onStart(Map<String, dynamic> params) async {
final url = params['url'];
await play(url);
}
@override
Future<void> onStop() async {
await _player.dispose();
}
- In the main
dartfile, call theAudioService.startmethod to start the music player:
AudioService.start(
backgroundTaskEntrypoint: MusicPlayer().run,
androidNotificationChannelName: 'Music Player',
androidNotificationColor: 0xFF2196f3,
androidNotificationIcon: 'mipmap/ic_launcher',
androidNotificationTitle: 'Music Player',
);
This is just a basic example of how to create a music player app in Flutter using the audio_service and just_audio packages. You can find more information and additional examples in the package documentation and package documentation.