Flutter录像应用实现15秒自动停止并重置计时器求助

核心问题分析 #

你之前的尝试无效，大概率是因为计时器逻辑和停止流程未绑定：要么计时器没在每秒更新时检查时间，要么停止逻辑没覆盖自动触发场景，或是timer变量的类型/更新方式出问题（比如用字符串'15'判断，可能存在格式或更新不及时的情况）。

具体实现步骤 #

1. 定义必要状态变量
   在你的State类中添加以下变量：

late Timer _timer;
int _recordSeconds = 0; // 用整数记录秒数，避免字符串判断的问题
bool isRecoring = false; // 保留你原有的录制状态变量

2. 封装统一的停止录制函数
   把停止录像、计时器、重置状态的逻辑封装成异步函数，确保点击停止和自动停止调用同一逻辑：

Future<void> _stopRecording() async {
  if (!isRecoring) return;
  
  // 停止计时器
  _timer.cancel();
  // 停止录像
  XFile videopath = await _cameraController.stopVideoRecording();
  
  setState(() {
    isRecoring = false;
    _recordSeconds = 0; // 重置秒数
  });
  
  // 跳转视频预览页
  Navigator.push(
    context,
    MaterialPageRoute(
      builder: (builder) => VideoViewPage(path: videopath.path),
    ),
  );
}

3. 修改启动录制逻辑
   点击启动时，启动周期性计时器，每秒更新秒数并检查是否达到15秒：

void _startRecording() async {
  await _cameraController.startVideoRecording();
  
  setState(() {
    isRecoring = true;
    _recordSeconds = 0;
  });
  
  // 启动每秒触发的计时器
  _timer = Timer.periodic(const Duration(seconds: 1), (timer) {
    setState(() {
      _recordSeconds++;
    });
    
    // 达到15秒自动停止
    if (_recordSeconds >= 15) {
      _stopRecording();
    }
  });
}

4. 更新GestureDetector点击逻辑
   替换原有的onTap逻辑，调用封装好的函数：

GestureDetector(
  onTap: () async {
    if (isRecoring) {
      await _stopRecording();
    } else {
      await _startRecording();
    }
  },
  // 你的其他组件代码
)

额外注意事项 #

• 确保_cameraController已初始化完成，避免调用start/stop时触发异常。
• 在页面销毁时（重写dispose方法），取消计时器防止内存泄漏：

@override
void dispose() {
  if (isRecoring) {
    _timer.cancel();
  }
  _cameraController.dispose();
  super.dispose();
}

内容的提问来源于stack exchange，提问作者nischal nayak