- 综合排序
- 最热优先
- 最新优先
- 来自专栏Android知识
Flutter视频播放、Flutter VideoPlayer 视频播放组件精要
1 添加依赖 # 视频播放 video_player: ^1.0.1 2 播放视频前的准备 2.1 网络访问权限 在 ios 目录下的 info.plist 清单文件中配置 iOS设置的http 视频资源的加载以及播放控制全部是通过 VideoPlayerController来操作的 3.1 视频资源的加载 VideoPlayerController _playerController ; AspectRatio( //设置视频的大小 宽高比。 : VideoPlayer(_videoPlayerController), ), ) 3.3 视频播放相关控制 //获取当前视频播放的信息 VideoPlayerValue videoPlayerValue ; //当前视频是否循环 bool isLoop = videoPlayerValue.isLooping; //当前播放视频的总时长 Duration totalDuration
6.7K20编辑于 2022-02-08 - 来自专栏踏浪的文章
Flutter lesson 6: Flutter组件之基础组件（二）
取值的话也是前端中对其方式的几种取值 start end center spaceBetween spaceAround spaceEvenly 唯一不同的是，在Flutter中新增加了一个spaceEvenly FadeInImage.assetNetwork( placeholder: 'images/logo.png', image: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy TextDecorationStyle.wavy, fontSize: 20, decorationColor: Colors.green ))), ] 大部分的文字样式 import 'package:flutter
2.8K20发布于 2019-07-31 - 来自专栏学习/读书笔记
《Flutter》-- 6.高级组件
参阅书籍： 《Flutter跨平台开发入门与实践》-- 向治洪（著） 6. 高级组件 6.1 可滚动组件 对于列表和长布局的显示溢出问题，可以使用Flutter提供的可滚动组件来处理。 6.1.1 Scrollable组件 在Flutter中，一个可滚动的组件直接或间接包含一个Scrollable组件，它是可滚动组件的基础组件。 所谓基于Sliver的延迟加载，是Flutter中提出的薄片（Sliver）概念。 在实际使用过程中，Flutter提供了SliverList、SliverGrid等可滚动组件的Sliver版本。 Canvas canvas, Size size) { double wheelSize = min(size.width, size.height) / 2; double nbElem = 6;
13.5K20编辑于 2022-04-07 - 来自专栏program
Flutter技术与实战(6)
x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shado,text_aHRwcHM6Ly9ibG9nLmNzZG0ubmV0L0lhbmdfc3R2ZHlfZmlyc3Q sources: - ubuntu-toolchain-r-test packages: - libstdc++6 参考文章：https://www.yangshebing.com/2018/01/06/iOS%E9%80%86%E5%90%91%E5%BF%85%E5%A4%87%E7%BB%9D%E6%8A%80% 前 6 个阶段是 Flutter 的标准工作流，最后一个阶段是原生开发的标准工作流。 对于 Flutter 标准工作流的 6 个阶段而言，每个阶段都会涉及业务或产品特性提出的特异性要求，技术方案的选型，各阶段工作成本可用性、可靠性的衡量，以及监控相关基础服务的接入和配置等。
3.8K32编辑于 2022-06-29 - 来自专栏技术人生
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 - 来自专栏技术人生
flutter组件6【AppBar的使用】
1.图示 2.解释 AppBar 有以下常用属性： leading → Widget - 在标题前面显示的一个控件，在首页通常显示应用的 logo；在其他界面通常显示为返回按钮。 title → Wi
1.8K20发布于 2020-11-13 - 来自专栏前端大合集
Flutter 中 视频封面 视频的压缩 上传 播放
需求分析 用户选择视频之后,可以生成一个视频的封面图 点击封面图可以播放视频 用户发表视频之前进行视频的校验(大于1080p 即像素点大于 1920 * 1080 = 2073600 像素点 或者 视频的内存大小 上传之后,进行视频的播放.(这里包括一系列视频的操作方法) 涉及到的库 video_thumbnail : 用于从视频文件中生成缩略图。 video_player : 是 Flutter 中用于播放视频的重要库。 它提供了一套完整的 API 来处理视频播放相关的功能，支持多种视频格式，能够在 Android 和 iOS 平台上实现流畅的视频播放体验 ideo_compress : 是一个在 Flutter 应用中用于视频压缩的库 封装视频工具类 我们封装一个视频的工具类, 里面包含了一些对视频的操作的方法, 包括获取视频的大小, 视频的像素, 获取视频的封面图... video_utils import 'dart:io'; import
2.8K10编辑于 2024-12-29 - 来自专栏Android知识点总结
相机、OpenGL、视频、Flutter和SurfaceView
----张风捷特烈 ---- 一、关于SurfaceView 对于视频、相机、游戏、Flutter等需要高性能渲染的场景,你都会发现SurfaceView的身影,如果你想进行高性能的渲染，那么SurfaceView 是你必须要过的坎,也是一把打开视频之门的钥匙。 OpenGL的结合 [6].Flutter与SurfaceView的联系 ? ---- 5.OpenGL在视频播放中的使用 如果你稍微了解一下视频播放，会知道MediaPlayer可以和Surface狼狈为奸 于是乎，同理，可以将视频播放和OpenGL结合,然后通过shader 多媒体之视频播放器(基于MediaPlayer) ?
3.8K20发布于 2020-04-30 - 来自专栏大前端（横向跨端 & 纵向全栈）
Flutter中使用chewie实现视频播放
dependencies: flutter: sdk: flutter flutter_localizations: sdk: flutter date_format: ^1.0.6 flutter_cupertino_date_picker: ^1.0.26+2 flutter_swiper: ^1.1.6 fluttertoast: ^7.1.6 http: ^0.12.2 dio: ^3.0.10 flutter_html: ^1.1.0 flutter_inappwebview: ^4.0.0+4 device_info: ^1.0.0 amap_location: ^0.2.0 image_picker: ^0.6.7+21 # chewie的依赖 video_player: ^1.0.1 # 视频播放 chewie 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; @override void initState() { super.initState(); //配置视频地址 * 否则，当页面销毁后会继续播放视频！
10.6K2220发布于 2019-09-16 - 来自专栏即时通信IM
实时音视频 TRTC Flutter SDK 上线！
导语 Flutter 是目前最火的跨平台技术，在提供极好的用户体验的同时能解决多端一致性的问题，而且还能有效地降低人力成本。 Flutter 是什么？ 在全世界，Flutter 正在被越来越多的开发者和组织使用，并且 Flutter 是完全免费、开源的。 实时音视频 Flutter SDK 目前可以支持哪些功能接口？ TRTCCloud 腾讯云视频通话功能的主要接口类 基础方法 ? 房间相关接口函数 ? CDN 相关接口函数 ? 视频相关接口函数 ? TRTCCloudListener 腾讯云视频通话功能的事件回调接口 错误事件和警告事件 ? 房间事件回调 ? 成员事件回调 ? 播放背景音乐的回调接口 ? 统计和质量回调 ? 服务器事件回调 ? 关键类型定义 腾讯云视频通话功能的关键类型定义 ? 欢迎大家扫码体验 TRTC Flutter Demo： ? ?
4.4K20发布于 2021-03-09 - 来自专栏Flutter入门到实战
Flutter基础篇（7）-- Flutter更新错误全面解决方案(图文+视频讲解)
---- 为了大家更直观的看到解决问题的过程，我录制了一个视频，欢迎大家观看。 视频地址：腾讯视频 ---- （1）使用Git下载flutter版本的3种方式 （我电脑里面已经安装flutter最新版了。 为了演示flutter升级过程，我删除了flutter文件夹，重新去github下载flutter文件，并且执行更新操作。所以这里我选择是方式1指定分支和版本号进行下载。） OK 下载完成 下面开始执行 flutter upgrade操作 2、执行flutter upgrade就可以更新flutter版本号 首先注意flutter环境变量配置 然后建议访问外国网站 image 这个时候可以看到正在下载dart sdk，耐心等待即可 image 这里的版本号是flutter 1.0.1-pre.1 master分支 6、升级完成之后 会自动执行
2.1K30发布于 2018-12-27 - 来自专栏flutter开发精选
2022-02-15：flutter weekly第6期
flutter weekly 是一份免费的每周咨询，可帮助你在 Flutter 开发方面保持领先地位。 每周分享全球精彩文章、教程、插件和视频，如果您觉得有用，请不要吝啬您的掌声、评论、赞赏或任何其他您想给予的认可。 如果你有任何关于 Flutter 或 Dart 的消息想要与我分享，请联系我。 ---- 这是我举办的第6期，以后每周一期，欢迎大家监督。 ://github.com/flutter/flutter/wiki/Roadmap）. 期待更多flutter的好消息。 视频 Badges (Package of the Week) （https://www.youtube.com/watch?v=_CIHLJHVoN8）。
1.1K20编辑于 2022-09-20 - 来自专栏进击的多媒体开发
Flutter 2 渲染原理和如何实现视频渲染
声网Agora跨平台开发工程师卢旭辉带来了《Flutter2 渲染原理和如何实现视频渲染》的主题分享，本文是对演讲内容的整理。 本次分享主要包括 3 个部分： Flutter2 概览。 Flutter2 视频渲染插件的实践。 Flutter2 渲染原理（源码）。 接下来简单看一下 Flutter2 的平台差异，如上图所示。目前 Flutter2 支持 6 个主流平台，分别是 Web、Android、iOS、Windows、macOS 和 Linux。 dart::ffi 使 Flutter 拥有直接调用 C 和 C++ 的能力，这两点除了 Web 都是支持的。 接下来将分享下声网在视频渲染插件方面的实践，这里主要针对 Web 和桌面端。 到先前创建的 DivElement 中实现视频渲染。
2.8K20发布于 2021-11-09 - 来自专栏移动开发之家
Flutter 实现视频全屏播放逻辑及解析
一、前言 相信做过移动端视频开发的同学应该了解，想要实现视频从普通播放到全屏播放的逻辑并不是很简单，比如在 GSYVideoPlayer 中的动态全屏切换效果，就使用了创建全新的 Surface 来替换实现 事实上 Flutter 中实现全屏切换效果很简单，后面会一并介绍为什么在 Flutter 上实现会如此简单。 image 如下代码所示，首先在正常播放页面下加入官方 video_player 插件的 VideoPlayer 控件，并且初始化 VideoPlayerController 用于加载需要播放的视频并初始化 child: CircularProgressIndicator(), ), )) 如下代码所示，之后在全屏的页面中同样使用 Hero 控件和 VideoPlayer 控件实现过渡动画和视频渲染 所以 Flutter 中控件的渲染堆栈是独立的，没办法和原生平台直接混合使用，这时候为了能够在 Flutter 中插入原生平台的部分功能，Flutter 除了提供了 PlatformView 这样的实现逻辑之外
4.2K10发布于 2020-02-24 - 来自专栏machh的专栏
Flutter 实战-快速实现音视频通话应用
前言 本文将引导你如何使用ZEGO Flutter SDK 快速轻松的构建一个跨平台音视频聊天应用,大大降低开发成本，适合想要快速完成多端共用音视频项目的开发者； 1 准备环境 在开始集成 ZEGO iOS 7.0 或以上版本，且支持音视频的 iOS 设备或模拟器（推荐使用真机）。 Android 4.4 或以上版本，且支持音视频的 Android 设备或模拟器（推荐使用真机）。 当成功开始音视频通话时，可以听到远端的音频，看到远端的视频画面。 5.6 停止推拉流 1. // 退出房间 ZegoExpressEngine.instance.logoutRoom('room1'); 结尾： 恭喜，你已经通过ZEGO Flutter SDK完成了自己的实时音视频通话应用 ，Flutter为应用开发带来了革新，带着学习交流的态度，希望对于想要学习应用Flutter的同学有所帮助。
5.4K10编辑于 2022-11-23 - 来自专栏流媒体音视频
Flutter 实战快速实现音视频通话应用
前言 本文将引导你如何使用ZEGO Flutter SDK 快速轻松的构建一个跨平台音视频聊天应用,大大降低开发成本，适合想要快速完成多端共用音视频项目的开发者。 iOS 7.0 或以上版本，且支持音视频的 iOS 设备或模拟器（推荐使用真机）。 Android 4.4 或以上版本，且支持音视频的 Android 设备或模拟器（推荐使用真机）。 VS Code: 在应用商店中搜索 “Flutter” 扩展并下载。 以上任一开发环境配置好 Flutter 环境后，在终端执行 flutter doctor，根据提示内容补全相关未下载的依赖项。 当成功开始音视频通话时，可以听到远端的音频，看到远端的视频画面。 5.6 停止推拉流 1. // 销毁引擎 ZegoExpressEngine.destroyEngine(); 结尾： 恭喜，你已经通过ZEGO Flutter SDK完成了自己的实时音视频通话应用，Flutter为应用开发带来了革新
5.6K20编辑于 2022-11-08 - 来自专栏音视频技术
Flutter浪潮下的音视频研发探索
之后会对闲鱼在音视频实践过程中碰到的一些Flutter问题提出了一些解决方案——TPM音视频框架。最后是闲鱼Flutter多媒体开源组件的介绍。 Flutter ? Flutter没有一套逻辑去实现跨平台的音视频组件，所以说Flutter提出了一种让第三方开发者来实现音视频组件的方式，而这些音视频组件的视频渲染出口，就是TextureLayer。 音视频端美颜处理完成的OpenGL纹理能够让Flutter直接使用的条件就是Flutter的上下文需要和平台音视频相关的OpenGL上下文处在一个Share Group下面。 引入Flutter之后，通过分析各个模块的使用场景，我们可以得出一个假设或者说是抽象：音视频应用在终端上可以归纳为视频帧解码之后视频数据帧在各个模块之间流动的过程，基于这种假设去做Flutter音视频框架的抽象 咸鱼Flutter多媒体开源组件 ? 整个Flutter音视频框架抽象分为管线和数据的抽象、模块的抽象、线程统一管理和上下文同一管理四部分。 ? 管线，其实就是视频帧流动的管道。
3.1K30发布于 2019-08-30 - 来自专栏即时通信IM
最佳实践丨Flutter音视频开发实践
Flutter基础介绍 Flutter简介 Flutter 是 Google 开源的 UI 工具包，帮助开发者通过一套代码库高效构建多平台应用，支持Android、IOS、Web、Linux app。 Flutter 音视频 SDK 封装 上面简单介绍了一下 Flutter，音视频通信就要借助 RTC 的能力了。 Flutter视频渲染 在 Native 平台都有系统组件来渲染视频，但 Flutter 没有这样的东西，该如何渲染视频呢？ ? 主要适用于 Flutter 中不太容易实现的widget（Native中已经很成熟，并且很有优势的View），如 WebView、视频播放器、地图等。 ? 外接纹理 Texture：外接纹理 Texture 是可以将Native 纹理共享给 Flutter 进行渲染。需要自己开发音视频采集和渲染。
2.4K10发布于 2021-04-23 - 来自专栏h5
flutter3.27-dymall基于Flutter3+Getx抖音App直播短视频商城
带来一款春节期间自研的Flutter3.27+Dart3.6跨平台仿抖音App短视频+直播商城+聊天项目。整合了短视频+直播+聊天三大功能模块。 使用技术编辑器：vscode技术框架：flutter3.27.1+Dart3.6.0路由/状态管理：get: ^4.6.6本地缓存服务：get_storage: ^2.1.1瀑布流组件：flutter_staggered_grid_view ^0.7.0轮播图组件：card_swiper^3.0.1toast弹窗组件：shirne_dialog^4.8.3视频套件：media_kit: ^1.1.11实现了类似抖音App首页联动效果，上下滑动短视频 项目框架结构目录使用最新版跨平台框架Flutter3.27开发搭建项目模板。 Flutter3项目入口配置/// 入口文件main.dartlibrary;import 'dart:io';import 'package:flutter/material.dart';import
1.9K21编辑于 2025-02-07
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号