如何在视频播放器中快速显示视频

问题描述 投票:0回答:1

如何以颤动的方式显示视频?

我应该收到一个要显示视频的api的api,但是它带有我的进度指示器的白色页面,我尝试了一个星期,但是什么也做不了,然后我尝试使用素材视频,但效果也不佳这是我的代码,怎么了?

请帮助我,谢谢。

class _MyHomePageState extends State<MyHomePage> {
  VideoPlayerController _videoPlayerController;
  Future<void> _initializedVideoPlayerFuture;
  String videoUrl =
      'https://storage.koolshy.co/shasha-transcoded-videos-2019/1c18ada9-a82a-4490-ad2f-87c3ba3ed251_240.mp4';
  String videoTrack = 'assets/video.mp4';
  @override
  void initState() {
    super.initState();
//    _videoPlayerController = VideoPlayerController.network(videoUrl);
    _videoPlayerController = VideoPlayerController.asset(videoTrack);
    _videoPlayerController.setLooping(true);
    _videoPlayerController.setVolume(1.0);
  }

  @override
  void dispose() {
    super.dispose();
    _videoPlayerController.dispose();
  }

  void _incrementCounter() {
    setState(() {
      _videoPlayerController.value.isPlaying
          ? _videoPlayerController.pause()
          : _videoPlayerController.play();
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            FutureBuilder(
              future: _initializedVideoPlayerFuture,
              builder: (context, snapshot) {
                if (snapshot.connectionState == ConnectionState.done) {
                  return AspectRatio(
                    aspectRatio: _videoPlayerController.value.aspectRatio,
                    child: VideoPlayer(_videoPlayerController),
                  );
                } else {
                  return Center(
                    child: CircularProgressIndicator(),
                  );
                }
              },
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'play/pause',
        child: Icon(_videoPlayerController.value.isPlaying
            ? Icons.pause
            : Icons.play_arrow),
      ),
    );
  }
}

api flutter video dart assets
1个回答
0
投票

缺少声明

    _initializedVideoPlayerFuture = _videoPlayerController.initialize();

应处于initstate()

  void initState() {
    super.initState();
    _videoPlayerController = VideoPlayerController.network(videoUrl);
//    _videoPlayerController = VideoPlayerController.asset(videoTrack);
    _initializedVideoPlayerFuture = _videoPlayerController.initialize();

    _videoPlayerController.setLooping(true);
    _videoPlayerController.setVolume(1.0);
  }
© www.soinside.com 2019 - 2024. All rights reserved.