Flutter如何使用gsy_video_player实现视频播放

我在Flutter项目中尝试使用gsy_video_player插件实现视频播放功能，但遇到了一些问题。按照文档集成后，播放器界面显示异常，无法正常加载网络视频源。具体表现为：1) 初始化时控制台报错"PlatformException"；2) 全屏切换时UI错位；3) 缓存功能似乎不生效。已尝试添加android:hardwareAccelerated="true"和iOS的App Transport Security设置，依然无法解决。想请教：1) 如何正确配置Android/iOS原生端？2) 是否需要额外处理视频格式兼容性？3) 有无完整的示例代码参考？当前环境：Flutter 3.13.4，gsy_video_player 8.3.5。


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

2 回复

使用gsy_video_player播放视频，步骤如下：

  1. 在pubspec.yaml中添加依赖：gsy_video_player: ^版本号
  2. 导入包：import 'package:gsy_video_player/gsy_video_player.dart';
  3. 使用GSYVideoPlayer组件，设置视频URL即可播放。

示例代码：

GSYVideoPlayer(
  videoPlayerOptions: VideoPlayerOptions(),
  url: "视频URL",
)

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


在 Flutter 中使用 gsy_video_player 实现视频播放的步骤如下：

1. 添加依赖

在 pubspec.yaml 文件中添加依赖：

dependencies:
  gsy_video_player: ^版本号

执行 flutter pub get 安装包。

2. 导入包

在 Dart 文件中导入：

import 'package:gsy_video_player/gsy_video_player.dart';

3. 基本使用

初始化播放器

GSYVideoPlayerController _controller;

@override
void initState() {
  super.initState();
  _controller = GSYVideoPlayerController.network(
    'https://视频URL.mp4',
    looping: true, // 循环播放
    showCacheProgress: true, // 显示缓存进度
  );
  _controller.initialize().then((_) {
    setState(() {});
  });
}

在界面中显示

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: Center(
      child: _controller.value.isInitialized
          ? GSYVideoPlayer(_controller)
          : CircularProgressIndicator(),
    ),
  );
}

4. 控制播放

// 播放
_controller.play();

// 暂停
_controller.pause();

// 释放资源（页面销毁时调用）
@override
void dispose() {
  _controller.dispose();
  super.dispose();
}

5. 自定义配置（可选）

支持设置封面、播放速度、全屏等：

_controller = GSYVideoPlayerController.network(
  '视频URL',
  cover: '封面图片URL',
  playSpeed: 1.5, // 播放速度
);

注意事项：

以上步骤可快速实现基础视频播放功能。

回到顶部