Flutter 移动到另一个字母时停止字母的声音-解网

问：

如果用户没有等待听到字母的声音他快速地在按钮之间移动声音之间有重叠，所有的声音都仍然存在. 在应用程序的后台如何纠正或解决问题？完整代码

https://github.com/Saleque474/Learn-Alphabet

dependencies : kplayer: ^0.2.4


class _HomeState extends State<Home> {
  String currentAlphabet = "A";
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.amber[200],
      body: LayoutBuilder(builder: (context, constraints) {
        var height = constraints.maxHeight;
        var width = constraints.maxWidth;
        return Column(
          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
          children: [
            sentenceHolder(height, width),
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceEvenly,
              children: [
                imageHolder(height, width),
                wordHolder(height, width),
              ],
            ),
            Container(
              decoration:
                  BoxDecoration(borderRadius: BorderRadius.circular(15)),
              child: Wrap(
                children: changePos(),
              ),
            ),
          ],
        );
      }),
    );
  }

  playAudio(String path) {
    Player.asset(path).play();
  }

  List<Widget> changePos() {
    List<Widget> children = [
      ...alphabets
          .map(
            (e) => textHolder(e),
          )
          .toList()
    ];

    return children;
  }

Widget textHolder(String alphabet) {
    return Padding(
      padding: const EdgeInsets.all(7),
      child: ElevatedButton(
        onPressed: () {
          currentAlphabet = alphabet;
          playAudio("assets/audio/$alphabet.wav");
          setState(() {});
        },
        child: Text(alphabet),
      ),
    );
  }

// 当调用字母时，声音是一个函数

它正常工作，但是如果我们在字母按钮之间快速移动，我们会注意到所有声音同时协同工作 //

颤振音频重叠

class _HomeState extends State<Home> {
  AudioPlayer _audioPlayer;
  @override
  void initState() {
    _audioPlayer = AudioPlayer();
    // TODO: implement initState
    super.initState();
  }

  @override
  void dispose() {
    // _audioPlayer.dispose();
    super.dispose();
  }

  void _playAudio(String assetPath) async {
    _audioPlayer.pause();
    assetPath = ("assets/audio/$currentAlphabet.mp3");
    try {
      await _audioPlayer.setAsset(assetPath);
      _audioPlayer.play();
    } catch (e) {
      debugPrint("Error loading audio source: $e");
    }
  }}

我使用just_audio解决了这个问题：

在此处输入图像描述

上一个：如何防止重复调用包含 toastify 通知的多个子组件实例？

下一个：如何使用scipy.stats.binned_statistic？

Flutter 移动到另一个字母时停止字母的声音

Flutter Stop the letter sound when moving to another letter

评论

评论

评论