Flutter视频播放插件snake_player_flutter的使用

Flutter视频播放插件snake_player_flutter的使用

简单流媒体播放。

Uiza 是构建强大且具有无限可扩展性的视频流应用的完整工具包。我们设计了 Uiza，使您只需几行代码即可开始流媒体播放，但又足够复杂，可以让您在此基础上构建复杂的产品。

引言

此插件基于 Chewie。Chewie 是一个非常棒的插件，在许多情况下表现良好。Better Player 是在 Chewie 的基础上进行改进的。Better Player 修复了常见的错误，增加了更多的配置选项，并解决了典型用例。

特性：

• 修复常见错误
• 增加高级配置选项
• 重构播放器控制
• 播放列表支持
• 在 ListView 中支持视频
• 字幕支持：（格式：SRT，WEBVTT 支持 HTML 标签；来自 HLS 的字幕；视频的多个字幕）
• HTTP 头信息支持
• 视频的 BoxFit 支持
• 播放速度支持
• HLS 支持（轨道，字幕（也包括分割），音频轨道选择）
• DASH 支持（轨道，字幕，音频轨道选择）
• 替代分辨率支持
• 缓存支持
• 通知支持
• 画中画支持
• DRM 支持（令牌，Widevine，FairPlay EZDRM）。
• … 更多功能！

支持

如果您在示例中发现了任何错误，请在 这里提交问题。

欢迎提交补丁，您可以通过 fork 此项目并通过 GitHub 提交拉取请求。如果您有任何问题，请随时联系我：developer@uiza.io。

地址：33 Ubi Avenue 3 #08- 13, Vertex Tower B, Singapore 408868 邮箱：developer@uiza.io 网站：uiza.io

示例代码

以下是一个简单的示例代码，展示了如何使用 snake_player_flutter 插件来播放视频。

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:get/get.dart';

import 'menu_screen.dart';

void main() async {
  // 设置系统UI样式
  SystemChrome.setSystemUIOverlayStyle(
    const SystemUiOverlayStyle(
      systemNavigationBarColor: Colors.blue, // 导航栏颜色
      systemNavigationBarIconBrightness: Brightness.light, // 导航栏图标颜色
    ),
  );

  // 确保在 `main` 函数中初始化
  WidgetsFlutterBinding.ensureInitialized();

  runApp(
    GetMaterialApp(
      enableLog: true,
      debugShowCheckedModeBanner: true,
      defaultTransition: Transition.cupertino,
      theme: ThemeData(
        primarySwatch: Colors.blue,
        backgroundColor: Colors.white,
      ),
      home: const MenuScreen(), // 主屏幕
    ),
  );
}

菜单屏幕示例代码

以下是一个菜单屏幕的示例代码，该屏幕用于选择不同的视频源。

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

class MenuScreen extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Snake Player Demo'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ElevatedButton(
              onPressed: () {
                // 播放本地视频
                Navigator.of(context).push(MaterialPageRoute(builder: (_) {
                  return VideoPlayerScreen(videoUrl: 'assets/sample.mp4');
                }));
              },
              child: Text('播放本地视频'),
            ),
            ElevatedButton(
              onPressed: () {
                // 播放网络视频
                Navigator.of(context).push(MaterialPageRoute(builder: (_) {
                  return VideoPlayerScreen(videoUrl: 'https://www.example.com/video.mp4');
                }));
              },
              child: Text('播放网络视频'),
            ),
          ],
        ),
      ),
    );
  }
}

class VideoPlayerScreen extends StatefulWidget {
  final String videoUrl;

  VideoPlayerScreen({required this.videoUrl});

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

class _VideoPlayerScreenState extends State<VideoPlayerScreen> {
  late SnakePlayerController _controller;

  [@override](/user/override)
  void initState() {
    super.initState();
    _controller = SnakePlayerController.network(widget.videoUrl);
  }

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('视频播放器'),
      ),
      body: Center(
        child: SnakePlayer(
          controller: _controller,
          autoPlay: true,
          showControls: true,
          fit: BoxFit.cover,
        ),
      ),
    );
  }
}