Skip to main content

Adding Audio/sound in Flutter

 

Adding Audio/Sound in Flutter

First, Add dependencies:
dependencies:
  audioplayers: ^0.18.3
Now, run an implicitdart pub get.
Note: Install the latest version.
Import it
Now in your Dart code, you can use:
import 'package:audioplayers/audioplayers.dart';
import 'package:audioplayers/audio_cache.dart';
Play Sound/Audio after you open the app:
AudioPlayer advancedPlayer;

Future loadMusic() async {
    advancedPlayer = await AudioCache().loop("filename.mp3");    //to play audio in a loop
                //OR
    advancedPlayer = await AudioCache().play("filename.mp3");    //to play audio once
}
@override
void initState() {
    loadMusic();
    super.initState();
}
To Stop Sound/Audio:
Future stopp(){        //created stopp() function to stop playing audio
advancedPlayer.stop();
}
To Play/Stop Sound on a click on a icon:
class _HomeScreen extends State<HomeScreen>{
Icon icon1 = Icon(    //to change icon onPressed:
Icons.volume_up,
);
        
bool on = true;     

@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: Text("APP TITLE"),
centerTitle: true,
      actions: [
IconButton(icon: icon1, onPressed: (){
        setState(() {   
if(on){    //stops playing audio onPressed:
stopp();       
icon1 = Icon( Icons.volume_off,);
on = !on;
}
          else{    //starts playing audio onPressed:
loadMusic();    
icon1 = Icon( Icons.volume_up,);
on = !on;
   }
        });
       }),     //IconButton
    ],),      //AppBar
   );        //Scaffold  
 }
}

For queries or any other help related to flutter or dart feel free to ask in the comments😊

Comments

Post a Comment