flutter windows如何实现视频播放

在Flutter Windows平台上如何实现视频播放功能？目前尝试了video_player插件，但在Windows端无法正常运行。请问有没有推荐的插件或解决方案？最好能支持常见的视频格式（如MP4、AVI等），并且能够实现基本的播放控制（如播放、暂停、进度调整）。如果有相关的代码示例或配置步骤就更好了。

2 回复

使用video_player插件，搭配windows支持。安装后通过VideoPlayerController控制播放，可设置网络或本地视频源。需在pubspec.yaml添加依赖，并配置windows构建支持。

更多关于flutter windows如何实现视频播放的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在Flutter Windows平台上实现视频播放，推荐使用以下两种主流方案：

1. 使用 video_player 插件（官方推荐）

这是最常用的视频播放解决方案，支持多平台。

安装依赖

dependencies:
  video_player: ^2.8.2

基本使用代码

import 'package:flutter/material.dart';
import 'package:video_player/video_player.dart';

class VideoPlayerScreen extends StatefulWidget {
  @override
  _VideoPlayerScreenState createState() => _VideoPlayerScreenState();
}

class _VideoPlayerScreenState extends State<VideoPlayerScreen> {
  late VideoPlayerController _controller;

  @override
  void initState() {
    super.initState();
    // 播放网络视频
    _controller = VideoPlayerController.network(
      'https://example.com/sample.mp4',
    )..initialize().then((_) {
        setState(() {});
      });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: _controller.value.isInitialized
            ? AspectRatio(
                aspectRatio: _controller.value.aspectRatio,
                child: VideoPlayer(_controller),
              )
            : CircularProgressIndicator(),
      ),
      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();
  }
}

2. 使用 better_player 插件

如果需要更丰富的功能（如字幕、播放速度控制等），推荐使用 better_player。

安装依赖

dependencies:
  better_player: ^0.0.81

使用代码

import 'package:flutter/material.dart';
import 'package:better_player/better_player.dart';

class BetterPlayerScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: BetterPlayer.network(
        'https://example.com/sample.mp4',
        betterPlayerConfiguration: BetterPlayerConfiguration(
          aspectRatio: 16 / 9,
          autoPlay: false,
          looping: false,
        ),
      ),
    );
  }
}

注意事项

  1. Windows平台配置：确保在 windows/runner/main.cpp 中已包含必要的视频支持
  2. 权限问题：播放网络视频需要在 windows/runner/CMakeLists.txt 中添加网络权限
  3. 格式支持：Windows平台支持 MP4、WebM 等常见格式
  4. 性能优化：对于大视频文件，建议使用本地缓存或流式播放

推荐优先使用 video_player，如需高级功能再考虑 better_player。

回到顶部