[flutter] 플러터 프로바이더를 사용하여 비디오 재생하기

22 Dec 2023

flutter

플러터는 크로스 플랫폼 모바일 앱을 만들기 위한 빠르고 강력한 프레임워크입니다. 플러터의 provider 패키지는 상태 관리를 간단하게 만들어주는 강력한 도구입니다. 이번 글에서는 플러터의 provider 패키지를 사용하여 비디오를 재생하는 방법에 대해 알아보겠습니다.

프로바이더란 무엇인가요?

플러터에서 provider는 상태를 관리하고 다른 위젯들에 상태를 공유하는 데 사용됩니다. provider를 사용하면 상태 관리를 쉽게 할 수 있고, 복잡한 작업을 안정적으로 처리할 수 있습니다.

비디오 재생하기

우리는 video_player 패키지를 사용하여 플러터 앱에서 비디오를 재생할 수 있습니다. provider를 사용하여 비디오 플레이어의 상태를 관리하고 비디오를 제어할 수 있습니다.

import 'package:flutter/material.dart';
import 'package:video_player/video_player.dart';
import 'package:provider/provider.dart';

class VideoPlayerScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final videoPlayerProvider = context.watch<VideoPlayerProvider>();

    return Scaffold(
      body: Center(
        child: AspectRatio(
          aspectRatio: videoPlayerProvider.controller.value.aspectRatio,
          child: VideoPlayer(videoPlayerProvider.controller),
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          videoPlayerProvider.toggleVideo();
        },
        child: Icon(
          videoPlayerProvider.isPlaying
              ? Icons.pause
              : Icons.play_arrow,
        ),
      ),
    );
  }
}

class VideoPlayerProvider extends ChangeNotifier {
  late VideoPlayerController controller;
  bool isPlaying = false;

  VideoPlayerProvider() {
    controller = VideoPlayerController.network(
        'http://www.sample-videos.com/video123/mp4/720/big_buck_bunny_720p_20mb.mp4')
      ..initialize().then((_) {
        notifyListeners();
      });
  }

  void toggleVideo() {
    if (isPlaying) {
      controller.pause();
    } else {
      controller.play();
    }
    isPlaying = !isPlaying;
  }
}

위의 코드에서, VideoPlayerProvider 클래스는 video_player 패키지를 사용하여 비디오를 초기화하고, toggleVideo 메서드를 사용하여 비디오의 재생/일시정지를 토글합니다. provider 패키지를 사용하여 VideoPlayerProvider 클래스의 상태를 관리하고, 화면에서 상태를 표시합니다.

이제 당신은 플러터의 provider 패키지를 사용하여 비디오를 재생하는 방법에 대해 알게 되었습니다. 이를 응용하여 다양한 비디오 재생 앱을 만들어보세요!

프로바이더란 무엇인가요?

비디오 재생하기

참고 자료