Flutter为自己的App中引入抖音短视频

最近字节开放了内容输出SDK，可以直接在应用中插入小说、视频内容。Flutter可以通过flutter_pangrowth插件，快速、无侵入的引入短视频到自己的APP中。

体验demo
仓库地址

集成步骤

1、pubspec.yaml

flutter_pangrowth: ^1.0.0

2、引入

import 'package:flutter_pangrowth/flutter_pangrowth.dart';

使用

1、SDK初始化

⚠️注意：初始化sdk前，必须先调用用flutter_unionad的初始化方法，不然无法加载广告

await PangrowthVideo.registerVideo(//接入小说SDK的App的英文名 必填appName: "appName",appid 必填andoridAppId: "302043",iosAppId: "299886",//是否显示日志debug: true,);

2、打开沉浸式小视频

await PangrowthVideo.openDrawVideoFull();

3、打开宫格小视频

await PangrowthVideo.openGridVideo();

4、打开新闻多列表

await PangrowthVideo.openNewsTabs();

5、打开新闻单列表

await PangrowthVideo.openNewsTabOne();

6、沉浸小视频view

⚠️只支持ios

PangrowthVideo.drawVideoFullView(viewWidth: MediaQuery.of(context).size.width,//宽viewHeight: 700,//高),

7、宫格小视频view

⚠️只支持ios

PangrowthVideo.gridVideoView(viewWidth: MediaQuery.of(context).size.width,//宽viewHeight: 700,//高),

8、新闻多列表view

⚠️只支持ios

PangrowthVideo.newsTabsView(viewWidth: MediaQuery.of(context).size.width,//宽viewHeight: 700,//高),

9、新闻单列表view

⚠️只支持ios

PangrowthVideo.newsTabOneView(viewWidth: MediaQuery.of(context).size.width,//宽viewHeight: 700,//高),

10、视频组件-Banner

PangrowthVideo.videoBannerView(viewWidth: 300,//宽viewHeight: 200,//高),

11、视频组件-文字链

PangrowthVideo.videoTextChainView(viewWidth: 300,//宽viewHeight: 200,//高),

12、视频组件-气泡

PangrowthVideo.videoBubbleView(viewWidth: 300,//宽viewHeight: 200,//高),

13、视频卡片-单视频

PangrowthVideo.videoSingleCardView(viewWidth: 300,//宽viewHeight: 200,//高),

14、视频卡片-单信息流

PangrowthVideo.videoNewsSingleCardView(viewWidth: 300,//宽viewHeight: 200,//高),

15、视频卡片-列表

PangrowthVideo.videoCardView(viewWidth: 400,//宽viewHeight: 200,//高),

Flutter为自己的App中引入抖音短视频相关推荐

鸿蒙视频app官网,抖音短视频鸿蒙版App最新版
抖音短视频鸿蒙版是一款全新的短视频欣赏平台,全新的播放模式和社交功能,让用户不仅可以每天看到精彩的视频内容,还可以结识到更多好朋友,互动交流都是非常开心的,更多全新的体验功能等待大家来发现,为你展现不 ...
Android中探究抖音短视频的动态壁纸功能以及拓展功能使用
一.前言最近玩抖音感觉都快废了,所以我决定不玩了我要学习所以先从他的动态壁纸学起,因为整个应用中也就是动态壁纸有点好玩的技术,而且也就是抖音能做这个功能,其他的短视频或许做不了比如快手如果要做你觉得 ...
c++怎么做app_想开发一个类似于抖音短视频这样的APP大概多少钱？应该怎么做？...
随着智能手机和网络速度的发展,类似的实时应用软件或短视频应用软件已经开发出来,也很受用户欢迎.开发一个类似抖音短视频的应用软件要花多少钱?这个问题也成为一些准备开发视频应用软件的商家和客户经常问及的问 ...
从零开始搭建仿抖音短视频APP-构建后端项目
项目持续创作中... 仿抖音短视频APP项目专栏目录聚合工程构建父工程构建子工程构建接口工程并且暴露api接口优雅Restful相应封装 Lombok与多环境profile 数 ...
晋丰佳创：抖音短视频里的版面内容复杂吗？这样设计的原因是什么
抖音APP在面向国内用户时,因其独特的社交元素与自身内容形式上的丰富多彩,让不同年龄.不同阶层的人纷纷加入抖音进行使用.事实证明,抖音没有让他们使用者失望,平台将新鲜血液注入进去,人往往对新鲜和刺激的 ...
有视频APP上线，一对一交友源码和抖音短视频源码稳步前行
有视频APP上线,一对一交友源码和抖音短视频源码稳步前行最近几年,网络上谈论直播和短视频的随处可见.茶余饭后,闲暇时间,经常会看会儿直播或者刷下短视频,全民皆可参与. 艾媒咨询数据显示,2017年中 ...
上车短视频赛道：基于uniapp框架快速搭建自己的仿抖音短视频APP
在今年也就是第48次发布的<中国互联网络发展状况统计报告>有这样一个数据,21年的上半年以来,我国我国网民规模达10.11亿,其中短视频用户达8.88亿.碎片化的生活场景下,短视频成为人们 ...
抖音短视频源码中视频排序模块热门列表解决方案
我们都知道,在短视频APP中会有推荐列表,不同短视频APP的推荐机制是不同的,有聚集流量的"中心化"推荐方式,也有对新手友好的"去中心化"推荐机制. 中心化推荐 ...
短视频源码仿抖音短视频APP源码短视频平台源码短视频源码
[WoShop仿抖音短视频源码的主要功能] 1.短视频带货:关联商品的短视频封面会有商品标识,短视频内容中会弹出商品链接 2.直播带货:短视频源码支持直播功能,直播间内可开启带货功能 3.邀请赚钱:用 ...

Flutter为自己的App中引入抖音短视频

集成步骤

1、pubspec.yaml

2、引入

使用

1、SDK初始化

2、打开沉浸式小视频

3、打开宫格小视频

4、打开新闻多列表

5、打开新闻单列表

6、沉浸小视频view

7、宫格小视频view

8、新闻多列表view

9、新闻单列表view

10、视频组件-Banner

11、视频组件-文字链

12、视频组件-气泡

13、视频卡片-单视频

14、视频卡片-单信息流

15、视频卡片-列表

Flutter为自己的App中引入抖音短视频相关推荐

最新文章

热门文章

Flutter为自己的App中引入抖音短视频

集成步骤

1、pubspec.yaml

2、引入

使用

1、SDK初始化

2、打开沉浸式小视频

3、打开宫格小视频

4、打开新闻 多列表

5、打开新闻 单列表

6、沉浸小视频view

7、宫格小视频view

8、新闻多列表view

9、新闻单列表view

10、视频组件-Banner

11、视频组件-文字链

12、视频组件-气泡

13、视频卡片-单视频

14、视频卡片-单信息流

15、视频卡片-列表

Flutter为自己的App中引入抖音短视频相关推荐

最新文章

热门文章

4、打开新闻多列表

5、打开新闻单列表