코드 하나가 비정상 적으로 작동하는데 . 이유를 모르겠습니다 ..

Question

안녕하세요앱개발 공부중에 있습니다.라디오 앱을 제작중에 있으며재생 버튼을 누르면 , 일시정지 아이콘으로 바뀌고, 일시정지 아이콘을 누르면, 다시 재생 아이콘으로 변경되는 기능을 구현하고있습니다.import 'package:audio_session/audio_session.dart';import 'package:flutter/material.dart';import 'package:just_audio/just_audio.dart';class RadioPlayer_Back extends StatefulWidget { final String streamUrl; final String channelName; const RadioPlayer_Back( {Key? key, required this.streamUrl, required this.channelName}) : super(key: key); @override RadioPlayerState createState() => RadioPlayerState();}class RadioPlayerState extends State { late AudioPlayer _audioPlayer; bool isPlaying = false; @override void initState() { super.initState(); _audioPlayer = AudioPlayer(); // AudioPlayer 인스턴스 생성 } Future configureAudioSession() async { final session = await AudioSession.instance; await session.configure(AudioSessionConfiguration.speech()); } @override void dispose() { _audioPlayer.dispose(); // 리소스 해제 super.dispose(); } Future _togglePlayPause() async { try { await _audioPlayer.setAudioSource(AudioSource.uri(Uri.parse(widget.streamUrl)), preload: true); // 미리 버퍼링하여 지연 최소화 switch(isPlaying){ case true : print("pause 호출"); await _audioPlayer.pause(); setState(() { isPlaying = false; }); break; case false : print("play 호출"); await _audioPlayer.play(); setState(() { isPlaying = true; }); break; } } catch (e) { print("Error loading audio: $e"); } } @override Widget build(BuildContext context) { return Container( color: Colors.black54, padding: EdgeInsets.all(10), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( widget.channelName, style: TextStyle(color: Colors.white, fontSize: 16), ), IconButton( icon: Icon( isPlaying ? Icons.pause : Icons.play_arrow, color: Colors.white, ), onPressed: _togglePlayPause, ) ], ), ); }}일단 스트리밍 형식으로 사운드 플레이는 정상작동하나재생버튼 일시정지 버튼, 두번 클릭시 한번은 씹히는 버그가 있습니다 .왜그러는걸까요 .. 하하하..주변에 물어볼곳도 없고 ㅜ도움부탁드립니다.감사합니다.

Clickin · Answer

audioplayer.pause 같은 함수들이 비동기인데 이러면 빠르게 버튼을 누를 시 올바르게 동작하지 않을 수 있겠네요오키 에디터로는 시퀀스 다이어그램을 표기하기 어려워서 대강 눈으로 표기하면 이런 느낌으로요1 2 3 4 1회 2회 1회 반영 2회 반영이 다이어그램에서는 두번째로 버튼을 누를 당시에는 첫번째의 setState가 아직 반영되지 않았기 때문에저의 가설이 맞다면 두번째로 버튼을 누를 때는 첫번째 시작과 동일한 state를 가지고 시작합니다.결론으로 이런 문제를 해결하기 위해서 debounce나 throttle 이라는 두가지 기법이 있으니 둘중 하나를 적용해보시면 됩니다.플러터는 easy_debounce라는 패키지가 있어서 간단하게 사용할 수 있겠네요.

개발잡부 · Answer

디바운스와 쓰로틀 개념이 필요한 경우같아요

코드 하나가 비정상 적으로 작동하는데 . 이유를 모르겠습니다 ..

2개의 답변

Q&A 목록