Flutter视频播放插件gwp_alpha_player的使用

Flutter视频播放插件gwp_alpha_player的使用

添加依赖

在pubspec.yaml文件中添加以下依赖：

dependencies:
  gwp_alpha_player: ^0.0.1

在使用播放器的Dart文件中导入：

import 'package:gwp_alpha_player/gwp_alpha_player.dart';

获取开始

gwp_alpha_player 是一个用于播放透明视频的插件，适用于刷礼物等场景。它支持播放本地视频和HTTPS远程视频。

完整示例Demo

以下是完整的示例代码，展示了如何使用gwp_alpha_player插件来播放视频。

示例代码

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

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  // 这个widget是你的应用的根组件。
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});
  final String title;

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  final _gwpAlphaPlayerPlugin = GwpAlphaPlayer();

  @override
  void initState() {
    super.initState();
  }

  void _incrementCounter() {
    // 调用播放方法
    setState(() {
      _gwpAlphaPlayerPlugin.play(
          "https://oss.xingyaozhibo.com/xyapp/svga/v2/taikong.mp4", (url) {
        print("播放完成：${url}");
      });
    });
  }

  @override
  Widget build(BuildContext context) {
    // 获取屏幕高度
    double height = MediaQuery.of(context).size.height * 0.8;

    return Scaffold(
      appBar: AppBar(
        // 设置AppBar标题
        title: Text(widget.title),
      ),
      body: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          // 包含背景图像的容器
          Container(
            height: height,
            width: MediaQuery.of(context).size.width,
            decoration: BoxDecoration(
                image: DecorationImage(
                    image: AssetImage("lib/back.png"), fit: BoxFit.fitHeight)),
            child: _gwpAlphaPlayerPlugin.getVideoWidget(top: 10, height: height),
          ),
        ],
      ),
      // 增加按钮触发播放
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: const Icon(Icons.add),
      ),
    );
  }
}

代码解释

• 导入依赖：

  import 'package:gwp_alpha_player/gwp_alpha_player.dart';
  

• 初始化播放器：

  final _gwpAlphaPlayerPlugin = GwpAlphaPlayer();
  

• 播放视频：

  void _incrementCounter() {
    setState(() {
      _gwpAlphaPlayerPlugin.play(
          "https://oss.xingyaozhibo.com/xyapp/svga/v2/taikong.mp4", (url) {
        print("播放完成：${url}");
      });
    });
  }
  

• 布局：

  return Scaffold(
    appBar: AppBar(
      title: Text(widget.title),
    ),
    body: Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        Container(
          height: height,
          width: MediaQuery.of(context).size.width,
          decoration: BoxDecoration(
              image: DecorationImage(
                  image: AssetImage("lib/back.png"), fit: BoxFit.fitHeight)),
          child: _gwpAlphaPlayerPlugin.getVideoWidget(top: 10, height: height),
        ),
      ],
    ),
    floatingActionButton: FloatingActionButton(
      onPressed: _incrementCounter,
      tooltip: 'Increment',
      child: const Icon(Icons.add),
    ),
  );