[flutter] get_it를 사용하여 플러터 앱에서 비디오 및 오디오 재생을 어떻게 하는가?

30 Nov 2023

flutter

이번에는 get_it 패키지를 사용하여 플러터 앱에서 비디오 및 오디오를 재생하는 방법에 대해 알아보겠습니다.

1. get_it 패키지 설치하기

먼저, get_it 패키지를 프로젝트에 추가해야 합니다. pubspec.yaml 파일에서 dependencies 섹션에 아래와 같이 추가합니다:

dependencies:
  get_it: ^6.0.0

저장 후, 터미널에서 flutter pub get 명령어를 실행하여 패키지를 설치합니다.

2. 비디오 및 오디오 재생을 위한 서비스 클래스 작성하기

다음으로, 비디오 및 오디오 재생을 위한 서비스 클래스를 작성해야 합니다. 이 예시에서는 MediaPlayerService 클래스를 작성하도록 하겠습니다.

import 'package:get_it/get_it.dart';

class MediaPlayerService {
  // 비디오 및 오디오 재생을 위한 로직 및 기능을 구현
  
  void playVideo() {
    // 비디오 재생 로직을 구현
  }
  
  void playAudio() {
    // 오디오 재생 로직을 구현
  }
}

final mediaPlayerService = GetIt.instance.get<MediaPlayerService>();

3. get_it를 사용하여 MediaPlayerService 인스턴스 호출하기

이제, main.dart 파일에서 get_it 를 사용하여 MediaPlayerService의 인스턴스를 호출할 수 있습니다.

import 'package:flutter/material.dart';
import 'package:get_it/get_it.dart';

void main() {
  runApp(MyApp());
}

final getIt = GetIt.instance;

class MyApp extends StatelessWidget {
  
  @override
  Widget build(BuildContext context) {
    // get_it을 사용하여 MediaPlayerService 인스턴스 호출
    final mediaPlayerService = getIt.get<MediaPlayerService>();

    return MaterialApp(
      // 앱 UI 코드 작성
    );
  }
}

4. 버튼 추가 및 클릭 이벤트에 비디오 및 오디오 재생 로직 연결하기

마지막으로, 앱의 UI에 비디오 및 오디오 재생을 위한 버튼을 추가하고, 클릭 이벤트에 해당하는 비디오 및 오디오 재생 로직을 연결해야 합니다.

class MyApp extends StatelessWidget {
  
  @override
  Widget build(BuildContext context) {
    final mediaPlayerService = getIt.get<MediaPlayerService>();

    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text("Media Player App"),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              RaisedButton(
                child: Text("Play Video"),
                onPressed: () {
                  mediaPlayerService.playVideo();
                },
              ),
              RaisedButton(
                child: Text("Play Audio"),
                onPressed: () {
                  mediaPlayerService.playAudio();
                },
              ),
            ],
          ),
        ),
      ),
    );
  }
}

이제 앱을 실행하고 “Play Video” 버튼 또는 “Play Audio” 버튼을 클릭하면 비디오 또는 오디오가 재생되는 것을 확인할 수 있습니다.

이렇게 get_it 패키지를 사용하여 플러터 앱에서 비디오 및 오디오 재생을 구현할 수 있습니다. 자세한 내용은 get_it 패키지 문서를 참조하시기 바랍니다.