Flutter video_player 如何使用
时间: 2024-05-05 17:20:55 浏览: 187
Flutter 的 video_player 插件可以用来在应用中播放视频。下面是使用 video_player 插件的简单示例:
1. 添加 video_player 插件到 `pubspec.yaml` 文件中:
```yaml
dependencies:
video_player: ^2.0.0
```
2. 在需要使用 video_player 的页面中导入插件:
```dart
import 'package:video_player/video_player.dart';
```
3. 在需要使用 video_player 的页面中创建一个 video_player 控件:
```dart
VideoPlayerController _controller;
@override
void initState() {
super.initState();
_controller = VideoPlayerController.network(
'https://flutter.github.io/assets-for-api-docs/assets/videos/bee.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),
)
: 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();
}
```
以上代码创建了一个 `_controller` 对象,用于控制视频的播放。在 `initState` 方法中,我们使用 `VideoPlayerController.network` 方法来从网络加载视频,然后使用 `initialize` 方法来初始化 `_controller` 对象。在应用程序构建时,我们将 `_controller` 对象传递给 `VideoPlayer` 控件,以便播放视频。
在页面的下方,我们添加了一个浮动操作按钮,用于播放或暂停视频。在按钮的 `onPressed` 回调中,我们检查当前视频是否正在播放,如果是,则暂停视频,如果不是,则播放视频。
最后,在页面的 `dispose` 方法中,我们释放 `_controller` 对象,以避免内存泄漏。
阅读全文