Flutter AssetsAudioPlayer Télécharger - Flutter AssetsAudioPlayer Code source Télécharger

actifs_audio_player?

Lisez de la musique / audio stockée dans des fichiers d'actifs (simultanément) directement à partir de Flutter (Android / iOS / Web / macOS).

Vous pouvez également utiliser des fichiers audio de lecture à partir du réseau à l'aide de leurs URL, radios / livestream et fichiers locaux

La notification peut être affichée sur Android et iOS, et les actions Bluetooth sont gérées

 flutter :
  assets :
    - assets/audios/

 AssetsAudioPlayer . newPlayer (). open (
    Audio ( "assets/audios/song1.mp3" ),
    autoStart : true ,
    showNotification : true ,
);

échantillon 1

? Importer

 dependencies :
  assets_audio_player : ^3.0.8

Fonctionne avec flutter: ">=3.3.0" , assurez-vous de mettre à niveau votre SDK

Vous aimez le package? Achetez-moi un kofi :)

Source audio	Androïde	ios	Web	Macos
? ️ Fichier d'actifs (chemin d'actif)	✅	✅	✅	✅
Fichier réseau (URL)	✅	✅	✅	✅
? Fichier local (chemin)	✅	✅	✅	✅
? Réseau en direct / radio (URL) ( Par défaut, HLS, Dash, Smoothstream )	✅	✅	✅	✅

Fonctionnalité	Androïde	ios	Web	Macos
? Plusieurs joueurs	✅	✅	✅	✅
? Liste de lecture ouverte	✅	✅	✅	✅
Notification système	✅	✅
Actions Bluetooth	✅	✅
? Respecter le mode silencieux du système	✅	✅
? Pause sur l'appel téléphonique	✅	✅

Commandes	Androïde	ios	Web	Macos
▶ Jouez	✅	✅	✅	✅
⏸ Pause	✅	✅	✅	✅
⏹ Arrête	✅	✅	✅	✅
⏩ chercher (position)	✅	✅	✅	✅
⏪⏩ SeekBy (position)	✅	✅	✅	✅
⏩ En avant (vitesse)	✅	✅	✅	✅
⏪ Rewind (vitesse)	✅	✅	✅	✅
⏭ Suivant	✅	✅	✅	✅
⏮ Prev	✅	✅	✅	✅

Widgets	Androïde	ios	Web	Macos
? Widget audio	✅	✅	✅	✅
? Budgets	✅	✅	✅	✅
? Extension Audioplayer Builders	✅	✅	✅	✅

Propriétés	Androïde	ios	Web	Macos
? Boucle	✅	✅	✅	✅
? Mélanger	✅	✅	✅	✅
? Volume d'obtention / réglage	✅	✅	✅	✅
⏩ Get / Régler la vitesse de jeu	✅	✅	✅	✅
⏩ Get / Set Pitch	✅

Auditeurs	Androïde	ios	Web	Macos
? Écouteur OnReady (terminaison)	✅	✅	✅	✅
? Auditeur courant actuel	✅	✅	✅	✅
? L'auditeur terminé	✅	✅	✅	✅
? Tampon de l'auditeur	✅	✅	✅	✅
? Volume de l'auditeur	✅	✅	✅	✅
? Speed de jeu de l'auditeur	✅	✅	✅	✅
? Pitch de l'auditeur	✅

? Importer des fichiers d'actifs

Aucun nécessaire pour copier des chansons dans un cache multimédia, avec Assets_Audio_Player, vous pouvez les ouvrir directement à partir des actifs.

Créez un répertoire audio dans vos actifs (pas nécessaire nommé "Audios")
Déclarez-le à l'intérieur de votre pubspec.yaml

 flutter :
  assets :
    - assets/audios/

Commencer

 final assetsAudioPlayer = AssetsAudioPlayer ();

assetsAudioPlayer. open (
    Audio ( "assets/audios/song1.mp3" ),
);

Vous pouvez également jouer des chansons de réseau à partir de l'URL

 final assetsAudioPlayer = AssetsAudioPlayer ();

