Flutter视频播放插件bestplayer的使用

最佳实践

bestplayer 是一个用于在 Flutter 应用中实现视频播放功能的插件。它支持多种视频格式，并且可以集成广告功能。

获取开始

这个项目是一个插件包的起点，适用于 Android 和/或 iOS 平台的原生代码实现。

如果你对 Flutter 开发还不熟悉，可以参考以下资源：

• Flutter 官方文档

示例代码

以下是一个完整的示例代码，展示了如何使用 bestplayer 插件来播放视频并处理广告。

示例代码

import 'package:bestplayer/bestplayer-adschedule.model.dart';
import 'package:bestplayer/bestplayer-vod.model.dart';
import 'package:bestplayer/bestplayer_controller.dart';
import 'package:bestplayer/bestplayer_event_type.dart';
import 'package:flutter/material.dart';
import 'dart:async';

import 'package:bestplayer/bestplayer.dart';

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

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

  [@override](/user/override)
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  final controller = BestplayerController.instance;

  final iosLicense = "YOUR_IOS_LICENSE_KEY_HERE"; // 替换为你的 iOS 许可证密钥
  final androidLicense = "YOUR_ANDROID_LICENSE_KEY_HERE"; // 替换为你的 Android 许可证密钥

  [@override](/user/override)
  void initState() {
    super.initState();
    initPlayer();
  }

  void listener(event) {
    // 处理事件
    switch (event.type) {
      case BestPlayerEventType.ready:
        {
          setState(() {}); // 更新界面状态
          break;
        }
      case BestPlayerEventType.progress:
        {
          setState(() {}); // 更新界面状态
          break;
        }
      case BestPlayerEventType.play:
        {
          setState(() {}); // 更新界面状态
          break;
        }
      case BestPlayerEventType.pause:
        {
          setState(() {}); // 更新界面状态
          break;
        }
      case BestPlayerEventType.finish:
        {
          break;
        }
      case BestPlayerEventType.adPlay:
        {
          setState(() {}); // 更新界面状态
          break;
        }
      case BestPlayerEventType.adComplete:
        {
          setState(() {}); // 更新界面状态
          break;
        }
      case BestPlayerEventType.error:
        {
          break;
        }
    }
  }

  Future<void> initPlayer() async {
    Timer(const Duration(seconds: 5), () {
      // 创建 VOD 模型
      final vod = BestplayerVodModel(
        file: "https://cdn.jwplayer.com/manifests/NjhRveIM.m3u8", // 视频文件 URL
        title: "TCN Top20 Countdown Ep 509", // 视频标题
        mediaId: "NjhRveIM", // 媒体 ID
      );

      // 创建广告计划模型
      final adSchedule = BestPlayerAdScheduleModel(
        tag:
            "https://pubads.g.doubleclick.net/gampad/ads?iu=/21775744923/external/single_ad_samples&amp;sz=640x480&amp;cust_params=sample_ct%3Dlinear&amp;ciu_szs=300x250%2C728x90&amp;gdfp_req=1&amp;output=vast&amp;unviewed_position_start=1&amp;env=vp&amp;impl=s&amp;correlator=", // 广告标签
        offset: "pre", // 广告位置（预播）
      );

      // 设置广告配置
      vod.setAdvertisementConfig([adSchedule]);

      // 配置数据源
      controller.setupDataSource(vod);

      // 添加监听器
      controller.addListener(listener);
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        backgroundColor: Colors.black, // 背景色设置为黑色
        body: Center(
          child: Column(
            children: [
              Expanded(
                child: Stack(
                  children: [
                    Align(
                      alignment: Alignment.topLeft,
                      child: SizedBox(
                        width: 500,
                        height: 300,
                        child: BestPlayer(
                          androidLicense: androidLicense, // Android 许可证密钥
                          iosLicense: iosLicense, // iOS 许可证密钥
                        ),
                      ),
                    ),
                    Align(
                      alignment: Alignment.bottomLeft,
                      child: Container(
                        width: 500,
                        height: 200,
                        color: Colors.white,
                        child: Column(
                          children: [
                            Text("DURATION: ${controller.duration.inSeconds}"), // 视频总时长
                            Text("POSITION: ${controller.position.inSeconds}"), // 当前播放位置
                            Text("PLAYING: ${controller.isPlaying ? "TRUE" : "FALSE"}"), // 是否正在播放
                            Text("READY: ${controller.isReady ? "TRUE" : "FALSE"}"), // 是否准备就绪
                            Text("AD PLAYING: ${controller.isAdPlaying ? "TRUE" : "FALSE"}"), // 是否正在播放广告
                          ],
                        ),
                      ),
                    )
                  ],
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}