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

Popular posts from this blog

TabBarView & TabBar in Flutter using DefaultTabController()

   Adding TabBarView & TabBar in Flutter using DefaultTabController Import it Now in your Dart code, you can use: import 'package:flutter/gestures .dart ' ;          //for drag gesture Three Simple Steps: 1. Remember to add DefaultTabController before Scaffold: class Timeline_PageState extends State<Timeline_Page>{ @override Widget build(BuildContext context) { return DefaultTabController ( initialIndex: 0 , // default is 0 length: 4 , // Number of Tabs      ); } } 2. TabBar Code: Container (color:Colors. grey . shade100 ,     //TAB_BAR Inside a Container height: 50 , child: TabBar (labelColor: Colors. black , tabs: [ Tab (text: 'About' , icon: Icon (Icons. account_box_outlined , color: Colors. indigo ,), iconMargin: EdgeInsets . only (bottom: 0.0 ),...

Retrieve Data from Firebase in Flutter

Retrieving Data Using DocumentSnapshot Retrieve Data Stored in a map in firebase First, Add dependencies: dependencies: cloud_firestore: ^1.0.7 Now, run an implicit dart pub get . Note: Install the latest version. Import it Now in your Dart code, you can use: import 'package:cloud_firestore/cloud_firestore.dart' ; Now in your Dart code: DocumentSnapshot documentSnapshot = await FirebaseFirestore. instance .collection( 'Collection_Name' ).doc( 'Document_Id' ).get(); Also, to get data length use: int dataLength = documentSnapshot.data(). length ; To get data of a single map: List<String> dataList = documentSnapshot['key'].toString(); For queries or any other help related to flutter or dart feel free to ask in the comments😊