liangchengyou / wow_english

import 'package:common_utils/common_utils.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:video_player/video_player.dart';
import 'package:wow_english/common/extension/string_extension.dart';
import 'package:wow_english/pages/video/lookvideo/bloc/look_video_bloc.dart';
import 'package:wow_english/route/route.dart';

import '../../../section/subsection/base_section/event.dart';
import '../../../section/subsection/base_section/state.dart';
import 'video_opera_widget.dart';

class VideoWidget extends StatefulWidget {
  const VideoWidget({super.key,
    this.videoUrl = '',
    this.typeTitle,
    this.courseLessonId = '',
    this.isTopic = false});

  final String videoUrl;
  final String? typeTitle;
  final String courseLessonId;
  final bool isTopic;

  @override
  State<StatefulWidget> createState() {
    return _VideoWidgetState();
  }
}

class _VideoWidgetState extends State<VideoWidget> {
  VideoPlayerController? _controller;
  String _currentTime = '00:00';
  String _totalTime = '00:00';
  double _playDegree = 0.0;
  bool _hiddenTipView = false;
  TimerUtil? timerUtil;

  String formatDuration(Duration duration) {
    String hours = duration.inHours.toString().padLeft(2, '0');
    String minutes = duration.inMinutes.remainder(60).toString().padLeft(
        2, '0');
    String seconds = duration.inSeconds.remainder(60).toString().padLeft(
        2, '0');
    return "$hours:$minutes:$seconds";
  }

  void _addListener() {
    _controller!.addListener(() {
      if (_controller!.value.isInitialized) {
        if (_controller!.value.isPlaying) {
          setState(() {
            double currentSecond = getCurrentPositionSeconds().toDouble();
            int totalSecond =
                _controller!.value.duration.inMinutes.remainder(60) * 60 +
                    _controller!.value.duration.inSeconds.remainder(60);
            _currentTime = formatDuration(_controller!.value.position);
            _playDegree = currentSecond / totalSecond;
            if (_playDegree > 1.0) {
              _playDegree = 1.0;
            }
            if (_playDegree < 0) {
              _playDegree = 0.0;
            }
          });
        } else if (widget.isTopic &&
            //受限于video_player库没有唯一的播放完成状态标识，发现isBuffering=false的时候暂时是安全唯一的
            _controller?.value.isBuffering == false &&
            _controller!.value.isCompleted &&
            _controller!.value.position.inSeconds ==
                _controller!.value.duration.inSeconds) {
          final lookVideoBloc = context.read<LookVideoBloc>();
          lookVideoBloc.sectionComplete(() {
            popPage(data: {
              'courseLessonId': widget.courseLessonId,
              'currentTime': getCurrentPositionSeconds(),
              'isCompleted': true,
              'nextSection': widget.isTopic
            });
          } as VoidCallback,
              againSectionTap: (() {
                lookVideoBloc.add(SectionAgainEvent());
              }), context: context);
        }
      }
    });
  }

  //开始倒计时
  void startTimer() {
    if (timerUtil == null) {
      timerUtil = TimerUtil(mInterval: 1000, mTotalTime: 1000 * 10);
      timerUtil!.setOnTimerTickCallback((int tick) {
        double currentTick = tick / 1000;
        if (currentTick.toInt() == 0) {
          //倒计时结束
          setState(() {
            _hiddenTipView = true;
          });
          timerUtil!.cancel();
          timerUtil = null;
        }
      });
      timerUtil!.startCountDown();
    }
  }

  //取消倒计时
  void cancelTimer() {
    timerUtil!.cancel();
    timerUtil = null;
  }

  void actionType(OperationType type) async {
    if (type == OperationType.back) {
      if (widget.courseLessonId.isEmpty) {
        popPage();
      } else {
        if (_controller == null) {
          popPage();
          return;
        }
        popPage(data: {
          'courseLessonId': widget.courseLessonId,
          'currentTime': getCurrentPositionSeconds(),
        });
      }
    } else if (type == OperationType.playState) {
      if (_controller!.value.isPlaying) {
        _controller!.pause();
      } else {
        _controller!.play();
      }
      setState(() {});
    }
  }

  @override
  void initState() {
    super.initState();
    Uri uri = Uri.parse(widget.videoUrl);
    _controller = VideoPlayerController.networkUrl(uri)
      ..initialize().then((_) {
        startTimer();
        setState(() {
          _currentTime = formatDuration(_controller!.value.position);
          _totalTime = formatDuration(_controller!.value.duration);
          _controller!.setLooping(!widget.isTopic);
          _controller!.setVolume(100);
          _controller!.play();
        });
        _addListener();
      });
  }

  @override
  Widget build(BuildContext context) {
    return BlocListener<LookVideoBloc, BaseSectionState>(
      listener: (context, state) async {
        if (state is SectionAgainState) {
          await _controller?.seekTo(Duration.zero);
          _controller?.play();
        }
      },
      child: GestureDetector(
        onTap: () {
          setState(() {
            _hiddenTipView = !_hiddenTipView;
            if (!_hiddenTipView) {
              startTimer();
            } else {
              if (timerUtil!.isActive()) {
                cancelTimer();
              }
            }
          });
        },
        onDoubleTap: () {
          if (_controller!.value.isInitialized) {
            if (_controller!.value.isPlaying) {
              _controller!.pause();
            } else {
              _controller!.play();
            }
            setState(() {});
          }
        },
        child: Center(
          child: _controller!.value.isInitialized
              ? Stack(
            alignment: Alignment.center,
            children: [
              SizedBox(
                height: double.infinity,
                width: double.infinity,
                child: AspectRatio(
                  aspectRatio: _controller!.value.aspectRatio,
                  child: VideoPlayer(_controller!),
                ),
              ),
              Offstage(
                offstage: _hiddenTipView,
                child: VideoOperaWidget(
                  title: widget.typeTitle ?? 'song',
                  degree: _playDegree,
                  totalTime: _totalTime,
                  currentTime: _currentTime,
                  isPlay: _controller!.value.isPlaying,
                  actionEvent: (OperationType type) {
                    actionType(type);
                  },
                  sliderChangeEvent: (double degree) {
                    int totalSecond = _controller!
                        .value.duration.inMinutes
                        .remainder(60) *
                        60 +
                        _controller!.value.duration.inSeconds
                            .remainder(60);
                    int positionSecond = (totalSecond * degree).toInt();
                    _controller!
                        .seekTo(Duration(seconds: positionSecond));
                  },
                ),
              ),
              Offstage(
                offstage: _controller!.value.isPlaying,
                child: IconButton(
                  onPressed: () {
                    _controller!.play();
                  },
                  icon: Image.asset(
                    'video_stop'.assetPng,
                    width: 70.w,
                    height: 70.h,
                  ),
                ),
              )
            ],
          )
              : Container(
            color: Colors.white,
            child: const CircularProgressIndicator(),
            // Text(
            //   '视频加载中....',
            //   style: TextStyle(fontSize: 20.sp, color: Colors.black),
            // ),
          ),
        ),
      ),
    );
  }

  @override
  void dispose() {
    _controller?.dispose();
    _controller?.removeListener(() {});
    if (timerUtil != null) {
      timerUtil!.cancel();
      timerUtil = null;
    }
    super.dispose();
  }

  ///获取当前进度秒数
  int getCurrentPositionSeconds() {
    return (_controller!.value.position.inMinutes.remainder(60) * 60 +
        _controller!.value.position.inSeconds.remainder(60));
  }
}