- 综合排序
- 最热优先
- 最新优先
- 来自专栏Android知识
Flutter视频播放、Flutter VideoPlayer 视频播放组件精要
1 添加依赖 # 视频播放 video_player: ^1.0.1 2 播放视频前的准备 2.1 网络访问权限 在 ios 目录下的 info.plist 清单文件中配置 iOS设置的http network-security-config> <base-config cleartextTrafficPermitted="true" /> </network-security-config> [1240] 3 视频播放 视频资源的加载以及播放控制全部是通过 VideoPlayerController来操作的 3.1 视频资源的加载 VideoPlayerController _playerController AspectRatio( //设置视频的大小 宽高比。 ; //当前视频是否循环 bool isLoop = videoPlayerValue.isLooping; //当前播放视频的总时长 Duration totalDuration
6.7K20编辑于 2022-02-08 - 来自专栏前端小叙
flutter入门3——flutter 运行
flutter项目新建与运行 vscode command+shift+p：输入 flutter，选择 new project，application，选择一个项目存储的文件夹，会新建一个 flutter 项目 然后会直接打开该项目，到 lib 下 main.dart vscode command+shift+p：输入 flutter，选择 device，选择要运行项目的设备 但是运行项目设备选择了手机设备在执行 flutter run的时候没有自己的手机设备的选项，可以先试下iOS 模拟设备 vscode command+shift+p：输入 flutter，选择 start ios simulator，就会弹出一个 Flutter run key commands. r Hot reload. R Hot restart. h List all available interactive commands. d Detach (terminate "flutter run" but leave
1.4K10编辑于 2024-03-08 - 来自专栏h5
flutter3.27-dymall基于Flutter3+Getx抖音App直播短视频商城
带来一款春节期间自研的Flutter3.27+Dart3.6跨平台仿抖音App短视频+直播商城+聊天项目。整合了短视频+直播+聊天三大功能模块。 Flutter3项目入口配置/// 入口文件main.dartlibrary;import 'dart:io';import 'package:flutter/material.dart';import super.key}); @override Widget build(BuildContext context) { return GetMaterialApp( title: 'Flutter3 路由页面 getPages: routePages, // 初始化弹窗key navigatorKey: MyDialog.navigatorKey, ); }}Flutter3 , ), // 返回顶部 floatingActionButton: Backtop(controller: scrollController, offset: scrollOffset),);Flutter3
1.9K21编辑于 2025-02-07 - 来自专栏flutter开发者
Flutter动画【3】
前言 在前面的文章中我们看了下Flutter中的补间动画和Flutter Widgets，今天我们来看下页面过渡动画，也可以叫做共享元素动画，页面A的元素过渡到页面B元素的过场效果。 Hero 在Flutter中我们可以使用Hero来帮助实现这个共享元素动画的效果 hero 动画代码具有以下结构: 定义一个起始 hero widget，称为源 hero 。 Flutter计算从起点到终点对 hero 界限进行动画处理的补间（生成每一帧大小和位置） 例如在第一个页面中声明Widget1 然后再第二个界面同样的声明Widget2 可以看到我们的Widget
1.6K40发布于 2018-10-16 - 来自专栏技术人生
flutter组件4【视频播放】
import 'package:flutter/material.dart'; import 'package:chewie/chewie.dart'; import 'package:flutterappqingyuewen Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title:Text('视频详情
76420发布于 2020-11-13 - 来自专栏iOS开发干货分享
Flutter 开发 （3）Flutter 与 Native 的交互
Flutter 中 Channel 基本概念 1. Flutter 中 Channel 的概念 Channel 也就是通道的意思，主要是用于和原生Native之间进行交互 ，双方相互传递数据。 Flutter 中 Channel 的详细介绍 1. 当有消息从 Flutter端 发送到 Native端 时，会根据其传递过来的 channel name 找到该Channel对应的Handler（消息处理器）。 Codec 的介绍 Flutter定义了两种Codec：MessageCodec 和 MethodCodec。 抽象逻辑图 Flutter 中 Channel 具体实现 FlutterMethodChannel FlutterBasicMessageChannel
1.5K10编辑于 2023-03-19 - 来自专栏踏浪的文章
Flutter Lesson 3：Flutter组件（widget）前篇
介绍完Flutter开发环境的搭建以及Dart基础语法，我们就可以着手进行开发了。一般我们开始学习一门技术或者是一门语言的时候，都会写一个Hello World的Demo。所以，撸起袖子开始干。 不过在职之前，我们先来看看Flutter项目的默认文件以及目录结构。 目录结构 ? 图中有几个关键的地方，我们首相来看看这个lib文件夹。 下面，我们就来看看项目中默认的main.dart文件吧 import 'package:flutter/material.dart'; // 项目的入口文件 void main() => runApp 我们看不明白的可能就是类继承时使用到的 StatelessWidget 和 StatefulWidget 两个类（组件）以及一些Flutter Widget。 接下来的日子里，我们就来看看Flutter中都有哪些实用好看的Widget吧
1.5K30发布于 2019-07-31 - 来自专栏贾鹏辉的技术专栏@CrazyCodeBoy
Flutter 3更新详解
移动端更新 我们针对移动端的更新包括: 支持可折叠设备 Flutter 3 支持可折叠移动设备。 生成的 Flutter 3 应用将自动启用 2.0 版 Lint 套件。 感谢所有报告此问题并提供掉帧复现视频的每一个人。 Impeller 我们一直致力于解决 iOS 和其他平台上的早期卡顿问题。 在 Flutter 3 中，您可以在 iOS 上预览一个名为 Impeller 的实验性渲染后端。 更多令人兴奋的更新 我们针对 Flutter 生态系统的其他更新包括: Material 3 Flutter 3 支持新一代 Material Design，即 Material Design 3。
5.2K20编辑于 2022-05-30 - 来自专栏前端大合集
Flutter 中 视频封面 视频的压缩 上传 播放
需求分析 用户选择视频之后,可以生成一个视频的封面图 点击封面图可以播放视频 用户发表视频之前进行视频的校验(大于1080p 即像素点大于 1920 * 1080 = 2073600 像素点 或者 视频的内存大小 video_player : 是 Flutter 中用于播放视频的重要库。 它提供了一套完整的 API 来处理视频播放相关的功能，支持多种视频格式，能够在 Android 和 iOS 平台上实现流畅的视频播放体验 ideo_compress : 是一个在 Flutter 应用中用于视频压缩的库 封装视频工具类 我们封装一个视频的工具类, 里面包含了一些对视频的操作的方法, 包括获取视频的大小, 视频的像素, 获取视频的封面图... video_utils import 'dart:io'; import ; return info; } // 释放资源 void dispose() { _subscription.unsubscribe(); // 取消订阅 } } 3.
2.8K10编辑于 2024-12-29 - 来自专栏Android知识点总结
相机、OpenGL、视频、Flutter和SurfaceView
----张风捷特烈 ---- 一、关于SurfaceView 对于视频、相机、游戏、Flutter等需要高性能渲染的场景,你都会发现SurfaceView的身影,如果你想进行高性能的渲染，那么SurfaceView 是你必须要过的坎,也是一把打开视频之门的钥匙。 .OpenGL中的GLSurfaceView [4].Camera2和OpenGL的结合 [5].视频播放和和OpenGL的结合 [6].Flutter与SurfaceView的联系 ? ---- 5.OpenGL在视频播放中的使用 如果你稍微了解一下视频播放，会知道MediaPlayer可以和Surface狼狈为奸 于是乎，同理，可以将视频播放和OpenGL结合,然后通过shader 多媒体之视频播放器(基于MediaPlayer) ?
3.8K20发布于 2020-04-30 - 来自专栏前端进阶实战
Flutter3实战抖音App直播短视频聊天源码
继上一个flutter3仿微信app聊天项目，最近又实战开发了一款flutter仿抖音app短视频直播项目，完结了。 flutter3仿微信app聊天项目实战项目技术架构跨平台框架：flutter3.41.5+Dart3.11.3路由状态管理：get:^4.7.3本地缓存服务：get_storage:^2.1.1瀑布流组件 ：flutter_staggered_grid_view^0.7.0轮播图组件：card_swiper^3.0.1toast弹窗组件：shirne_dialog^4.9.0视频套件：media_kit: ^1.2.6svg图片：flutter_svg:^2.2.4实现类似抖音app首页全屏顶部状态栏+tab菜单栏+底部菜单栏联动效果，左右滑动切换页面模块，上下滑动切换短视频效果。
12520编辑于 2026-09-26 - 来自专栏移动开发之家
Flutter 小技巧之 Flutter 3 下的 ThemeExtensions 和 Material3
本篇分享一个简单轻松的内容： ThemeExtensions 和 Material3 ，它们都是 Flutter 3.0 中的重要组成部分，相信后面的小知识你可能还没了解过～。 ThemeExtensions相信大家都用过 Flutter 里的 Theme ，在 Flutter 里可以通过修改全局的 ThemeData 就来实现一些样式上的调整，比如 ：全局去除 InkWell Flutter 3 给我们提供了一个解决方案： ThemeExtensions 。 Material3Material3 又叫 MaterialYou ， 是谷歌在 Android 12 时提出的全新 UI 设计规范，现在 Flutter 3.0 里你可以通过 useMaterial3 在 Flutter 的 gen_defaults 下就可以看到，基本上涉及 M3 的默认样式，都是通过 data 下的数据利用模版自动生成，比如 Appbar 的 backgroundColor 指向的就是
2.2K30编辑于 2022-06-06 - 来自专栏program
Flutter技术与实战(3)
var s3 = """This is a multi-line string. var arr1 = ["Tom", "Andy", "Jack"]; var arr2 = List.of([1,2,3]); arr2.add(499); arr2.forEach((v) => print var arr1 = <String>['Tom', 'Andy', 'Jack']; var arr2 = new List<int>.of([1,2,3]); arr2.add(499); arr2 //级联运算符，等同于xxx.x=1; xxx.y=2;xxx.z=3; xxx.printInfo(); //输出(1,2,3) var yyy = Coordinate(); yyy ..x 综合案例 源码地址：https://github.com/cyndibaby905/flutter_core_demo 案例介绍 用 Dart 写一段购物车程序，但先不使用 Dart 独有的特性。
2.6K10编辑于 2022-06-29 - 来自专栏个人路线
flutter 开发小技巧3
如果利用stack position 来实现定位的话，有时候不居中的情况，可以使用container包裹，
50510发布于 2021-08-02 - 来自专栏学习/读书笔记
《Flutter》-- 3.Dart语言
参阅书籍： 《Flutter跨平台开发入门与实践》-- 向治洪（著） 参阅网站： https://www.dartcn.com/guides/language/language-tour 3. 搭建开发环境时安装的Flutter SDK里已经包含了Dart SDK。 3.1 编写 Hello World 和大多数编程语言一样，Dart也把main()作为程序的入口。 Flutter应用的main()： void main() => runApp(MyApp()); 3.4.2 函数参数 函数的参数类型有两种，即必传参数和可选参数。 (3 * 2);//6 print(3 / 2);//1.5 print(3 ~/ 2);//1 print(-3);//-3 print(3 % 2);//1 Dart也支持自增和自减运算符。 注：Flutter中的assert只在Debug模式中生效，在生产环境是无效的。 3.7 类 3.7.1 类的成员变量 在面向对象编程中，类的对象通常由函数和数据组成。
3.9K20编辑于 2022-04-07 - 来自专栏h5
自研flutter3.x实战仿抖音app短视频直播FlutterLive
flutter3.x_douyin基于flutter3+dart3+getx+meidaKit等技术开发抖音版app视频直播项目。 : ^0.14.0刷新加载：easy_refresh^3.3.4toast轻提示：toast^0.3.0视频套件：media_kit: ^1.1.10+1项目结构目录采用flutter标准式分层目录结构 super.key}); @override Widget build(BuildContext context) { return GetMaterialApp( title: 'FLUTTER3 getPages: routePages, // 错误路由 // unknownRoute: GetPage(name: '/404', page: Error), ); }}flutter3 //cloud.tencent.com/developer/article/2388052https://cloud.tencent.com/developer/article/2393406综上就是flutter3
2.2K21编辑于 2024-03-25 - 来自专栏大前端（横向跨端 & 纵向全栈）
Flutter中使用chewie实现视频播放
dependencies: flutter: sdk: flutter flutter_localizations: sdk: flutter date_format: ^1.0.6 amap_location: ^0.2.0 image_picker: ^0.6.7+21 # chewie的依赖 video_player: ^1.0.1 # 视频播放 chewie import 'package:chewie/chewie.dart'; import 'package:video_player/video_player.dart'; 3. videoPlayerController: videoPlayerController, // 比例 aspectRatio: 3/ BuildContext context) { return Scaffold( appBar: AppBar( title:Text('在线视频播放
4.3K20发布于 2021-01-29 - 来自专栏iOS小生活
Flutter 中的视频播放器
在Flutter中，官方提供了一个 video_player 插件可以播放视频，但是 video_player 有一些局限性。没法控制底部播放进度等。 所以我们主要给大家讲解一个第三方的视频播放库 chewie。chewie 是一个非官方的第三方视频播放组件，它是基于 video_player 的。 代码如下： import 'package:flutter/material.dart'; import 'package:chewie/chewie.dart'; import 'package:video_player chewieController = ChewieController( videoPlayerController: videoPlayerController, aspectRatio: 3 * 否则，当页面销毁后会继续播放视频！
10.6K2220发布于 2019-09-16 - 来自专栏技术人生
flutter组件3【ListTile 的使用】
ListTile 通常用于在 Flutter 中填充 ListView 属性如下： title： title 参数可以接受任何小部件，但通常是文本小部件 subtitle： 副标题是标题下面较小的文本 对于波纹效果是内置的 enabled： 通过将 enable 设置为 false，来禁止点击事件 2.实例代码 import 'package:flutter/material.dart'; void String horseUrl = 'https://i.stack.imgur.com/Dw6f7.png'; String cowUrl = 'https://i.stack.imgur.com/XPOr3.
2.7K20发布于 2020-11-13 - 来自专栏即时通信IM
实时音视频 TRTC Flutter SDK 上线！
导语 Flutter 是目前最火的跨平台技术，在提供极好的用户体验的同时能解决多端一致性的问题，而且还能有效地降低人力成本。 Flutter 是什么？ 在全世界，Flutter 正在被越来越多的开发者和组织使用，并且 Flutter 是完全免费、开源的。 实时音视频 Flutter SDK 目前可以支持哪些功能接口？ TRTCCloud 腾讯云视频通话功能的主要接口类 基础方法 ? 房间相关接口函数 ? CDN 相关接口函数 ? 视频相关接口函数 ? TRTCCloudListener 腾讯云视频通话功能的事件回调接口 错误事件和警告事件 ? 房间事件回调 ? 成员事件回调 ? 播放背景音乐的回调接口 ? 统计和质量回调 ? 服务器事件回调 ? 关键类型定义 腾讯云视频通话功能的关键类型定义 ? 欢迎大家扫码体验 TRTC Flutter Demo： ? ?
4.4K20发布于 2021-03-09
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号