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

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

一个用于与YouTube服务器交互并获取数据的Flutter插件。支持iOS和Android。

功能：

• 在YouTube上搜索视频、播放列表和频道。
• 基于地区代码获取趋势视频。

使用方法：

要使用此插件，在pubspec.yaml文件中添加youtube_api作为依赖项。

完整示例代码：

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

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: DemoApp(),
    );
  }
}

class DemoApp extends StatefulWidget {
  [@override](/user/override)
  _DemoAppState createState() => _DemoAppState();
}

class _DemoAppState extends State<DemoApp> {
  static String key = "YOUR_API_KEY"; // 替换为你的API密钥

  YoutubeAPI youtube = YoutubeAPI(key);
  List<YouTubeVideo> videoResult = [];

  Future<void> callAPI() async {
    String query = "Flutter GraphQL"; // 搜索关键词
    videoResult = await youtube.search(
      query,
      order: 'relevance', // 搜索结果排序方式
      videoDuration: 'any', // 视频时长过滤
    );
    videoResult = await youtube.nextPage(); // 获取下一页数据
    setState(() {}); // 更新UI
  }

  [@override](/user/override)
  void initState() {
    super.initState();
    callAPI(); // 初始化时调用API
    print('hello');
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.blue[100],
      appBar: AppBar(
        title: Text('YouTube API'),
      ),
      body: ListView(
        children: videoResult.map<Widget>(listItem).toList(), // 将搜索结果渲染到ListView中
      ),
    );
  }

  Widget listItem(YouTubeVideo video) {
    return Card(
      child: Container(
        margin: EdgeInsets.symmetric(vertical: 7.0),
        padding: EdgeInsets.all(12.0),
        child: Row(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: <Widget>[
            Padding(
              padding: const EdgeInsets.only(right: 20.0),
              child: Image.network(
                video.thumbnail.small.url ?? '', // 显示缩略图
                width: 120.0,
              ),
            ),
            Expanded(
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: <Widget>[
                  Text(
                    video.title, // 视频标题
                    softWrap: true,
                    style: TextStyle(fontSize: 18.0),
                  ),
                  Padding(
                    padding: EdgeInsets.symmetric(vertical: 3.0),
                    child: Text(
                      video.channelTitle, // 频道名称
                      softWrap: true,
                      style: TextStyle(fontWeight: FontWeight.bold),
                    ),
                  ),
                  Text(
                    video.url, // 视频链接
                    softWrap: true,
                  ),
                ],
              ),
            )
          ],
        ),
      ),
    );
  }
}