Flutter如何集成穿山甲短视频SDK

在Flutter项目中集成穿山甲短视频SDK时遇到困难,具体步骤不太清楚。官方文档主要面向原生开发,有没有适合Flutter的详细集成指南?是否需要通过Platform Channel调用原生代码?如果已有成功案例,能否分享关键的配置步骤和注意事项?尤其关心Android和iOS端的兼容性问题以及广告加载失败的常见解决方案。

2 回复

在Flutter中集成穿山甲短视频SDK,可通过以下步骤:

  1. pubspec.yaml中添加穿山甲Flutter插件依赖:
dependencies:
  pangolin_video: ^版本号
  1. 执行flutter pub get安装依赖。

  2. 在代码中初始化SDK并加载广告:

import 'package:pangolin_video/pangolin_video.dart';

// 初始化
await PangolinVideo.init(appId);

// 加载激励视频
PangolinVideo.loadRewardVideo(posId);
  1. 添加Android和iOS原生配置(权限、AppKey等)。

注意:需申请穿山甲开发者账号并获取AppID和广告位ID。

更多关于Flutter如何集成穿山甲短视频SDK的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在Flutter中集成穿山甲(Pangle)短视频SDK,可以通过以下步骤实现:

1. 添加依赖

pubspec.yaml 中添加穿山甲Flutter插件依赖:

dependencies:
  pangrowth: ^1.0.0  # 使用最新版本

运行 flutter pub get 安装依赖。

2. 配置Android端

  • android/app/src/main/AndroidManifest.xml 中添加权限和组件:
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />

<application>
  <!-- 穿山甲SDK必需的Provider -->
  <provider
    android:name="com.bytedance.sdk.openadsdk.multipro.TTMultiProvider"
    android:authorities="${applicationId}.TTMultiProvider"
    android:exported="false" />
</application>
  • android/app/build.gradle 中设置minSdkVersion至少为21。

3. 配置iOS端

  • ios/Podfile 中添加:
target 'Runner' do
  pod 'Ads-Global', '~> 5.3.0'  # 使用最新版本
end

运行 pod install 安装依赖。

  • ios/Runner/Info.plist 中添加网络权限:
<key>NSAppTransportSecurity</key>
<dict>
  <key>NSAllowsArbitraryLoads</key>
  <true/>
</dict>

4. 初始化SDK

在Flutter应用的启动处初始化穿山甲SDK:

import 'package:pangrowth/pangrowth.dart';

void main() {
  Pangrowth.init(
    androidAppId: "你的Android App ID", 
    iOSAppId: "你的iOS App ID",
    isPaid: false,  // 是否付费应用
    allowShowNotify: true,  // 允许通知
  );
  runApp(MyApp());
}

5. 使用短视频组件

在需要展示短视频的页面使用 VideoCard 组件:

import 'package:pangrowth/pangrowth.dart';

class VideoPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: VideoCard(
        viewWidth: MediaQuery.of(context).size.width,
        viewHeight: MediaQuery.of(context).size.height,
        onVideoDownload: (url) {
          // 处理下载回调
        },
      ),
    );
  }
}

注意事项:

  1. 获取App ID:在穿山甲后台创建应用获取对应的Android和iOS App ID。
  2. 权限处理:确保应用有网络权限,iOS需配置ATS。
  3. 混淆配置(Android):在 proguard-rules.pro 中添加穿山甲防混淆规则。
  4. 审核机制:集成后需提交穿山甲审核,通过后才能正式使用。

完成以上步骤后,即可在Flutter应用中集成穿山甲短视频功能。建议参考穿山甲官方文档获取最新集成指南和API变更。

回到顶部