try {
    await assetsAudioPlayer. open (
        Audio . network ( "http://www.mysite.com/myMp3file.mp3" ),
    );
} catch (t) {
    //mp3 unreachable
}

Livestream / Radio de l' URL

La principale différence avec le réseau, si vous faites une pause / jouez, sur LiveStream, il reprendra pour présenter la durée

 final assetsAudioPlayer = AssetsAudioPlayer ();

try {
    await assetsAudioPlayer. open (
        Audio . liveStream ( MY_LIVESTREAM_URL ),
    );
} catch (t) {
    //stream unreachable
}

Et jouer des chansons à partir du fichier

 //create a new player
final assetsAudioPlayer = AssetsAudioPlayer ();

assetsAudioPlayer. open (
    Audio . file ( FILE_URI ),
);

Pour le fichier uri, veuillez consulter https://pub.dev/packages/path_provider

assetsAudioPlayer. playOrPause ();
assetsAudioPlayer. play ();
assetsAudioPlayer. pause ();

assetsAudioPlayer. seek ( Duration to);
assetsAudioPlayer. seekBy ( Duration by);

assetsAudioPlayer. forwardRewind ( double speed);
//if positive, forward, if negative, rewind

assetsAudioPlayer. stop ();

Notifications

notification

Sur iOS, il utilisera MPNowPlayingInfoCenter

Ajouter des métas à l'intérieur de votre audio

 final audio = Audio . network ( "/assets/audio/country.mp3" ,
    metas : Metas (
            title :  "Country" ,
            artist : "Florent Champigny" ,
            album : "CountryAlbum" ,
            image : MetasImage . asset ( "assets/images/country.jpg" ), //can be MetasImage.network
          ),
   );

Ouvert avec showNotification: true

_player. open (audio, showNotification : true )

Notification personnalisée

Icône personnalisée (Android uniquement)

Par ressourcename

