Flutter视频播放插件qyplayer的使用

安装

在您的 pubspec.yaml 文件中添加 qyplayer 作为依赖项。

dependencies:
  qyplayer: ^x.x.x

iOS

如果您需要通过 HTTP（而不是 HTTPS）URL 访问视频，您需要在应用程序的 Info.plist 文件中添加适当的 NSAppTransportSecurity 权限。Info.plist 文件通常位于 ios/Runner/Info.plist。

Android

如果您使用的是基于网络的视频，请确保在您的 AndroidManifest.xml 文件中包含以下权限。该文件通常位于 android/app/src/main/AndroidManifest.xml。

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

macOS

如果您使用的是基于网络的视频，您需要添加 com.apple.security.network.client 权限。

示例

下面是一个简单的示例，展示如何使用 qyplayer 插件在 Flutter 应用程序中播放视频。

示例代码

首先，确保在 pubspec.yaml 中添加了 qyplayer 依赖项，然后运行 flutter pub get 更新依赖项。

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:qyplayer/interface/qyplayer_interface.dart';
import 'package:qyplayer/qyplayer.dart';

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

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'QYPlayer',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      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> {
  GlobalKey<QYPlayerState> playerKey = GlobalKey<QYPlayerState>();

  QYPlayerController? controller;

  @override
  void didChangeDependencies() {
    super.didChangeDependencies();
    controller = QYPlayerController(
      src:
          'https://1500005690.vod2.myqcloud.com/43843704vodtranscq1500005690/57c0f251243791580257343139/adp.10.m3u8?t=65e1d812&us=3405534&sign=f26dcdbc5d73b646752ffddc39f85660',
      poster:
          'https://img2.baidu.com/it/u=3867960631,2923014190&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500',
      width: MediaQuery.of(context).size.width,
      height: MediaQuery.of(context).size.height / 2,
      isLive: false,
      initTime: const Duration(seconds: 12),
      autoplay: false,
      useSafeArea: true,
      bgColor: Colors.white,
    );
  }

  @override
  Widget build(BuildContext context) {
    SystemChrome.setSystemUIOverlayStyle(
      const SystemUiOverlayStyle(
        systemNavigationBarColor: Colors.black,
        statusBarColor: Colors.black,
        statusBarIconBrightness: Brightness.light,
      ),
    );
    return Scaffold(
      body: QYPlayer(
        key: playerKey,
        controller: controller!,
      ),
    );
  }
}

代码解释

1. 导入必要的包：

   import 'package:flutter/material.dart';
   import 'package:flutter/services.dart';
   import 'package:qyplayer/interface/qyplayer_interface.dart';
   import 'package:qyplayer/qyplayer.dart';
   

2. 创建主应用类 MyApp：

   class MyApp extends StatelessWidget {
     const MyApp({super.key});
   
     @override
     Widget build(BuildContext context) {
       return MaterialApp(
         debugShowCheckedModeBanner: false,
         title: 'QYPlayer',
         theme: ThemeData(
           colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
           useMaterial3: true,
         ),
         home: const MyHomePage(title: 'Flutter Demo Home Page'),
       );
     }
   }
   

3. 创建主页类 MyHomePage：

   class MyHomePage extends StatefulWidget {
     const MyHomePage({super.key, required this.title});
   
     final String title;
   
     @override
     State<MyHomePage> createState() => _MyHomePageState();
   }
   

4. 定义 _MyHomePageState 类：

   class _MyHomePageState extends State<MyHomePage> {
     GlobalKey<QYPlayerState> playerKey = GlobalKey<QYPlayerState>();
     QYPlayerController? controller;
   
     @override
     void didChangeDependencies() {
       super.didChangeDependencies();
       controller = QYPlayerController(
         src: 'https://1500005690.vod2.myqcloud.com/43843704vodtranscq1500005690/57c0f251243791580257343139/adp.10.m3u8?t=65e1d812&us=3405534&sign=f26dcdbc5d73b646752ffddc39f85660',
         poster: 'https://img2.baidu.com/it/u=3867960631,2923014190&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500',
         width: MediaQuery.of(context).size.width,
         height: MediaQuery.of(context).size.height / 2,
         isLive: false,
         initTime: const Duration(seconds: 12),
         autoplay: false,
         useSafeArea: true,
         bgColor: Colors.white,
       );
     }
   
     @override
     Widget build(BuildContext context) {
       SystemChrome.setSystemUIOverlayStyle(
         const SystemUiOverlayStyle(
           systemNavigationBarColor: Colors.black,
           statusBarColor: Colors.black,
           statusBarIconBrightness: Brightness.light,
         ),
       );
       return Scaffold(
         body: QYPlayer(
           key: playerKey,
           controller: controller!,
         ),
       );
     }
   }