Flutter视频多路复用播放插件video_player_mux的使用

Flutter视频多路复用播放插件video_player_mux的使用

一个用于Android的Flutter插件，可以在Widget表面播放视频，并将数据发送到Mux进行监控。

支持

安装

首先，在你的pubspec.yaml文件中添加video_player_mux依赖：

dependencies:
  video_player_mux: ^latest_version

Android

如果你使用的是网络视频，请确保在AndroidManifest.xml文件中添加以下权限：

<uses-permission android:name="android.permission.INTERNET"/>

此外，在app级别的build.gradle文件中添加以下配置：

// 构建插件项目时启用所有警告。这被放置在这里而不是插件本身中，以避免破坏构建不同警告（例如，来自更新的SDK）的客户端。
gradle.projectsEvaluated {
    project(":video_player_android_mux") {
        tasks.withType(JavaCompile) {
            options.compilerArgs << "-Xlint:all" << "-Werror"

            // 解决构建时出现的一些警告，这些警告由于上述选项变成了错误，来自于
            // org.checkerframework.checker.nullness.qual 和
            // com.google.errorprone.annotations：
            //
            // 警告：无法在类型 org.checkerframework.checker.nullness.qual.EnsuresNonNull 中找到方法 'value()'
            // 类文件未找到 org.checkerframework.checker.nullness.qual.EnsuresNonNull
            //
            // 警告：无法在类型 com.google.errorprone.annotations.InlineMe 中找到方法 'replacement()'
            // 类文件未找到 com.google.errorprone.annotations.InlineMe
            //
            // 依赖版本取自：
            // https://github.com/google/ExoPlayer/blob/r2.18.1/constants.gradle
            //
            // 未来的参考：依赖项在此处被排除：
            // https://github.com/google/ExoPlayer/blob/r2.18.1/library/common/build.gradle#L33-L34
            dependencies {
                implementation "org.checkerframework:checker-qual:3.13.0"
                implementation "com.google.errorprone:error_prone_annotations:2.10.0"
            }
        }
    }
}

支持的格式

• 在Android上，后台播放器是ExoPlayer，请参阅这里了解支持的格式列表。

示例

以下是一个基本的示例，展示了如何使用video_player_mux插件来播放视频。

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

void main() => runApp(const VideoApp());

/// 状态小部件，用于获取并显示视频内容。
class VideoApp extends StatefulWidget {
  const VideoApp({super.key});

  [@override](/user/override)
  _VideoAppState createState() => _VideoAppState();
}

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

  [@override](/user/override)
  void initState() {
    super.initState();
    _controller = VideoPlayerController.network(
        'https://flutter.github.io/assets-for-api-docs/assets/videos/bee.mp4',
        // ONLY WORKS FOR ANDROID NOW
        data: {
          "env_key": "YOUR_ENV_KEY", // MUST PROVIDE
          "cpd_player_name": "YOUR_PLAYER_NAME",
          "cpd_viewer_user_id": "YOUR_VIEWER_USER_ID",
          "cvd_video_title": "YOUR_VIDEO_TITLE",
          "cvd_video_id": "YOUR_VIDEO_ID",
        })
      ..initialize().then((_) {
        // 确保在视频初始化后显示第一帧，即使播放按钮尚未按下。
        setState(() {});
      });
  }

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

  [@override](/user/override)
  void dispose() {
    super.dispose();
    _controller.dispose();
  }
}