Flutter视频播放功能实现指南

1 添加依赖

在Flutter项目中添加视频播放插件依赖：

dependencies:
  video_player: ^1.0.1

2 播放视频前的准备

2.1 网络访问权限配置

iOS配置

在iOS目录下的Info.plist文件中配置网络访问权限：

<key>NSAppTransportSecurity</key>
<dict>
  <key>NSAllowsArbitraryLoads</key>
  <true/>
</dict>

小技巧：使用AppUploader工具可以快速检查和验证iOS应用的权限配置是否正确，避免因配置问题导致审核被拒。

Android配置

在AndroidManifest.xml中配置网络请求权限：

<!-- 网络请求权限 -->
<uses-permission android:name="android.permission.INTERNET" />
<!-- 外部文件存储权限 -->
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>

networkSecurityConfig配置http访问权限：

<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
    <base-config cleartextTrafficPermitted="true" />
</network-security-config>

3 视频播放实现

视频资源的加载和播放控制通过VideoPlayerController实现。

3.1 视频资源加载

VideoPlayerController _playerController;

@override
void initState() {
  super.initState();
  
  // 网络视频
  // _playerController = VideoPlayerController.network(url);
  // 本地文件
  // _playerController = VideoPlayerController.file(File(url));
  // 资源文件
  _playerController = VideoPlayerController.asset("asset资源路径");

  // 初始化
  _playerController.initialize()
    ..whenComplete(() {
      setState(() {});
    });
}

3.2 视频播放组件

AspectRatio(
  aspectRatio: _playerController.value.aspectRatio,
  child: VideoPlayer(_playerController),
)

3.3 视频播放控制

// 获取当前播放状态
VideoPlayerValue videoPlayerValue = _playerController.value;

bool initialized = videoPlayerValue.initialized;
bool isPlaying = videoPlayerValue.isPlaying;
double aspectRatio = videoPlayerValue.aspectRatio;
bool isBuffer = videoPlayerValue.isBuffering;
bool isLoop = videoPlayerValue.isLooping;
Duration totalDuration = videoPlayerValue.duration;
Duration currentDuration = videoPlayerValue.position;

if (initialized) {
  if (isPlaying) {
    _playerController.pause();
  } else {
    _playerController.play();
  }
  setState(() {});
} else {
  _playerController.initialize().then((_) {});
}

开发建议：在iOS开发过程中，使用AppUploader可以方便地管理应用证书和描述文件，避免因证书问题导致的视频播放功能异常。同时，它还能帮助开发者快速打包和上传应用到App Store Connect，提高开发效率。

通过以上步骤，你就可以在Flutter应用中实现完整的视频播放功能了。记得在应用发布前充分测试各种网络环境下的播放表现，确保用户体验。