Assurez-vous d'ajouter ces icônes à l'intérieur de votre android/res/drawable !!! Pas sur les actifs de flottement !!!!

 await _assetsAudioPlayer. open (
        myAudio,
        showNotification : true ,
        notificationSettings : NotificationSettings (
            customStopIcon : AndroidResDrawable (name : "ic_stop_custom" ),
            customPauseIcon : AndroidResDrawable (name : "ic_pause_custom" ),
            customPlayIcon : AndroidResDrawable (name : "ic_play_custom" ),
            customPrevIcon : AndroidResDrawable (name : "ic_prev_custom" ),
            customNextIcon : AndroidResDrawable (name : "ic_next_custom" ),
        )

Et n'oubliez pas de dire à Proguard de garder ces ressources pour le mode de libération

(en partie conserver les ressources)

https://sites.google.com/a/android.com/tools/tech-docs/new-build-system/resource-shrinking

<? xml version = " 1.0 " encoding = " utf-8 " ?>
< resources xmlns : tools = " http://schemas.android.com/tools "
tools:keep= " @drawable/ic_next_custom, @drawable/ic_prev_custom, @drawable/ic_pause_custom, @drawable/ic_play_custom, @drawable/ic_stop_custom " />

Par manifeste

Ajoutez votre icône dans votre dossier res Android (Android / App / Src / Main / Res)
Référez cette icône dans votre AndroidManifest (Android / App / Src / Main / AndroidManifest.xml)

< meta-data
     android : name = " assets.audio.player.notification.icon "
     android : resource = " @drawable/ic_music_custom " />

Vous pouvez également modifier les icônes d'action

 <meta-data
    android:name="assets.audio.player.notification.icon.play"
    android:resource="@drawable/ic_play_custom"/>
<meta-data
    android:name="assets.audio.player.notification.icon.pause"
    android:resource="@drawable/ic_pause_custom"/>
<meta-data
    android:name="assets.audio.player.notification.icon.stop"
    android:resource="@drawable/ic_stop_custom"/>
<meta-data
    android:name="assets.audio.player.notification.icon.next"
    android:resource="@drawable/ic_next_custom"/>
<meta-data
    android:name="assets.audio.player.notification.icon.prev"
    android:resource="@drawable/ic_prev_custom"/>

Gérer la notification Cliquez (Android)

Ajouter le principal

 AssetsAudioPlayer . setupNotificationsOpenAction ((notification) {
    //custom action
    return true ; //true : handled, does not notify others listeners
                 //false : enable others listeners to handle it
});

Alors si vous voulez une action personnalisée sur le widget

 AssetsAudioPlayer . addNotificationOpenAction ((notification) {
   //custom action
   return false ; //true : handled, does not notify others listeners
                 //false : enable others listeners to handle it
});

Actions personnalisées

Vous pouvez activer / désactiver une action de notification

 open ( AUDIO ,
   showNotification : true ,
   notificationSettings : NotificationSettings (
       prevEnabled : false , //disable the previous button

       //and have a custom next action (will disable the default action)
       customNextAction : (player) {
         print ( "next" );
       }
   )

)

Mettre à jour le contenu Metas / Notification d'Audio

Après votre création audio, appelez juste

audio. updateMetas (
       player : _assetsAudioPlayer, //add the player if the audio is actually played
       title : "My new title" ,
       artist : "My new artist" ,
       //if I not provide a new album, it keep the old one
       image : MetasImage . network (
         //my new image url
       ),
);

Actions Bluetooth

Vous devez permettre la notification pour les faire fonctionner

Commandes distantes disponibles:

Jouer / faire une pause
Suivant
Crévuré
Arrêt

Stratégie du casque

(Seulement pour Android pour l'instant)

Lors de l'ouverture d'une chanson / playlist, ajoutez une stratégie

assetsAudioPlayer. open (
   ...
  headPhoneStrategy : HeadPhoneStrategy .pauseOnUnplug,
  //headPhoneStrategy: HeadPhoneStrategy.none, //default
  //headPhoneStrategy: HeadPhoneStrategy.pauseOnUnplugPlayOnPlug,
)

Si vous voulez également le faire fonctionner sur Bluetooth, vous devrez ajouter l'autorisation Bluetooth dans votre AndroidManifest.xml

< uses-permission android : name = " android.permission.BLUETOOTH " />

⛓ Jouez en parallèle / simultanément

Vous pouvez créer une nouvelle AssetsAudioplayer à l'aide de AssetsAudioplayer.NewPlayer (), qui jouera des chansons dans un autre lecteur multimédia natif

Cela permettra de jouer à deux chansons simultanément

Vous pouvez avoir autant de joueurs que vous le souhaitez!

 ///play 3 songs in parallel
AssetsAudioPlayer . newPlayer (). open (
    Audio ( "assets/audios/song1.mp3" )
);
AssetsAudioPlayer . newPlayer (). open (
    Audio ( "assets/audios/song2.mp3" )
);

//another way, with create, open, play & dispose the player on finish
AssetsAudioPlayer . playAndForget (
    Audio ( "assets/audios/song3.mp3" )
);

Chaque joueur a un id généré unique, vous pouvez les récupérer ou les créer manuellement en utilisant

 final player = AssetsAudioPlayer . withId (id : "MY_UNIQUE_ID" );

? ️ Liste de lecture

assetsAudioPlayer. open (
  Playlist (
    audios : [
      Audio ( "assets/audios/song1.mp3" ),
      Audio ( "assets/audios/song2.mp3" )
    ]
  ),
  loopMode : LoopMode .playlist //loop the full playlist
);

assetsAudioPlayer. next ();
assetsAudioPlayer. prev ();
assetsAudioPlayer. playlistPlayAtIndex ( 1 );

Widget audio

Si vous voulez un moyen plus flottant de jouer audio, essayez l' AudioWidget !

échantillon

 //inside a stateful widget

bool _play = false ;

@override
Widget build ( BuildContext context) {
  return AudioWidget . assets (
     path : "assets/audios/country.mp3" ,
     play : _play,
     child : RaisedButton (
           child : Text (
               _play ? "pause" : "play" ,
           ),
           onPressed : () {
               setState (() {
                 _play = ! _play;
               });
           }
      ),
      onReadyToPlay : (duration) {
          //onReadyToPlay
      },
      onPositionChanged : (current, duration) {
          //onPositionChanged
      },
  );
}

Comment faire? arrêt ? L'Audiowidget?

Supprimez simplement l'audio de l'arbre! Ou simplement garder play: false

Auditeurs

Tous les auditeurs expose les flux à l'aide de RXDART, AssetsAudiOplayer expose certains écouteurs comme ValueObservable (observable qui fournit un accès synchrone au dernier élément émis);

? Chanson actuelle

 //The current playing audio, filled with the total song duration
assetsAudioPlayer.current //ValueObservable<PlayingAudio>

//Retrieve directly the current played asset
final PlayingAudio playing = assetsAudioPlayer.current.value;

//Listen to the current playing song
assetsAudioPlayer.current. listen ((playingAudio){
    final asset = playingAudio.assetAudio;
    final songDuration = playingAudio.duration;
})

⌛ Durée actuelle de la chanson

 //Listen to the current playing song
final duration = assetsAudioPlayer.current.value.duration;

⏳ Position actuelle (en secondes)

assetsAudioPlayer.currentPosition //ValueObservable<Duration>

//retrieve directly the current song position
final Duration position = assetsAudioPlayer.currentPosition.value;

return StreamBuilder (
    stream : assetsAudioPlayer.currentPosition,
    builder : (context, asyncSnapshot) {
        final Duration duration = asyncSnapshot.data;
        return Text (duration. toString ());
    }),

Ou utilisez un joueur-constructeur!

 PlayerBuilder . currentPosition (
     player : _assetsAudioPlayer,
     builder : (context, duration) {
       return Text (duration. toString ());
     }
)

ou extension du constructeur de joueurs

_assetsAudioPlayer. builderCurrentPosition (
     builder : (context, duration) {
       return Text (duration. toString ());
     }
)

▶ Isplaying

booléen observable représentant l'état de jeu du média actuel

assetsAudioPlayer.isPlaying // ValueObservable<bool>

//retrieve directly the current player state
final bool playing = assetsAudioPlayer.isPlaying.value;

//will follow the AssetsAudioPlayer playing state
return StreamBuilder (
    stream : assetsAudioPlayer.isPlaying,
    builder : (context, asyncSnapshot) {
        final bool isPlaying = asyncSnapshot.data;
        return Text (isPlaying ? "Pause" : "Play" );
    }),

Ou utilisez un joueur-constructeur!

 PlayerBuilder . isPlaying (
     player : _assetsAudioPlayer,
     builder : (context, isPlaying) {
       return Text (isPlaying ? "Pause" : "Play" );
     }
)

ou extension du constructeur de joueurs

_assetsAudioPlayer. builderIsPlaying (
     builder : (context, isPlaying) {
       return Text (isPlaying ? "Pause" : "Play" );
     }
)

? Volume

Modifier le volume (entre 0,0 et 1,0)

assetsAudioPlayer. setVolume ( 0.5 );

Le lecteur multimédia peut suivre le "mode de volume" du système (vibrer, muet, normal) définir simplement le paramètre facultatif respectSilentMode comme true

_player. open ( PLAYABLE , respectSilentMode : true );

https://developer.android.com/reference/android/media/audiomanager.html?hl=fr#getRingerMode ()

https://developer.apple.com/documentation/avfoundation/avaudiosessioncategorysoloambient

Écoutez le volume

 return StreamBuilder (
    stream : assetsAudioPlayer.volume,
    builder : (context, asyncSnapshot) {
        final double volume = asyncSnapshot.data;
        return Text ( "volume : $ volume " );
    }),

Ou utilisez un joueur-constructeur!

 PlayerBuilder . volume (
     player : _assetsAudioPlayer,
     builder : (context, volume) {
       return Text ( "volume : $ volume " );
     }
)

Fini

Appelé lorsque la chanson actuelle a terminé pour jouer,

Il donne l'audio de lecture qui vient de terminer

assetsAudioPlayer.playlistAudioFinished //ValueObservable<Playing>

assetsAudioPlayer.playlistAudioFinished. listen (( Playing playing){

})

Appelé lorsque la playlist complète a terminé pour jouer

assetsAudioPlayer.playlistFinished //ValueObservable<bool>

assetsAudioPlayer.playlistFinished. listen ((finished){

})

? Boucle

 final LoopMode loopMode = assetsAudioPlayer.loop;
// possible values
// LoopMode.none : not looping
// LoopMode.single : looping a single audio
// LoopMode.playlist : looping the fyll playlist

assetsAudioPlayer. setLoopMode ( LoopMode .single);

assetsAudioPlayer.loopMode. listen ((loopMode){
    //listen to loop
})

assetsAudioPlayer. toggleLoop (); //toggle the value of looping

? Jouez la vitesse

assetsAudioPlayer. setPlaySpeed ( 1.5 );

assetsAudioPlayer.playSpeed. listen ((playSpeed){
    //listen to playSpeed
})

//change play speed for a particular Audio

Audio audio = Audio . network (
    url,
    playSpeed : 1.5
);
assetsAudioPlayer. open (audio);

? ️ Pitch

assetsAudioPlayer. setPitch ( 1.2 );

assetsAudioPlayer.pitch. listen ((pitch){
    //listen to pitch
})

//change pitch for a particular Audio

Audio audio = Audio . network (
    url,
    pitch : 1.2
);
assetsAudioPlayer. open (audio);

Gestion des erreurs

Par défaut, lors de l'erreur de lecture, il arrête l'audio

Mais vous pouvez ajouter un comportement personnalisé

_player.onErrorDo = (handler){
  handler.player. stop ();
};

Ouvrez un autre audio

_player.onErrorDo = (handler){
  handler.player. open ( ANOTHER_AUDIO );
};

Essayez d'ouvrir à nouveau sur la même position

_player.onErrorDo = (handler){
  handler.player. open (
      handler.playlist. copyWith (
        startIndex : handler.playlistIndex
      ),
      seek : handler.currentPosition
  );
};

Politiques réseau (Android / iOS / macOS)

Android autorise uniquement les appels HTTPS, vous aurez une erreur si vous utilisez HTTP, n'oubliez pas d'ajouter l'autorisation Internet et SEET usesCleartextTraffic="true" dans votre AndroidManifest.xml

 <?xml version="1.0" encoding="utf-8"?>
<manifest ...>
    <uses-permission android:name="android.permission.INTERNET" />
    <application
        ...
        android:usesCleartextTraffic="true"
        ...>
        ...
    </application>
</manifest>

iOS autorise uniquement les appels HTTPS, vous aurez une erreur si vous utilisez HTTP, n'oubliez pas de modifier votre Info.plist et définissez NSAppTransportSecurity à NSAllowsArbitraryLoads

 <key>NSAppTransportSecurity</key>
<dict>
    <key>NSAllowsArbitraryLoads</key>
    <true/>
</dict>

Pour activer les appels HTTP sur macOS, vous devez ajouter des capacités d'appels d'entrée / sortie dans info.plist

 <key>NSAppTransportSecurity</key>
<dict>
    <key>NSAllowsArbitraryLoads</key>
    <true/>
</dict>
<key>UIBackgroundModes</key>
<array>
    <string>audio</string>
    <string>fetch</string>
</array>
<key>com.apple.security.network.client</key>
<true/>

Et dans votre

Runner/DebugProfile.entitlements

ajouter

 <key>com.apple.security.network.client</key>
<true/>

Runner/DebugProfile.entitlements complet.

 <?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
	<key>com.apple.security.app-sandbox</key>
	<true/>
	<key>com.apple.security.cs.allow-jit</key>
	<true/>
	<key>com.apple.security.network.server</key>
	<true/>
	<key>com.apple.security.network.client</key>
	<true/>
</dict>
</plist>

? Musiques

Toutes les musiques utilisées dans les échantillons sont venues de https://www.freemusicarchive.org/

Développer