Change audio player

lib/ui/music_player.dart

@@ -3,12 +3,13 @@
 import 'dart:math';
 import 'dart:ui';
 
-import 'package:audioplayers/audioplayers.dart';
+import 'package:chewie_audio/chewie_audio.dart';
 import 'package:fluent_ui/fluent_ui.dart' as fluent;
 import 'package:fluentui_system_icons/fluentui_system_icons.dart';
 import 'package:flutter/material.dart';
 import 'package:music_web_player/api.dart';
 import 'package:music_web_player/ui/cover_image.dart';
+import 'package:video_player/video_player.dart';
 
 class MusicPlayer extends StatefulWidget {
   final MusicsList musicsList;
@@ -22,8 +23,10 @@ class MusicPlayer extends StatefulWidget {
 class _MusicPlayerState extends State<MusicPlayer> {
   final rng = Random();
 
-  final audioPlayer = AudioPlayer(playerId: "player");
+  VideoPlayerController? _videoPlayerController;
-  var _playerState = PlayerState.STOPPED;
+  ChewieAudioController? _chewieAudioController;
+
+  bool get _isPlaying => _chewieAudioController?.isPlaying ?? false;
 
   final List<MusicEntry> stack = [];
   int currMusicPos = 0;
@@ -40,37 +43,33 @@ class _MusicPlayerState extends State<MusicPlayer> {
     return stack[currMusicPos];
   }
 
-  @override
-  void initState() {
-    super.initState();
-
-    audioPlayer.onPlayerError.listen((event) {
-      print("Player error!");
-      print(event);
-      _playNext();
-    });
-
-    audioPlayer.onPlayerStateChanged.listen((s) => setState(() {
-          _playerState = s;
-
-          if (_playerState == PlayerState.COMPLETED) _playNext();
-        }));
-  }
-
   Future<void> _play() async {
-    if (_playerState == PlayerState.PAUSED) {
+    if (_chewieAudioController != null) {
-      await audioPlayer.resume();
+      await _chewieAudioController!.play();
     } else {
-      await audioPlayer.play(currMusic.musicURL);
+      _videoPlayerController =
+          VideoPlayerController.network(currMusic.musicURL);
+      await _videoPlayerController!.initialize();
+      _chewieAudioController = ChewieAudioController(
+          videoPlayerController: _videoPlayerController!,
+          autoPlay: true,
+          showControls: false);
     }
+
+    setState(() {});
   }
 
   Future<void> _stop() async {
-    await audioPlayer.stop();
+    _chewieAudioController?.dispose();
+    _videoPlayerController?.dispose();
+
+    _chewieAudioController = null;
+    _videoPlayerController = null;
   }
 
   void _pause() async {
-    await audioPlayer.pause();
+    await _chewieAudioController?.pause();
+    setState(() {});
   }
 
   void _playPrevious() async {
@@ -157,11 +156,10 @@ class _MusicPlayerState extends State<MusicPlayer> {
                 ),
                 const Spacer(),
                 IconButton(
-                  icon: PlayerIcon(_playerState == PlayerState.PLAYING
+                  icon: PlayerIcon(_isPlaying
                       ? fluent.FluentIcons.pause
                       : fluent.FluentIcons.play),
-                  onPressed:
+                  onPressed: _isPlaying ? _pause : _play,
-                      _playerState == PlayerState.PLAYING ? _pause : _play,
                 ),
                 const Spacer(),
                 IconButton(

pubspec.lock

@@ -8,13 +8,6 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "2.8.2"
-  audioplayers:
-    dependency: "direct main"
-    description:
-      name: audioplayers
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "0.20.1"
   boolean_selector:
     dependency: transitive
     description:
@@ -57,6 +50,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.3.1"
+  chewie_audio:
+    dependency: "direct main"
+    description:
+      name: chewie_audio
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.3.0"
   clock:
     dependency: transitive
     description:
@@ -78,6 +78,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "3.0.1"
+  csslib:
+    dependency: transitive
+    description:
+      name: csslib
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.17.1"
   cupertino_icons:
     dependency: "direct main"
     description:
@@ -163,6 +170,13 @@ packages:
     description: flutter
     source: sdk
     version: "0.0.0"
+  html:
+    dependency: transitive
+    description:
+      name: html
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.15.0"
   http:
     dependency: transitive
     description:
@@ -420,6 +434,41 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "2.1.1"
+  video_player:
+    dependency: "direct main"
+    description:
+      name: video_player
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.3.0"
+  video_player_android:
+    dependency: transitive
+    description:
+      name: video_player_android
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.3.1"
+  video_player_avfoundation:
+    dependency: transitive
+    description:
+      name: video_player_avfoundation
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.3.1"
+  video_player_platform_interface:
+    dependency: transitive
+    description:
+      name: video_player_platform_interface
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "5.1.1"
+  video_player_web:
+    dependency: transitive
+    description:
+      name: video_player_web
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.7"
   win32:
     dependency: transitive
     description:

pubspec.yaml

@@ -47,7 +47,8 @@ dependencies:
   cached_network_image_platform_interface: ^1.0.0
 
   # Audio player
-  audioplayers: ^0.20.1
+  video_player: ^2.3.0
+  chewie_audio: ^1.3.0
 
 dev_dependencies:
   flutter_test: