How can i stop playing audio in Flutter - flutter

Question

I am using audioplayers: ^0.18.0 for playing audio when the screen appears.
This is code for playing audio which is called in initstate:
void initState() {
startTimer();
playLocalAsset();
super.initState();
}
This is to call the play function:
AudioPlayer player;
Future<AudioPlayer> playLocalAsset() async {
AudioCache cache = new AudioCache();
//At the next line, DO NOT pass the entire reference such as assets/yes.mp3. This will not work.
//Just pass the file name only.
return await cache.play("audio.wav");
}
I want to stop it inside onPressed():
onPressed: () {
// this is where stop audio should be used
Navigator.push(
context,
MaterialPageRoute(
builder: (context) {
return Homepage(
device: widget.device,
);
},
),
);
},
How can I stop the audio sound when I press the button of Cancel which I have made in my flutter app. I cannot call it as Future to stop it, kindly help me out.

Answer 1

Nabia Salman
I made an audio player 1 year ago. I did not really know what i was doing. I just tried to do something.
I copied my code here. I hope it could help you.
You can use this code freely. This code is made before Flutter 2.2, so it can be some error due to the null safety.
class _SongsPage extends State<SongsPage> {
List<String> pictures = <String>["assets/images/thespectre.jpg", "assets/images/home.jpg", "assets/images/alone.jpg", "assets/images/lostf.jpg", "assets/images/breakingme.png", "assets/images/cry.jpg", "assets/images/onelife.jpg", "assets/images/coming.jpg", "assets/images/allnight.jpg", "assets/images/wildest.jpg", "assets/images/lovers.jpg", "assets/images/nothing.jpg"];
List<String> songname = <String>["The Spectre", "Home", "Alone", "Don't Leave Me Now", "Breaking Me", "Cry", "One Life", "Coming Home", "All Night", "Wildest Dream", "Lovers For The Weekend", "Nothing Stopping Me"];
List<String> performer = <String>["Alan Walker", "Martin Garrix", "Marshmello", "Lost Frequencies", "Topic", "Gryffin", "Mike Perry", "Dimitri Vangelis & Wyman", "Afrojack", "Thomas Gold", "John De Sohn", "Vicetone"];
List<String> song = <String>['TheSpectre.mp3', 'Home.mp3', 'Alone.mp3', 'DontLeaveMeNow.mp3', 'BreakingMe.mp3', 'Cry.mp3', 'OneLife.mp3', 'ComingHome.mp3', 'AllNight.mp3', 'WildestDream.mp3', 'LoversForTheWeekend.mp3', 'NothingStoppingMe.mp3'];
bool isPlaying = false;
bool isLiked = false;
int index = 0;
Duration _duration = new Duration();
Duration _position = new Duration();
AudioPlayer advancedPlayer;
AudioCache audioCache;
_SongsPage(int indexer){
index = indexer;
}
#override
void initState() {
super.initState();
initPlayer();
}
void initPlayer() {
advancedPlayer = new AudioPlayer();
audioCache = new AudioCache(fixedPlayer: advancedPlayer);
advancedPlayer.durationHandler = (d) => setState(() {
_duration = d;
});
advancedPlayer.positionHandler = (p) => setState(() {
_position = p;
});
}
String localFilePath;
#override
Widget build(BuildContext context) {
return Scaffold(
body: Container(
decoration: BoxDecoration(
gradient: LinearGradient(
begin: Alignment.topLeft,
end: Alignment.bottomRight,
colors: [kbackgroundcolorpink, kbackgroundcolorblue],
tileMode: TileMode.repeated,
),
),
child: Column(
children: <Widget>[
Expanded(
flex: 10,
child: Column(
children: <Widget>[
//Picture
Container(
margin: EdgeInsets.only(top: 120),
width: 200,
height: 200,
decoration: BoxDecoration(
boxShadow: [
BoxShadow(
color: kblack.withOpacity(0.4),
spreadRadius: 3,
blurRadius: 4,
offset: Offset(3, 2),
),
],
),
child: Image.asset(pictures[index]),
),
//Song and Performer
Container(
margin: EdgeInsets.only(top: 20),
height: 80,
child: Column(
children: <Widget>[
Text(songname[index], style: kheadlinesong),
Text(performer[index], style: kheadlineperformer),
],
),
),
//Timer
Container(
padding: EdgeInsets.only(right: 36),
child: Align(
alignment: Alignment.centerRight,
child: Text((_position.inMinutes).toString() + ":" + (_position.inSeconds - (_position.inMinutes * 60)).toString().padLeft(2, "0") + " / " + (_duration.inMinutes).toString() + ":" + (_duration.inSeconds - (_duration.inMinutes * 60)).toString().padLeft(2, "0"), textAlign: TextAlign.right, style: kheadlineperformer),
),
),
//Line
Container(
padding: EdgeInsets.only(right: 12, left: 12),
child: Slider(
activeColor: kbackgroundcolorpink,
inactiveColor: kbackgroundcolorblue,
value: _position.inSeconds.toDouble(),
min: 0.0,
max: _duration.inSeconds.toDouble(),
onChanged: (double value) {
setState(() {
seekToSecond(value.toInt());
value = value;
});
}),
),
],
),
),
Expanded(
flex: 3,
child: Container(
child: Column(
children: <Widget>[
Container(
padding: EdgeInsets.only(bottom: 15),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: <Widget>[
Spacer(),
Spacer(),
IconButton(
icon: PreviousIcon,
onPressed: () {PreviousIconClick();},
),
Spacer(),
IconButton(
icon: Icon(isPlaying ? PauseIcon : PlayIcon2, color: kwhite, size: 40),
onPressed: () {PausePlayIconClick();},
),
Spacer(),
IconButton(
icon: NextIcon,
onPressed: () {NextIconClick();},
),
Spacer(),
Spacer(),
],
),
),
Container(
padding: EdgeInsets.only(top: 15),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: <Widget>[
Spacer(),
IconButton(
icon: Icon(isLiked ? LikeIcon2 : LikeIcon, color: kwhite, size: 26),
onPressed: () {LikeIconClick();},
),
Spacer(),
IconButton(
icon: ShareIcon,
onPressed: () {ShareIconClick();},
),
Spacer(),
IconButton(
icon: Icon(ReplayIcon, color: isPlaying ? kbackgroundcolorpink : kwhite, size: 26),
onPressed: () {ReplayIconClick();},
),
Spacer(),
IconButton(
icon: AddToListIcon,
onPressed: () {AddIconClick();},
),
Spacer(),
],
),
),
],
),
),
),
],
),
),
);
}
void seekToSecond(int second) {
Duration newDuration = Duration(seconds: second);
advancedPlayer.seek(newDuration);
}
void PreviousIconClick(){
if(index == 0){
index = index;
Playing();
}
else {
index--;
Playing();
}
}
void NextIconClick(){
if (index == song.length - 1){
index = 0;
Playing();
}
else{
index++;
Playing();
}
}
void LikeIconClick(){
if(isLiked){
setState(() {
isLiked = false;
});
}
else{
setState(() {
isLiked = true;
});
}
}
void ReplayIconClick(){
}
void AddIconClick(){
}
void ShareIconClick(){
}
void Playing(){
audioCache.play(song[index]);
setState(() {
isPlaying = true;
});
}
void PausePlayIconClick(){
if(isPlaying){
advancedPlayer.pause();
setState(() {
isPlaying = false;
});
}
else{
audioCache.play(song[index]);
setState(() {
isPlaying = true;
});
}
}
}
And this is look like this, and works fine.

