- 综合排序
- 最热优先
- 最新优先
- 来自专栏Android知识
Flutter视频播放、Flutter VideoPlayer 视频播放组件精要
1 添加依赖 # 视频播放 video_player: ^1.0.1 2 播放视频前的准备 2.1 网络访问权限 在 ios 目录下的 info.plist 清单文件中配置 iOS设置的http 视频资源的加载以及播放控制全部是通过 VideoPlayerController来操作的 3.1 视频资源的加载 VideoPlayerController _playerController ; AspectRatio( //设置视频的大小 宽高比。 例如，16:9宽高比的值为16.0/9.0 aspectRatio: _videoPlayerController.value.aspectRatio, //播放视频的组件 child ; //当前视频是否循环 bool isLoop = videoPlayerValue.isLooping; //当前播放视频的总时长 Duration totalDuration
6.7K20编辑于 2022-02-08 - 来自专栏踏浪的文章
Flutter lesson 9: Flutter的网络（HTTP）请求
Flutter中网络请求有两种，一个是使用Flutter自带的网络请求，另一种则是使用第三方HTTP请求插件dio Flutter中自带的HTTP请求 如果要使用Flutter自带的HTTP请求，需要引入下面两个库 Flutter 官网建议我们使用 async/await 来进行处理异步（借鉴了前端中的ES7的异步处理）。 使用Flutter自带的HTTP请求一般包含以下几个步骤： 创建 client。 在Flutter中，请求需要使用 Uri 而不是 Url。关于 URL 与 URI 的区别，可以HTTP 协议中 URI 和 URL 有什么区别？。 使用 dio 使用 dio 需要修安装 dio 插件，当前我使用的是最新的版本 2.1.11 dependencies: flutter: sdk: flutter flutter_webview_plugin : ^0.3.5 image_picker: 0.6.0+9 fluttertoast: ^3.1.0 dio: 2.1.11 dio 具体的时候方法可以去 dio-github 上面查看，
3.7K20发布于 2019-07-31 - 来自专栏flutter开发精选
flutter weekly第9期
flutter weekly 是一份免费的每周咨询，可帮助你在 Flutter 开发方面保持领先地位。 每周分享全球精彩文章、教程、插件和视频，如果您觉得有用，请不要吝啬您的掌声、评论、赞赏或任何其他您想给予的认可。 如果你有任何关于 Flutter 或 Dart 的消息想要与我分享，请联系我。 ---- 这是我举办的第9期，以后每周一期，欢迎大家监督。 文章 Flutter After a Year of Inactivity。 教程地址：http://jorgen.tjer.no/post/2022/02/26/flutter-github-workflows-and-testflight 视频 DropdownButton v=Ep6R7U9wa0U Flutter | Serverpod | Backend in Dart | First Look. dart也能做后端，这个是一个开源的Flutter community
86610编辑于 2022-09-20 - 来自专栏学习/读书笔记
《Flutter》-- 9.路由与导航
参阅书籍： 《Flutter跨平台开发入门与实践》-- 向治洪（著） 9. 路由与导航 9.1 路由基础 9.1.1 基本概念 在前端应用中，页面又称路由，是屏幕或应用程序页面的抽象。 Flutter的路由管理和导航借鉴了前端和客户端中的设计思路，提供了Route和Navigator对路由进行统一管理。 在Flutter开发中，根据是否需要提前注册路由标识符，路由管理可以分为基本路由和命名路由两种。 在Flutter中，自定义路由需要用到PageRouteBuilder类，PageRouteBuilder是所有自定义路由的基类。 Fluro是一款优秀的Flutter企业级路由框架，非常适合中大型项目，它具有层次分明、条理化、方便扩展和便于整体管理路由等特点。
1.7K20编辑于 2022-04-07 - 来自专栏易帜的Android 学习之旅
9.Flutter学习之Wrap组件
Wrap组件可以实现流布局，单行的Wrap跟Row表现几乎一样，单列的Wrap变现与Column一致，但是Row与Column都是单行单列的，Wrap不一样，mainAxis(主轴)上控件不足时，则向crossAxis(次轴)去扩展显示。
70120编辑于 2022-02-09 - 来自专栏Android知识点总结
Flutter & GLSL#9 | 函数曲线
张风捷特烈 Flutter & GLSL 系列文章： 《Flutter & GLSL#1 | Shader 让绘制无限强大》 《Flutter & GLSL#2 | 从坐标到颜色》 《Flutter & GLSL#3 | 变量传参》 《Flutter & GLSL#4 | 从条纹到马赛克》 《Flutter & GLSL#5 | 图形区域控制》 《Flutter & GLSL#6 | 平滑过渡 smoothstep 》 《Flutter & GLSL#7 | 减法与线》 《Flutter & GLSL#8 | 乘法与矩形》 《Flutter & GLSL#9 | 函数曲线》 案例代码开源地址 【skeleton】 上面右图中 y=0.8 时，就可以将黑色区域下移： #version 460 core #include <flutter/runtime_effect.glsl> precision mediump 顺便可以把光线的生成逻辑封装成一个函数，效果如下： #version 460 core #include <flutter/runtime_effect.glsl> precision mediump
58710编辑于 2024-03-28 - 来自专栏技术人生
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 中 视频封面 视频的压缩 上传 播放
需求分析 用户选择视频之后,可以生成一个视频的封面图 点击封面图可以播放视频 用户发表视频之前进行视频的校验(大于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 - 来自专栏AustinDatabases
PostgreSQL 性能优化 短查询 覆盖索引，前缀索引，索引和排序 （9）
这个系列已经写到了第9篇，上一篇讲述了索引的一些基础使用的方式，这一篇将继续这个系列，这篇还是针对短查询OLTP的查询中的一些索引的方式和一些有意思的地方进行讲述。
2.1K20编辑于 2022-04-05 - 来自专栏大前端（横向跨端 & 纵向全栈）
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 两个) videoPlayerController=VideoPlayerController.network( 'https://qiniu.xiaodengmi.com/a9ac5d86ca3109cb22ed805b1f227074 videoPlayerController=VideoPlayerController.network( 'https://qiniu.xiaodengmi.com/a9ac5d86ca3109cb22ed805b1f227074 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 - 来自专栏Flutter入门到实战
Flutter基础篇（9）-- 手把手教你用Flutter实现Web页面编写
一、环境要求 （1）Flutter 版本最低要求1.5.4（使用flutter doctor -v查看Flutter版本，如果版本太低，请使用flutter upgrade升级到最新版本）。 : git: url: https://github.com/flutter/flutter_web path: packages/flutter_web flutter_web_ui （1）修改pubspec.yaml dependencies: ## 替换成 flutter_web #flutter: # sdk: flutter flutter_web: any dev_dependencies: ## 替换成 flutter_web_test #flutter_test: # sdk: flutter flutter_web_test: path: packages/flutter_web flutter_web_ui: git: url: https://github.com/flutter/flutter_web
4.9K10发布于 2019-10-23 - 来自专栏即时通信IM
实时音视频 TRTC Flutter SDK 上线！
导语 Flutter 是目前最火的跨平台技术，在提供极好的用户体验的同时能解决多端一致性的问题，而且还能有效地降低人力成本。 Flutter 是什么？ 在全世界，Flutter 正在被越来越多的开发者和组织使用，并且 Flutter 是完全免费、开源的。 实时音视频 Flutter SDK 目前可以支持哪些功能接口？ TRTCCloud 腾讯云视频通话功能的主要接口类 基础方法 ? 房间相关接口函数 ? CDN 相关接口函数 ? 视频相关接口函数 ? TRTCCloudListener 腾讯云视频通话功能的事件回调接口 错误事件和警告事件 ? 房间事件回调 ? 成员事件回调 ? 播放背景音乐的回调接口 ? 统计和质量回调 ? 服务器事件回调 ? 关键类型定义 腾讯云视频通话功能的关键类型定义 ? 欢迎大家扫码体验 TRTC Flutter Demo： ? ?
4.4K20发布于 2021-03-09 - 来自专栏Android知识点总结
Flutter 文本解读 9 | 打造 Icon 图标字体创建工具
---- 2.本系列其他文章 《Flutter 文本解读 1 | 从源码认识 Text 组件》 《Flutter 文本解读 2 | Text 是如何画出来的》 《Flutter 文本解读 3 | Text 组件使用介绍 》 《Flutter 文本解读 4 | TextStyle 文字样式解读 》 《Flutter 文本解读 5 | RichText 富文本的使用 (上)》 《Flutter 文本解读 6 | RichText 富文本的使用 (中)》 《Flutter 文本解读 7 | RichText 写个代码高亮组件》 《Flutter 文本解读 8 | Icon 与 RichText 的渊源》 - mergeClass) { String content = await target.readAsString(); String result = """import 'package:flutter fontName");\n"""; }); if (mergeClass) { return content; } String result = """import 'package:flutter
1.4K20发布于 2021-01-27 - 来自专栏即时通信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 - 来自专栏音视频技术
Flutter浪潮下的音视频研发探索
之后会对闲鱼在音视频实践过程中碰到的一些Flutter问题提出了一些解决方案——TPM音视频框架。最后是闲鱼Flutter多媒体开源组件的介绍。 Flutter ? Flutter没有一套逻辑去实现跨平台的音视频组件，所以说Flutter提出了一种让第三方开发者来实现音视频组件的方式，而这些音视频组件的视频渲染出口，就是TextureLayer。 音视频端美颜处理完成的OpenGL纹理能够让Flutter直接使用的条件就是Flutter的上下文需要和平台音视频相关的OpenGL上下文处在一个Share Group下面。 引入Flutter之后，通过分析各个模块的使用场景，我们可以得出一个假设或者说是抽象：音视频应用在终端上可以归纳为视频帧解码之后视频数据帧在各个模块之间流动的过程，基于这种假设去做Flutter音视频框架的抽象 组要包含四个基本组件分别是： 1：视频图像拍摄组件 2：播放器组件 3：视频图像编辑组件 4：相册选择组件 现在这些组件正在走内部开源流程。预计9月份，相册和播放器会实现开源。 后续展望和规划 ?
3.1K30发布于 2019-08-30 - 来自专栏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基础篇（7）-- Flutter更新错误全面解决方案(图文+视频讲解)
---- 为了大家更直观的看到解决问题的过程，我录制了一个视频，欢迎大家观看。 视频地址：腾讯视频 ---- （1）使用Git下载flutter版本的3种方式 （我电脑里面已经安装flutter最新版了。 为了演示flutter升级过程，我删除了flutter文件夹，重新去github下载flutter文件，并且执行更新操作。所以这里我选择是方式1指定分支和版本号进行下载。） OK 下载完成 下面开始执行 flutter upgrade操作 2、执行flutter upgrade就可以更新flutter版本号 首先注意flutter环境变量配置 然后建议访问外国网站 image 我们打开flutter目录，双击flutter_console.bat脚本，输入flutter upgrade再试一下。还是一样的。
2.1K30发布于 2018-12-27
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号