Flutter视频播放插件video_player_oneplusdream的使用

视频播放插件介绍

video_player_oneplusdream 是一个用于在 Flutter 应用中播放视频的插件，支持 iOS、Android 和 Web 平台。

支持平台

安装

首先，在 pubspec.yaml 文件中添加 video_player_oneplusdream 作为依赖项。

dependencies:
  video_player_oneplusdream: ^x.x.x

iOS

如果你需要通过 http URL 访问视频（而不是 https），你需要在应用的 Info.plist 文件中添加适当的 NSAppTransportSecurity 权限。Info.plist 文件位于 <项目根目录>/ios/Runner/Info.plist。具体可以参考 Apple 文档。

Android

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

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

AndroidManifest.xml 文件位于 <项目根目录>/android/app/src/main/AndroidManifest.xml。

Web

在 index.html 文件中添加以下两个链接：

<link href="https://vjs.zencdn.net/8.0.4/video-js.css" rel="stylesheet" />
<script src="https://vjs.zencdn.net/8.0.4/video.min.js"></script>

请参阅 video.js 文档 获取更多详细信息。

支持的格式

• iOS: 使用 AVPlayer，支持格式取决于 iOS 版本。
• Android: 使用 ExoPlayer，支持格式请参阅 这里。
• Web: 使用 video.js。

示例

以下是一个基本示例，展示了如何使用 video_player_oneplusdream 插件。

import 'package:flutter/material.dart';
import 'package:video_player_oneplusdream/video_player_oneplusdream.dart';
import 'package:video_player_oneplusdream_example/cache.dart';

import 'first.dart';

class HomeRoute extends StatelessWidget {
  HomeRoute({super.key});

  // 创建视频控制器
  VideoPlayerController controller = createVideoController();

  // 播放列表
  List<PlayingItem> items = [
    PlayingItem(
      id: '1',
      url: "https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8",
      title: "Rabbit",
      position: 20.0,
    ),
    PlayingItem(
      id: '3',
      url: "http://devimages.apple.com/iphone/samples/bipbop/bipbopall.m3u8",
      title: "BigBop",
    ),
  ];

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('插件示例应用'),
      ),
      body: SafeArea(
        child: SingleChildScrollView(
          child: Column(
            children: [
              // 视频播放器
              SizedBox(
                height: 300,
                child: VideoPlayerOnePlusDream(
                  items,
                  controller: controller,
                  enableMarquee: true,
                  enablePreventScreenCapture: true,
                  marqueeText: "Marquee",
                  autoPlay: true,
                  onPlaying: (event) {
                    print("状态: ${event.status} 当前位置: ${event.currentPosition}");
                    print("正在播放: ${event.item.url}");
                  },
                  onUrlRequested: (url) {
                    print("Flutter 请求的 URL: $url");
                  },
                ),
              ),
              // 按钮
              ElevatedButton(
                onPressed: () async {
                  controller.togglePause(true);
                  await Navigator.push(
                    context,
                    MaterialPageRoute(builder: (_) => CacheRoute()),
                  );
                  await controller.togglePause(false);
                },
                child: const Text("转到缓存页面"),
              ),
              ElevatedButton(
                onPressed: () async {
                  controller.togglePause(true);
                  print("暂停以导航到新页面");
                  await Navigator.push(
                    context,
                    MaterialPageRoute(builder: (_) => FirstRoute()),
                  );
                  print("返回并重新播放");
                  await controller.togglePause(false);
                },
                child: const Text("转到新页面"),
              ),
              ElevatedButton(
                onPressed: () {
                  controller.toggleFullScreen(ToggleFullScreenParam(isFullScreen: true));
                },
                child: const Text("打开全屏"),
              ),
              ElevatedButton(
                onPressed: () {
                  VideoPlayerGlobal().clearAllCache();
                },
                child: const Text("清除所有缓存"),
              )
            ],
          ),
        ),
      ),
    );
  }
}