flutter 视频播放器
时间: 2023-10-19 12:09:32 浏览: 170
flutter_video_player
Flutter 提供了一个名为 `video_player` 的插件,可以用于在 Flutter 应用程序中播放视频。使用 `video_player` 插件,你可以轻松地将视频嵌入到你的应用程序中,并控制视频的播放、暂停、停止等操作。
以下是一个简单的示例代码,演示如何使用 `video_player` 插件播放本地视频文件:
```dart
import 'package:flutter/material.dart';
import 'package:video_player/video_player.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Video Player Demo',
home: VideoPlayerScreen(),
);
}
}
class VideoPlayerScreen extends StatefulWidget {
@override
_VideoPlayerScreenState createState() => _VideoPlayerScreenState();
}
class _VideoPlayerScreenState extends State<VideoPlayerScreen> {
VideoPlayerController _controller;
@override
void initState() {
super.initState();
_controller = VideoPlayerController.asset('assets/sample_video.mp4')
..initialize().then((_) {
setState(() {});
});
}
@override
void dispose() {
super.dispose();
_controller.dispose();
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Video Player Demo'),
),
body: Center(
child: _controller.value.initialized
? 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,
),
),
);
}
}
```
在上面的示例代码中,我们首先创建了一个 `VideoPlayerController` 对象,并使用 `asset` 方法加载了一个本地视频文件。然后,在 `initState` 方法中,我们初始化了 `VideoPlayerController` 对象,并在初始化完成后调用了 `setState` 方法,以便更新 UI。接下来,在 `build` 方法中,我们使用 `AspectRatio` 和 `VideoPlayer` 将视频嵌入到应用程序中,并使用一个浮动操作按钮控制视频的播放和暂停。
阅读全文