Flutter video_player点击重新播放
视频播放完成之后,暂停视频,点击重新播放
import 'package:flutter/material.dart';
import 'package:video_player/video_player.dart';class ListViewItemWidget extends StatefulWidget{State createState() {return _ListViewItemWidgetState();}
}class _ListViewItemWidgetState extends State<ListViewItemWidget>{bool isPlay = false;bool isOver = false;late VideoPlayerController _controller;void initState() {_controller = VideoPlayerController.network('https://sample-videos.com/video123/mp4/720/big_buck_bunny_720p_20mb.mp4')..initialize().then((_){_controller.play();setState(() {_controller.pause();});})..addListener(videoListener);}void dispose() {_controller.dispose();_controller.removeListener(videoListener);super.dispose();}void videoListener(){var curPlayPosition = _controller.value.position;var totalPlayTime = _controller.value.duration;if (curPlayPosition == totalPlayTime && curPlayPosition.toString() != "0:00:00.000000"){isOver = true;isPlay = false;_controller.initialize()..then((_) {setState(() {});});setState(() {});}}Widget build(BuildContext context) {return Column(children: [//未关注的才会显示为你推荐Row(children: [Container(width: MediaQuery.of(context).size.width - 50,height: 50,alignment: Alignment.centerLeft,padding: const EdgeInsets.only(left: 12.0),child: Text("为你推荐"),),SizedBox(width: 50,height: 50,child: InkWell(child: Icon(Icons.close),onTap: (){/*** 关闭*/},),)],),Stack(children: [Container(height: 220,color: Colors.blueGrey,margin: EdgeInsets.only(top: 10),child: Stack(children: [Positioned.fill(child: GestureDetector(child: AspectRatio(child: VideoPlayer(_controller),aspectRatio: _controller.value.aspectRatio,)),),Container(height: 40,child: Row(crossAxisAlignment: CrossAxisAlignment.center,children: [/*** 网络图片*/// Image(image: Image.network(""))Expanded(flex: 1,child:Icon(Icons.verified_user, color: Colors.white)),Expanded(flex: 6,child:Column(crossAxisAlignment: CrossAxisAlignment.start,children: [Text("userName", style: TextStyle(fontSize: 18, color: Colors.white),),Text("userName", style: TextStyle(fontSize: 12, color: Colors.white),)],),),Expanded(flex: 1,child: Text("关注", style: TextStyle(fontSize: 12, color: Colors.white))),Expanded(flex: 1,child: Icon(Icons.menu, color: Colors.white))],),),buildControllerWidget()],),),],),Container(margin: EdgeInsets.only(top: 10),child: Row(crossAxisAlignment: CrossAxisAlignment.center,children: [/*** 网络图片*/// Image(image: Image.network(""))Expanded(flex: 1,child:Icon(Icons.favorite_border)),Expanded(flex: 1,child:Icon(Icons.messenger_outline)),Expanded(flex: 1,child:Icon(Icons.share_outlined)),Expanded(flex: 4,child:Column(crossAxisAlignment: CrossAxisAlignment.start,children: [],),),Expanded(flex: 1,child: Icon(Icons.collections_outlined))],),),Container(alignment: Alignment.centerLeft,padding: EdgeInsets.only(left: 18,top: 20),child: Column(crossAxisAlignment: CrossAxisAlignment.start,children: [Text("1732赞"),Text("hahhahah"),Text("总共23条评论"),Text("6天前")],),)],);}//播放界面Widget buildControllerWidget(){if(isPlay){return Container(child: GestureDetector(onTap: (){_controller.pause();isPlay = false;setState(() {});},),);}return Positioned.fill(child: AspectRatio(aspectRatio: _controller.value.aspectRatio,child: Container(child: GestureDetector(onTap: (){if(isOver){isOver = false;_controller.play();isPlay = true;setState(() {});} else {_controller.play();isPlay = true;setState(() {});}},child: Icon(Icons.play_circle_fill, size: 44,),),)),);}
}
pubspec.yaml依赖
video_player: ^2.3.0
要求Android compileSdkVersion 为33
相关文章:
Flutter video_player点击重新播放
视频播放完成之后,暂停视频,点击重新播放 import package:flutter/material.dart; import package:video_player/video_player.dart;class ListViewItemWidget extends StatefulWidget{overrideState createState() {return _ListViewItemWidgetState()…...
CSS3属性之text-overflow:ellipsis
语法: text-overflow:clip | ellipsis 默认值为clip 不显示省略标记 clip:当前对象内文本溢出时不显示省略标记,而是将溢出部分裁剪。 ellipsis:当对象内文本一处时显示省略标记(...)。 一、常见的单行文本溢出显示省略写法: text-overflow: ellipsis; …...
【深度学习_TensorFlow】梯度下降
写在前面 一直不太理解梯度下降算法是什么意思,今天我们就解开它神秘的面纱 写在中间 线性回归方程 如果要求出一条直线,我们只需知道直线上的两个不重合的点,就可以通过解方程组来求出直线 但是,如果我们选取的这两个点不在直…...
C++使用 auto 自动推断类型
C使用 auto 自动推断类型 在有些情况下, 根据赋给变量的初值, 很容易知道其类型。 例如, 如果将变量的初值设置成了 true,就可推断其类型为 bool。如果您使用的编译器支持 C11 和更高版本,可不显式地指定变量的类型&a…...
【前端面试手撕题】call、bind、new、freeze、浅拷贝
FED11 _call函数 描述 请补全JavaScript代码,要求实现Function.call函数的功能且该新函数命名为"_call"。 <!DOCTYPE html> <html><head><meta charset"UTF-8"><style>/* 填写样式 */</style> </head…...
MacBook Pro 16 M1 Max 升级 macOS Ventura 13.5 兼容测评
今天给大家带来了 MacBook Pro 16 M1 Max 升级 macOS Ventura 13.5 兼容 100 挑战赛 的视频,现在充电头再以文章的形式呈现给大家,让大家更清楚、直白的了解这款笔记本在升级系统后的兼容性如何。 MacBook Pro 16 M1 Max 配置了 140W 的 MagSafe 充电口&…...
实现5*5正方形网格x轴和y轴显示对应数值组件封装
实现5*5正方形网格x轴和y轴显示对应数值组件封装 需求:按5*5的正方形网格,根据目标数据的x和y轴值显示对应的文字,实现效果图如下:(当前目标数值:x2,y2) 代码如下: <…...
基于Matlab实现图像压缩技术(附上完整源码+图像+程序运行说明)
介绍 图像压缩是一种将图像数据压缩以减小文件大小的技术。在数字图像处理中,图像通常以像素阵列的形式表示。对于大型图像文件,传输和存储成本可能很高,因此图像压缩技术变得至关重要。在本文中,我们将介绍一种使用Matlab实现图…...
棒球联盟对于市场发展规划·棒球1号位
棒球联盟对于市场发展规划 1. 棒球联盟市场发展背景分析 在深入探讨棒球联盟市场发展背景之前,我们首先要明确,棒球,作为一种全球流行的体育项目,其在市场上的发展具有相当悠久的历史。棒球文化的起源可以追溯到上个世纪初&#…...
ansible控制主机和受控主机之间免密及提权案例
目录 案例描述 环境准备 案例一--免密远程控制主机 效果展示: 解决方案 1.添加主机 2.通过ssh-key生成密钥对 3.生成ssh-copy-id 4.验证 案例二-----免密普通用户提权 效果展示 解决方案 1.使用普通用户,与案例一 一样,进行发送密钥…...
flink1.17 eventWindow不要配置processTrigger
理论上可以eventtime processtime混用,但是下面代码测试发现bug,输入一条数据会一直输出. flink github无法提bug/问题. apache jira账户新建后竟然flink又需要一个账户,放弃 bug复现操作 idea运行代码后 往source kafka发送一条数据 a,1,1690304400000 可以看到无限输出…...
Python导出SqlServerl数据字典为excel
sql代码 SELECTtableName D.name ,tableIntroduce isnull(F.value, ),sort A.colorder,fieldName A.name,catogary B.name,bytes A.Length,lengths COLUMNPROPERTY(A.id, A.name, PRECISION),scales isnull(COLUMNPROPERTY(A.id, A.name, Scale), 0),isOrNotNull Cas…...
PB:DDE服务器函数
1、GetCommandDDE() 功 能:得到DDE客户应用发送的命令。 语 法:GetCommandDDE ( string ) 参 数:string:string类型的变量,用于保存DDE客户应用发送的命令。 返回值:Integer。函数执行成功时返回1,发生错误时返回-1。如果string参数的值为NULL, GetCommandDDE()…...
awk经典实战、正则表达式
目录 1.筛选给定时间范围内的日志 2.统计独立IP 案列 需求 代码 运行结果 3.根据某字段去重 案例 运行结果 4.正则表达式 1)认识正则 2)匹配字符 3)匹配次数 4)位置锚定:定位出现的位置 5)分组…...
Python脚本-时间盲注
BlindBool_get import requests from optparse import OptionParser import threading#存放变量 DBName "" DBTables [] DBColumns [] DBData {} flag You are in #设置重连次数以及将连接改为短连接 #防止因为HTTP连接数过多导致的MAX retries exceeded with …...
面试总结-Redis篇章(十)——Redis哨兵模式、集群脑裂
Redis哨兵模式、集群脑裂 哨兵模式哨兵的作用服务状态监控 Redis集群(哨兵模式)脑裂解决办法 哨兵模式 为了保证Redis的高可用,Redis提供了哨兵模式 哨兵的作用 服务状态监控 Redis集群(哨兵模式)脑裂 假设由于网络原…...
el-table那些事
el-table那些事 获取el-table所有勾选的行数据 用于记录工作和日常学习遇到的坑,需求。 vue3element-plusts 获取el-table所有勾选的行数据 1、需要先声明一个ref变量,并赋值给el-table 2、通过el-table提供的getSelectionRows()函数获取选中的"行…...
kubernetes(一)
文章目录 1. k8s架构2. k8s集群搭建 1. k8s架构 2. k8s集群搭建...
计算机网络(6) --- https协议
计算机网络(5) --- http协议_哈里沃克的博客-CSDN博客http协议https://blog.csdn.net/m0_63488627/article/details/132089130?spm1001.2014.3001.5501 目录 1.HTTPS的出现 1.HTTPS协议介绍 2.补充概念 1.加密 1.解释 2.原因 3.加密方式 对称加…...
(三)Node.js - 模块化
1. Node.js中的模块化 Node.js中根据模块来源不同,将模块分为了3大类,分别是: 内置模块:内置模块由Node.js官方提供的,例如fs、path、http等自定义模块:用户创建的每个.js文件,都是自定义模块…...
超立方体可视化背后的数学原理:Processing实现详解
超立方体可视化背后的数学原理:Processing实现详解 想象一下,当你第一次看到超立方体的三维投影时,那种既熟悉又陌生的感觉——它像是我们熟知的立方体,却又在某种更高维度上展开。这种四维几何体在三维空间的投影,不仅…...
AI绘画新体验:灵毓秀-牧神-造相Z-Turbo快速入门,小白也能画古风女神
AI绘画新体验:灵毓秀-牧神-造相Z-Turbo快速入门,小白也能画古风女神 1. 认识灵毓秀-牧神-造相Z-Turbo 1.1 什么是灵毓秀-牧神-造相Z-Turbo 灵毓秀-牧神-造相Z-Turbo是一款专门用于生成《牧神记》中灵毓秀角色图像的AI绘画模型。它基于Xinference框架部…...
终极指南:如何用BetterGI智能辅助工具彻底解放你的原神游戏体验
终极指南:如何用BetterGI智能辅助工具彻底解放你的原神游戏体验 【免费下载链接】better-genshin-impact 📦BetterGI 更好的原神 - 自动拾取 | 自动剧情 | 全自动钓鱼(AI) | 全自动七圣召唤 | 自动伐木 | 自动刷本 | 自动采集/挖矿/锄地 | 一条龙 | 全连…...
图神经网络聚类:从范式演进到实战应用全景解析
1. 图神经网络聚类:为什么它正在改变数据科学游戏规则 想象一下你面前有一张巨大的社交网络关系图,每个节点代表一个用户,连线代表好友关系。传统聚类算法可能只能根据连接密度划分社群,但如果同时考虑用户的年龄、兴趣、地理位置…...
全自动洗衣机组态王与三菱PLC联机及仿真探索
全自动洗衣机组态王6.53,6.60和三菱PLC联机和仿真程序包最近在研究自动化控制领域相关内容,接触到了全自动洗衣机组态王 6.53、6.60 与三菱 PLC 的联机以及仿真程序包,感觉很有意思,今天就来和大家分享分享。 一、组态王与三菱 PLC 联机的意义…...
Open UI5 源代码解析之809:FormRenderer.js
源代码仓库: https://github.com/SAP/openui5 源代码位置:src\sap.ui.layout\src\sap\ui\layout\form\FormRenderer.js FormRenderer.js 详解与项目作用说明 本文聚焦于 FormRenderer.js 在 openui5-master 项目中的定位与职责,并以具体场景与真实世界类比来解释其渲染流…...
国产AI芯动力:复旦微FMQL100TAI900 FPGA原型验证板全解析
1. 这块国产FPGA板卡凭什么值得关注? 第一次拿到复旦微FMQL100TAI900开发板时,最让我惊讶的是其全产业链国产化的完成度。从主芯片到电源管理IC,甚至每个电阻电容都贴着中文标识,这在三年前根本不敢想象。作为长期从事AI硬件开发的…...
飞书机器人集成OpenClaw与百川2-13B-4bits量化版:对话触发任务实战
飞书机器人集成OpenClaw与百川2-13B-4bits量化版:对话触发任务实战 1. 为什么选择这个技术组合 去年冬天,我接手了一个小团队的内部效率优化项目。团队每天需要从海量行业报告中提取关键数据,整理成简报表。最初尝试用传统RPA工具ÿ…...
从课程设计到毕业设计:手把手教你用STC89C52和DS1302做一个带温度显示的电子钟(附完整代码)
从课程设计到毕业设计:STC89C52与DS1302打造高精度温度显示电子钟实战指南 1. 项目规划与硬件选型 在开始动手之前,我们需要对整个项目进行系统性的规划。一个完整的电子钟系统需要考虑时间显示、温度监测、用户交互和电源管理等多个功能模块。对于高校电…...
如何快速上手GSS引擎:5步实现响应式网页布局
如何快速上手GSS引擎:5步实现响应式网页布局 【免费下载链接】engine GSS engine 项目地址: https://gitcode.com/gh_mirrors/engi/engine GSS引擎是一款强大的样式表引擎,能够帮助开发者轻松创建响应式网页布局。本教程将通过5个简单步骤&#x…...
