flutter 视频播放 VideoPlayController

本文详细介绍了如何在Flutter应用中使用VideoPlayer插件实现视频播放功能。通过创建VideoPlayerController实例并初始化,然后在页面中展示播放器。文章还包含了完整的代码示例,帮助开发者快速上手。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

主要用到了 VideoPlay(VideoPlayController)

  VideoPlayerController controller;
  bool initialized = false;

  @override
  void initState() {
    super.initState();

    //初始化播放控件
    controller= VideoPlayerController.file(widget.videoFile);

   //视频初始化
    controller.initialize().then((value){
        initialized=true;
        //刷新页面显示播放器
        setState(() {
        });
    });
  }

  @override
  Widget build(BuildContext context) {
    if (initialized) {
      final Size size = controller.value.size;
      return SizedBox(width:100.0,child:AspectRatio(
          aspectRatio: size.width / size.height,
          child: VideoPlayer(controller),
        ));
    } else {
      return new Container();
    }
  }

前面需要导入

import 'package:video_player/video_player.dart';
import 'package:dio/dio.dart';

 

转载于:https://my.oschina.net/u/554046/blog/2980930

Flutter 是 Google 开发的跨平台移动应用开发框架。在 Flutter 中,可以使用 `video_player` 包来播放视频。 要使用 `video_player` 包,首先需要在项目的 `pubspec.yaml` 文件中添加依赖: ``` dependencies: flutter: sdk: flutter video_player: ^0.10.11+1 ``` 然后,就可以在你的 Flutter 应用中使用 `VideoPlayer` 组件来播放视频了。 例如,下面的代码展示了如何在 Flutter 应用中播放一个视频文件: ``` import 'package:flutter/material.dart'; import 'package:video_player/video_player.dart'; void main() { runApp( MaterialApp( home: VideoPlayerScreen(), ), ); } class VideoPlayerScreen extends StatefulWidget { @override _VideoPlayerScreenState createState() => _VideoPlayerScreenState(); } class _VideoPlayerScreenState extends State<VideoPlayerScreen> { VideoPlayerController _controller; @override void initState() { super.initState(); _controller = VideoPlayerController.asset('videos/my_video.mp4') ..initialize().then((_) { // Ensure the first frame is shown after the video is initialized, even before the play button has been pressed. setState(() {}); }); } @override Widget build(BuildContext context) { return Scaffold( body: Center( child: _controller.value.initialized ? AspectRatio( aspectRatio: _controller.value.aspectRatio, child: VideoPlayer(_controller), ) : Container(), ), floatingActionButton: FloatingActionButton( onPressed: () { setState(() { _controller.value.isPlaying ? _controller.pause() : _controller.play(); }); }, child: Icon( _controller.value.isPlaying ? Icons.pause : Icons.play_arrow, ), ), ); } @override void dispose() { super.dispose(); _controller.dispose(); } } ``` 上面的代码使用了 `VideoPlayerController` 类来控制视频播
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值