flutter如何在Windows10上实现mp4播放

我在Windows10上使用Flutter开发一个应用，需要实现MP4视频播放功能。已经尝试了video_player插件，但在Windows平台上运行时报错。请问有什么可靠的解决方案或推荐的插件可以在Flutter Windows应用中流畅播放本地MP4文件？是否需要额外配置或修改权限？

2 回复

使用video_player插件。在pubspec.yaml添加依赖，导入包后，用VideoPlayerController初始化MP4文件或网络URL，通过VideoPlayer控件显示。支持播放、暂停和进度控制。

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


在Flutter中实现MP4播放，推荐使用video_player插件。以下是具体步骤：

1. 添加依赖

在 pubspec.yaml 中添加：

dependencies:
  video_player: ^2.8.2
  chewie: ^1.7.2  # 可选，用于增强播放控制

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();
    // 本地视频（放在assets文件夹）
    _controller = VideoPlayerController.asset('assets/sample.mp4')
      // 网络视频使用：
      // _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();
  }
}

3. 权限配置（仅Android/iOS需要）

Windows平台无需额外配置权限。

4. 高级功能（使用Chewie）

如需进度条、全屏等控件：

Chewie(
  controller: ChewieController(
    videoPlayerController: _controller,
    autoPlay: false,
    looping: false,
  ),
)

注意事项：

  1. 本地视频文件需在pubspec.yaml中声明：
flutter:
  assets:
    - assets/sample.mp4

  1. 支持格式：Windows平台默认支持MP4/H.264编码

  2. 运行前执行：

flutter pub get

此方案可直接在Windows 10上运行，无需额外配置。

回到顶部