flutter flutter_meedu_videoplayer 사용방법

황인호·2023년 6월 19일
0

flutter_meedu_videoplayer 패키지 사용방법

pub.dev 들어가서 검색하고 들어가보면

android,ios,linux,macos,windows 거의다 지원하는 패키지이다.

나는 linux 에 비디오를 재생하기위해서 해당 패키지를 사용했다.

API reference 에 들어간다.

들어가보면 complete documentation here라는 링크로 다시 들어간다.

저처럼 리눅스환경에서 실행하시려면 터미널에 아래에 명령어를 입력해주세요

sudo apt install libmpv-dev mpv

바로 위에 윈도우 있는데 아무것도 하지않았는데 준비되었다....부럽군....

무튼

밑으로 내리면

Basic example

import 'package:flutter/material.dart';
import 'package:meedu_player/meedu_player.dart';
import 'package:wakelock/wakelock.dart';

class BasicExamplePage extends StatefulWidget {
  BasicExamplePage({Key? key}) : super(key: key);

  @override
  _BasicExamplePageState createState() => _BasicExamplePageState();
}

class _BasicExamplePageState extends State<BasicExamplePage> {
  final _meeduPlayerController = MeeduPlayerController(
    controlsStyle: ControlsStyle.primary,
  );

  @override
  void initState() {
    super.initState();
// The following line will enable the Android and iOS wakelock.
    Wakelock.enable();

    // Wait until the fisrt render the avoid posible errors when use an context while the view is rendering
    WidgetsBinding.instance!.addPostFrameCallback((_) {
      _init();
    });
  }

  @override
  void dispose() {
    // The next line disables the wakelock again.
    Wakelock.disable();
    _meeduPlayerController.dispose();// release the video player
    super.dispose();
  }

    /// play a video from network
  _init() {
    _meeduPlayerController.setDataSource(
      DataSource(
        type: DataSourceType.network,
        source: "https://www.radiantmediaplayer.com/media/big-buck-bunny-360p.mp4",
      ),
      autoplay: true,
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: SafeArea(
        child: AspectRatio(
          aspectRatio: 16 / 9,
          child: MeeduVideoPlayer(
            controller: _meeduPlayerController,
          ),
        ),
      ),
    );
  }
}

이렇게 예제 코드가 나와있다.

중간에 DataSourceType.network 라고 되어있는부분이있는데
assets 에다가 비디오 저장하고 사용하실분은
DataSourceType.assets 쓰고
source 에다가 assets 경로 입력하면 됨

이 패키지 같은 경우는 이렇게 작성하고 실행하면 컨트롤러가 자동으로있어서 너무 펺하고좋음

아 그리고 중간에 https://www.radiantmediaplayer.com/media/big-buck-bunny-360p.mp4 이거 동영상 링크있는데

지금 막혀서 동여상 재생안되니까 다른 mp4 링크 사용하면 됩니다.

profile
성장중인 백엔드 개발자!!

0개의 댓글