Answer 2

I have answered my own question
Initializing the function for play and stop
AudioPlayer player = new AudioPlayer();
AudioCache audioCache;
String mp3Uri = "audio.wav";
void _playSound() {
audioCache = new AudioCache(fixedPlayer: player);
audioCache.play("audio.wav");
}
void _stopSound() {
player.stop();
}
Now call _playSound function inside initState and inside onPressed call _stopSound function

Answer 3

Please try this flutter package audioplayers
assets:
- assets/icons/
- ringtone.mp3
- ringer.mp3
- miss_call.mp3
import 'dart:io';
import 'package:audioplayers/audio_cache.dart';
import 'package:audioplayers/audioplayers.dart';
import 'package:flutter/material.dart';
AudioPlayer advancedPlayer = AudioPlayer();
AudioCache audioCache = AudioCache();
class PlayAudioTone{
playRingTone() {
audioCache.getAbsoluteUrl('ringtone.mp3').then((value) {
print(value);
final file = new File(value);
advancedPlayer.play(file.path, isLocal: true,);
});
}
stopRingTone(){
advancedPlayer.stop();
}
playRinger() {
audioCache.getAbsoluteUrl('ringer.mp3').then((value) {
print(value);
final file = new File(value);
advancedPlayer.play(file.path, isLocal: true);
// advancedPlayer.setVolume(0.01);
});
}
stopRinger(){
advancedPlayer.stop();
}
}