时间戳

首页 > 解决方案 > 防止同时播放 2 个收音机。只播放 1 次广播

flutter - 防止同时播放 2 个收音机。只播放 1 次广播

问题描述

当我来到收音机页面时，我可以自动启动它。在页面之间切换时收音机会继续播放。当我们再次来到收音机页面时，同样的收音机又开始播放了，也就是2台收音机同时在播放。如果当我回到收音机页面时收音机正在播放，我们不要开始新收音机，而是继续播放收音机。所以我不想改变。我怎样才能做到这一点。

代码在这里：

import 'package:flutter/material.dart';
import 'package:flutter_radio/flutter_radio.dart';
class RadioSayfasi extends StatefulWidget {
  @override
  _RadioSayfasiState createState() => _RadioSayfasiState();
}

class _RadioSayfasiState extends State<RadioSayfasi> {
  String url= "https://fm898.online/mystream.mp3";

  bool isPlaying= false;
  bool isVisible= true;

  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    audioStart();
  }

  Future <void> audioStart() async {
    await FlutterRadio.audioStart();
    print("Radio Başladı");
    FlutterRadio.play(url: url);
    isPlaying = !isPlaying;
    isVisible = !isVisible;
    
  }
  Future<bool>_onBackPressed(){
    FlutterRadio.stop();
    Navigator.pop(
        context, MaterialPageRoute(builder: (_) => Profil()));
  }
  @override
  Widget build(BuildContext context) {
    return WillPopScope(
      onWillPop: _onBackPressed,
      child: new MaterialApp(
          title: 'IndieXL Online Radio',
          debugShowCheckedModeBanner: false,
          home: new Scaffold(
            appBar: new AppBar(
              title: const Text('FM Radio'),
              backgroundColor: Colors.blueGrey.shade900,
              centerTitle: true,
            ),
            body: Container(
              color: Colors.blueGrey.shade900,
              child: new Column(
                children: <Widget>[
                  Expanded(
                    flex: 7,
                    child: Icon(
                      Icons.radio, size: 250,
                      color: Colors.white,
                    ),
                  ),
                  Expanded(
                    flex: 2,
                    child: Padding(
                      padding: const EdgeInsets.only(right: 40),
                      child: Align(
                        alignment: FractionalOffset.center,
                        child: IconButton(icon: isPlaying? Icon(
                          Icons.pause_circle_outline,
                          size: 80,
                          color: Colors.white,
                        )
                            : Icon(
                          Icons.play_circle_outline,
                          color: Colors.white,
                          size: 80,
                        ),
                          onPressed: (){
                            setState(() {
                              FlutterRadio.playOrPause(url: url);
                              isPlaying = !isPlaying;
                              isVisible = !isVisible;
                              print("tıkladı");
                            });
                          },
                        ),
                      ),
                    ),
                  ),
                  SizedBox(height: 50,)
                ],
              ),
            ),
          )),
    );
  }

}

标签： flutterdartradio-buttonradio

解决方案

我认为你有两个选择

1：如果收音机正在播放，则使用静态版本保存值并在audioStart函数中验证以避免再次播放

2：使用提供者，同样全局保存值

您也可以尝试添加此更改

 String url= "https://fm898.online/mystream.mp3";

  static bool isPlaying= false;
  bool isVisible= true;

  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    audioStart();
  }

  Future <void> audioStart() async {
    await FlutterRadio.audioStart();
    print("Radio Başladı");
   
    if(!isPlaying){
       FlutterRadio.play(url: url);
       isPlaying = !isPlaying;
    }
    isVisible = !isVisible;
    
  }

推荐阅读