🥳
[Flutter] video_playerで複数音声、動画再生の対処法
video_player
import 'package:video_player/video_player.dart';
import 'package:flutter/material.dart';
void main() => runApp(VideoApp());
class VideoApp extends StatefulWidget {
_VideoAppState createState() => _VideoAppState();
}
class _VideoAppState extends State<VideoApp> {
VideoPlayerController _controller;
void initState() {
super.initState();
_controller = VideoPlayerController.network(
'https://flutter.github.io/assets-for-api-docs/assets/videos/bee.mp4')
..initialize().then((_) {
// Ensure the first frame is shown after the video is initialized, even before the play button has been pressed.
setState(() {});
})
..addListener(() {
print('Is playing: ${videoPlayerController.value.isPlaying}');
});
}
Widget build(BuildContext context) {
return MaterialApp(
title: 'Video Demo',
home: 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,
),
),
),
);
}
void dispose() {
super.dispose();
_controller.dispose();
}
}
一つの画面で複数VideoPlayerController
使って、音声、動画を再生すると、先に再生する_controller
のaddListener
はあとで再生する_controller
は前を上書きされる。
addListener
の戻り値がおかしくなる
解决方法
VideoPlayerOptions.mixWithOthers追加する
違うVideoPlayerController
は同時再生しても、上書はされるない、音声がmixされる
_controller = VideoPlayerController.network(
'https://flutter.github.io/assets-for-api-docs/assets/videos/bee.mp4')
videoPlayerOptions: VideoPlayerOptions(mixWithOthers: true),
)..initialize().then((_) {
Discussion