Flutter视频播放器插件vimeo_media_player的使用

Flutter视频播放器插件vimeo_media_player的使用

Vimeo Player Trinity

一个用于通过ID在Flutter中播放任何Vimeo视频的包。该库是从 prilogy/vimeo_media_player 分支而来。

功能：

  • 可以改变视频质量
  • 支持响应式全屏
  • 暂停和播放
  • 快退
  • 调整播放速度

开始使用

这个项目是一个Dart包，可以轻松地在多个Flutter或Dart项目中共享代码。

如果你是初次使用Flutter，可以查看我们的在线文档，里面有教程、示例、移动开发指南以及完整的API参考。

安装

首先，在你的 pubspec.yaml 文件中添加 vimeo_media_player 作为依赖项。

dependencies:
  vimeo_media_player: ^latest_version

然后运行 flutter pub get 来获取新的依赖项。

iOS

警告：视频播放器在iOS模拟器上无法正常工作。在开发和测试期间必须使用真实的iOS设备。

在你的 Info.plist 文件中添加以下条目：

<key>NSAppTransportSecurity</key>
<dict>
  <key>NSAllowsArbitraryLoads</key>
  <true/>
</dict>

这允许你的应用通过URL访问视频文件。

额外的iOS配置（可选）

为了支持全屏旋转，可以在 info.plist 文件中添加以下条目：

<key>UISupportedInterfaceOrientations</key>
<array>
   <string>UIInterfaceOrientationPortrait</string>
   <string>UIInterfaceOrientationLandscapeLeft</string>
   <string>UIInterfaceOrientationLandscapeRight</string>
</array>

Android

确保在你的 AndroidManifest.xml 文件中包含以下权限：

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

这个权限通常已经包含在Flutter项目的模板中，所以你可能不需要手动添加它。

支持的格式

在iOS上，底层播放器是AVPlayer。支持的格式取决于iOS版本，你可以通过查询 AVURLAsset 类的 audiovisualTypes 来获取支持的音频/视频格式。在Android上，底层播放器是ExoPlayer，请参阅文档了解支持的格式列表。在Web端，可用的格式取决于用户的浏览器（厂商和版本）。更多具体信息请查看 package:video_player_web。

示例代码

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

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

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData.dark(),
      home: const VideoScreen(),
    );
  }
}

class VideoScreen extends StatelessWidget {
  const VideoScreen({Key? key}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: MediaQuery.of(context).orientation == Orientation.portrait
          ? AppBar(
              title: const Text('Vimeo Player Trinity'),
              centerTitle: true,
            )
          : null,
      body: Column(
        children: const [
          VimeoPlayer(
            id: '395212534',
            autoPlay: true,
            fullScreenByDefault: false,
          ),
        ],
      ),
    );
  }
}

更多关于Flutter视频播放器插件vimeo_media_player的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter视频播放器插件vimeo_media_player的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


vimeo_media_player 是一个 Flutter 插件，用于在 Flutter 应用中嵌入和播放 Vimeo 视频。它提供了一个简单的接口来加载和控制 Vimeo 视频的播放。

安装插件

首先，你需要在 pubspec.yaml 文件中添加 vimeo_media_player 插件的依赖：

dependencies:
  flutter:
    sdk: flutter
  vimeo_media_player: ^0.1.0 # 请使用最新版本

然后运行 flutter pub get 来安装插件。

使用插件

以下是一个简单的示例，展示如何在 Flutter 应用中使用 vimeo_media_player 插件来播放 Vimeo 视频。

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

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Vimeo Player Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: VimeoPlayerScreen(),
    );
  }
}

class VimeoPlayerScreen extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Vimeo Player'),
      ),
      body: Center(
        child: VimeoPlayer(
          videoId: '76979871', // 替换为你的 Vimeo 视频 ID
          autoPlay: true,
          looping: true,
        ),
      ),
    );
  }
}
回到顶部