[flutter] Dio_http_cache와 함께 사용되는 플러터 영상 플레이어 패키지 소개

12 Dec 2023

flutter

Dio_http_cache는 플러터 앱에서 API 호출 결과를 캐싱할 수 있는 편리한 라이브러리입니다. 이와 함께 영상을 효율적으로 로딩하고 플레이할 수 있는 플러터 라이브러리를 알아보겠습니다.

Dio_http_cache 라이브러리란?

Dio_http_cache는 HTTP 클라이언트 라이브러리인 Dio의 캐싱 기능을 확장해주는 패키지입니다. 이를 통해 네트워크 요청의 결과를 로컬에 저장하고, 이후 동일한 요청을 다시 보낼 때는 캐시된 데이터를 활용할 수 있습니다. 이를 통해 네트워크 사용량을 줄이고 응답 시간을 개선할 수 있습니다.

플러터 영상 플레이어 패키지

video_player는 플러터에서 영상을 로딩하고 플레이하는 데 사용되는 강력하고 유연한 패키지입니다. 이를 활용하면 플러터 앱에서 영상을 간편하게 사용할 수 있습니다.

import 'package:video_player/video_player.dart';

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

class VideoApp extends StatefulWidget {
  @override
  _VideoAppState createState() => _VideoAppState();
}

class _VideoAppState extends State<VideoApp> {
  late VideoPlayerController _controller;

  @override
  void initState() {
    super.initState();
    _controller = VideoPlayerController.network(
        'https://www.sample-videos.com/video123/mp4/720/big_buck_bunny_720p_20mb.mp4')
      ..initialize().then((_) {
        setState(() {});
      });
  }

  @override
  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(() {
              if (_controller.value.isPlaying) {
                _controller.pause();
              } else {
                _controller.play();
              }
            });
          },
          child: Icon(
            _controller.value.isPlaying ? Icons.pause : Icons.play_arrow,
          ),
        ),
      ),
    );
  }

  @override
  void dispose() {
    super.dispose();
    _controller.dispose();
  }
}

Dio_http_cache와 video_player 연동 활용

Dio_http_cache와 video_player를 함께 사용하면 영상을 캐싱하고 로딩하는 데 있어 효율적으로 관리할 수 있습니다. 예를 들어, Dio_http_cache를 사용하여 영상 데이터를 캐싱하고, 그 다음 video_player를 사용하여 캐싱된 데이터를 로딩하여 플레이어에 효율적으로 제공할 수 있습니다.

이렇게 함으로써 앱의 성능을 향상시키고 네트워크 속도의 변화로 인한 영상 재생의 불편함을 최소화할 수 있습니다.

요약

Dio_http_cache와 video_player를 함께 사용하여 네트워크 요청을 캐싱하고 캐싱된 데이터를 영상 플레이에 효율적으로 활용할 수 있습니다. 이를 통해 플러터 앱의 성능을 향상시키고 사용자 경험을 향상시킬 수 있습니다.