multi_vid_player/lib/pages/image_player/view.dart

// ignore_for_file: avoid_print

import 'package:fis_measure/index.dart';
import 'package:fis_measure/interfaces/process/player/play_controller.dart';
import 'package:fis_measure/interfaces/process/workspace/application.dart';
import 'package:fis_measure/process/workspace/application.dart';
import 'package:fis_vid/data_host/data_host.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:vid/us/vid_us_image.dart';

class ImagePlayerView extends StatefulWidget {
  const ImagePlayerView({Key? key}) : super(key: key);

  @override
  _ImagePlayerViewState createState() => _ImagePlayerViewState();
}

class _ImagePlayerViewState extends State<ImagePlayerView> {
  IPlayerController? _playerController;
  IPlayerController get playerController => _playerController!;
  VidDataHost? _vidDataHost;
  VidDataHost get dataHost => _vidDataHost!;
  List<String> mockData = [
    "http://cdn-bj.fis.plus/093BE20682B14BFB95D811F221A2B2FD.vid"
  ];

  void loadVidDataHost(String url) {
    print("${DateTime.now()} Load vid data host");
    _vidDataHost = VidDataHost(url);
    _playerController = VidPlayerController(dataHost: dataHost);
  }

  void startPlay() {
    print("${DateTime.now()} Click play");
    dataHost.load().then((value) {
      if (value == null) {
        // TOOO: add log
      } else {
        playerController.setLoadState(value != null);
        Future.delayed(const Duration(milliseconds: 100), () {
          playerController.play();
        });
        print("${DateTime.now()} Load vid data host success");
      }
    });
  }

  @override
  void initState() {
    super.initState();
    loadVidDataHost(mockData[0]);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Image Player'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
          children: [
            ElevatedButton(
                onPressed: () {
                  startPlay();
                },
                child: const Text('Play')),
            SizedBox(
              width: 500,
              height: 500,
              child: RepaintBoundary(
                child: VidPlayer(
                  _playerController as VidPlayerController,
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }

  @override
  void dispose() {
    print("ImagePlayerView dispose");
    _playerController?.dispose();
    Get.delete<IPlayerController>();
    super.dispose();
  }
}