cloudsolutions-atoms/lib/views/widgets/sound/record_sound.dart

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_sound/flutter_sound.dart';
import 'package:permission_handler/permission_handler.dart';
import 'package:rive/rive.dart';
import 'package:test_sa/views/widgets/buttons/app_icon_button2.dart';
import 'package:test_sa/views/widgets/buttons/app_small_button.dart';
import 'package:test_sa/views/widgets/sound/sound_player.dart';

import '../../app_style/sizing.dart';

class RecordSound extends StatefulWidget {
  final Function(String) onRecord;

  const RecordSound({Key key, @required this.onRecord}) : super(key: key);

  @override
  State<RecordSound> createState() => _RecordSoundState();
}

class _RecordSoundState extends State<RecordSound> {
  FlutterSoundRecorder _myRecorder = FlutterSoundRecorder();
  bool _recorderIsOpened = false;
  bool _recording = false;
  bool _fastTab = false;
  String _record;
  Artboard _rive;

  @override
  void setState(VoidCallback fn) {
    if (mounted) super.setState(fn);
  }

  @override
  void initState() {
    super.initState();
    _myRecorder.openRecorder().then((value) {
      _recorderIsOpened = true;
      setState(() {});
    });

    // Load the animation file from the bundle, note that you could also
    // download this. The RiveFile just expects a list of bytes.
    rootBundle.load('assets/rives/recording.riv').then(
      (data) async {
        // Load the RiveFile from the binary data.
        final file = RiveFile.import(data);
        // The artboard is the root of the animation and gets drawn in the
        // Rive widget.
        final artboard = file.mainArtboard;
        // Add a controller to play back a known animation on the main/default
        // artboard.We store a reference to it so we can toggle playback.
        artboard.addController(SimpleAnimation('recording'));
        _rive = artboard;

        setState(() {});
      },
    );
  }

  @override
  void dispose() {
    // Be careful : you must `close` the audio session when you have finished with it.
    _myRecorder.closeRecorder();
    _myRecorder = null;
    super.dispose();
  }

  _startRecording() async {
    _fastTab = false;
    // await Permission.camera
    PermissionStatus status = await Permission.microphone.request();
    if (!status.isGranted) {
      return;
    }
    _rive.addController(SimpleAnimation('recording'));
    if (!_recorderIsOpened) {
      await _myRecorder.openRecorder();
      _recorderIsOpened = true;
    }

    await _myRecorder.startRecorder(toFile: "record_${DateTime.now().millisecondsSinceEpoch}.mp4", codec: Codec.aacMP4, sampleRate: 360000, bitRate: 360000);

    _recording = true;
    setState(() {});
  }

  _stopRecording() async {
    if (!_recording) {
      _fastTab = true;
      setState(() {});
      return;
    }
    String path = (await _myRecorder.stopRecorder()).toString();
    _record = path;
    widget.onRecord(path);
    _recording = false;
    setState(() { });
  }

  _cancelRecording() async {
    if (!_recording) return;
    String path = await _myRecorder.stopRecorder();
    _myRecorder.deleteRecord(fileName: path);
    _rive.addController(SimpleAnimation('delete'));

    // rebuild();
    _recording = false;
    await Future.delayed(const Duration(seconds: 1));
    if(!_recording) setState(() { });
    // _message.memoryAudio.;
  }

  @override
  Widget build(BuildContext context) {
    return Container(
      padding: EdgeInsets.only(left: 12, right: 0),
      decoration: BoxDecoration(
        color: Color(0xfff5f5f5),
        border: Border.all(
          color: Color(0xffefefef),
        ),
        borderRadius: BorderRadius.circular(AppStyle.borderRadius * AppStyle.getScaleFactor(context)),
      ),
      child: Column(
        children: [
          Row(
            children: [
              Expanded(
                child: _recording
                    ? Row(
                        children: [
                          ASmallButton(
                            text: "done",
                            onPressed: () {
                              _stopRecording();
                            },
                          ),
                          Expanded(
                            child: Stack(
                              children: [
                                SizedBox(
                                    height: 24 * AppStyle.getScaleFactor(context),
                                    child: Rive(
                                      artboard: _rive,
                                    )),
                                InkWell(
                                  child: SizedBox(
                                    height: 32 * AppStyle.getScaleFactor(context),
                                    width: MediaQuery.of(context).size.width,
                                  ),
                                  onTap: () {
                                    _cancelRecording();
                                  },
                                ),
                              ],
                            ),
                          ),
                        ],
                      )
                    : _record != null
                        ? Row(
                            children: [
                              Expanded(child: ASoundPlayer(audio: _record)),
                              AIconButton2(
                                iconData: Icons.delete,
                                onPressed: () {
                                  widget.onRecord(null);
                                  _record = null;
                                  setState(() {});
                                },
                              )
                            ],
                          )
                        : const Text("Record Voice"),
              ),
              Material(
                color: Colors.transparent,
                child: GestureDetector(
                  //key: ValueKey("voice"),
                  child: const Padding(
                    padding: EdgeInsets.all(12.0),
                    child: Icon(Icons.mic),
                  ),

                  onTapDown: (TapDownDetails details) async {
                    _startRecording();
                  },
                  onTapUp: (TapUpDetails details) async {
                    _stopRecording();
                  },
                  onTapCancel: () async {
                    _cancelRecording();
                  },
                ),
              ),
            ],
          ),
        ],
      ),
    );
  }
}