Flutter YouTube视频播放插件youtube_dart的使用

youtube_dart 是一个用于在跨平台应用中抓取 YouTube 数据的插件，并且支持服务器端使用，无需 API 即可获取数据。

快速开始

首先，确保你已经在 pubspec.yaml 文件中添加了 youtube_dart 依赖：

dependencies:
  youtube_dart: ^1.0.0

然后运行 flutter pub get 来安装该依赖。

接下来是一个简单的示例代码来展示如何使用 youtube_dart 获取 YouTube 视频信息：

import 'dart:convert';
import 'dart:io';

import 'package:youtube_dart/youtube_dart.dart';

void main() async {
  // 创建一个 Youtube 对象并传入视频的 ID
  Youtube yt = Youtube("SQssRqqE0yo");

  // 使用 info 方法获取视频信息
  var res = await yt.info(null);

  // 打印获取到的信息
  print(jsonEncode(res));
}

上述代码会输出一个包含视频详细信息的 JSON 字符串。例如：

{
    "ok": true,
    "result": {
        "title": "Cara Build Azkagram Di github actions || Azkadev",
        "author_name": "Azkadev",
        "author_url": "https://www.youtube.com/channel/UC928-F8HenjZD1zNdMY42vA",
        "type": "video",
        "height": 113,
        "width": 200,
        "version": "1.0",
        "provider_name": "YouTube",
        "provider_url": "https://www.youtube.com/",
        "thumbnail_height": 360,
        "thumbnail_width": 480,
        "thumbnail_url": "https://i.ytimg.com/vi/SQssRqqE0yo/hqdefault.jpg",
        "html": "<iframe width=\"200\" height=\"113\" src=\"https://www.youtube.com/embed/SQssRqqE0yo?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen title=\"Cara Build Azkagram Di github actions || Azkadev\"></iframe>",
        "thumbnail": {
            "hd": "https://img.youtube.com/vi/SQssRqqE0yo/hqdefault.jpg",
            "sd": "https://img.youtube.com/vi/SQssRqqE0yo/sddefault.jpg",
            "mq": "https://img.youtube.com/vi/SQssRqqE0yo/mqdefault.jpg",
            "small": "https://img.youtube.com/vi/SQssRqqE0yo/default.jpg"
        }
    }
}

完整示例 Demo

下面是一个完整的 Flutter 应用示例，展示如何使用 youtube_dart 插件来获取 YouTube 视频信息并在屏幕上显示。

1. 创建一个新的 Flutter 项目：

   flutter create youtube_player
   cd youtube_player
   

2. 在 pubspec.yaml 中添加依赖：

   dependencies:
     flutter:
       sdk: flutter
     youtube_dart: ^1.0.0
   

3. 运行 flutter pub get：

   flutter pub get
   

4. 修改 main.dart 文件：

import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:youtube_dart/youtube_dart.dart';

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('YouTube Video Info'),
        ),
        body: Center(
          child: FutureBuilder(
            future: fetchVideoInfo(),
            builder: (context, snapshot) {
              if (snapshot.connectionState == ConnectionState.waiting) {
                return CircularProgressIndicator();
              } else if (snapshot.hasError) {
                return Text('Error: ${snapshot.error}');
              } else {
                final videoInfo = snapshot.data;
                return Column(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    Text('Title: ${videoInfo['title']}'),
                    Text('Author: ${videoInfo['author_name']}'),
                    Text('URL: ${videoInfo['author_url']}'),
                    Image.network(videoInfo['thumbnail_url']),
                  ],
                );
              }
            },
          ),
        ),
      ),
    );
  }

  Future<Map<String, dynamic>> fetchVideoInfo() async {
    Youtube yt = Youtube("SQssRqqE0yo");
    var res = await yt.info(null);
    return res['result'];
  }
}