Flutter屏幕投射插件flutter_to_airplay的使用

插件简介

flutter_to_airplay 是一个Flutter插件，它提供了两个小部件：一个是用于给定的URL或文件路径播放视频的原生AVPlayer；另一个是提供选项将视频通过AirPlay投射到可用的Apple设备上。

赞助与支持

如果您喜欢我的工作，并希望支持我，以便我能投入更多时间进行改进，请考虑请我喝杯咖啡。

开始使用

1. AirPlayRoutePickerView

您可以设置tintColor、activeTintColor和backgroundColor来匹配应用程序的整体主题。

AirPlayRoutePickerView(
  tintColor: Colors.white,
  activeTintColor: Colors.white,
  backgroundColor: Colors.transparent,
)

2. FlutterAVPlayerView

目前，它支持播放添加到Flutter项目的本地文件或视频URL。

播放网络视频（给定URL）

FlutterAVPlayerView(
  urlString: 'https://flutter.github.io/assets-for-api-docs/assets/videos/butterfly.mp4',
)

播放本地视频（添加到Flutter项目）

FlutterAVPlayerView(
  filePath: 'assets/videos/butterfly.mp4',
)

示例代码

下面是一个完整的示例demo，展示了如何使用flutter_to_airplay插件：

import 'package:flutter/material.dart';
import 'package:flutter_to_airplay_example/customIcon/custom_icon_view.dart';
import 'package:flutter_to_airplay_example/pickFromFile/pick_from_file_view.dart';
import 'package:flutter_to_airplay_example/pickFromURL/pick_from_url_view.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Flutter 2 Airplay'),
        ),
        body: SafeArea(
          child: Container(
            child: ListView.builder(
              itemCount: 3,
              itemBuilder: (context, index) {
                switch (index) {
                  case 0:
                    return ListTile(
                      onTap: () => Navigator.push(
                        context,
                        MaterialPageRoute(
                          builder: (context) => PickFromFileView(),
                        ),
                      ),
                      title: Text('Video from File'),
                      trailing: Icon(Icons.chevron_right),
                    );
                  case 1:
                    return ListTile(
                      onTap: () => Navigator.push(
                        context,
                        MaterialPageRoute(
                          builder: (context) => PickFromURLView(),
                        ),
                      ),
                      title: Text('Video from URL'),
                      trailing: Icon(Icons.chevron_right),
                    );
                  case 2:
                    return ListTile(
                      onTap: () => Navigator.push(
                        context,
                        MaterialPageRoute(
                          builder: (context) => CustomIconView(),
                        ),
                      ),
                      title: Text('Custom Icon'),
                      trailing: Icon(Icons.chevron_right),
                    );
                  default:
                    return null;
                }
              },
            ),
          ),
        ),
      ),
    );
  }
}

截图

Video iPhone	Airplay iPhone	Video iPad	Airplay iPad

TODO

• [x] 允许添加到Flutter项目的视频。
• [ ] 允许来自更多来源的视频，如YouTube等。

声明

• 如果您希望为这个工具添加功能，请提出建议。
• 如果您有任何问题或想提交PR，请随时操作，我会积极跟进这些工具的改进。

致谢

此插件受FlutterAirplayPlugin启发。