注:亮度调节和音量调节gif无法体现,功能是ok的,其次默认Icon锁的close和open实在难以分辨。
创新互联是一家集网站建设,坡头企业网站建设,坡头品牌网站建设,网站定制,坡头网站建设报价,网络营销,网络优化,坡头网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。
环境:Flutter 2.8.1 channel stable ;Dart 2.15.1
需要音频播放器的看这里: Flutter音乐播放器
重点说下这个工具类,因为视频播放,涉及到状态改变有很多,笔者刚开始选择使用 InheritedWidget 来在众多的widget之间共享数据。但是总感觉这样有点繁琐,且不很优雅!
这里非广告,如果是使用 GetX 就很简单了,笔者也使用了 GetX 进行封装了,一泻千里的赶脚!,但是笔者还是那句话:刚开始接触Flutter的开发者不是很建议使用 GetX ,可以先熟悉下Flutter状态管理的基础原理再行使用。而且为了尽量简洁,还是不引入其他的第三方了。
我们选择对第三方插件进行封装的目的不外乎这几个:
于是笔者就写了一个工具类 VideoPlayerUtils ,专门且只用来处理播放器的所有业务。包括暂停、播放、跳转、调节音量、调节亮度、切换视频等操作。在所有的widget中不会引用关于 video_player 或其他第三方插件的任何信息, VideoPlayerUtils 负责widget与播放器之间的所有操作交互。后续优化迭代或更换播放器插件时,只需针对这个工具类进行修改,对所有widget不会有任何的影响,大大的解耦合了。
其中 VideoPlayerState :
提供以上的公共属性,可以通过 VideoPlayerUtils 来获取对应的值,使用 get 只读,使外界不会误修改这些属性,以保证数值的安全性。开发者可根据自身需要自行添加属性。
提供以上方法来处理播放器的所有业务。同样的开发者可根据自身需要自行添加或修改。
重点说下这个方法,是整个业务的核心方法,控制视频的播放或暂停。开发者只要遇到播放或暂停是均可调用此方法,具体是播放或暂停,内部根据传入的 url 自行判断,开发者不需要关心。
切换新视频也是使用此方法,传入的 url 与上次不一致,自动切换新视频。笔者可根据 statusListener 来监听播放状态的改变,以此处理自身逻辑。
这个也需要提下,视频播放器在播放新视频时会异步初始化,一般我们的操作是在 initState() 初始化,成功后再 setState() 。这里笔者遇到一个让人蛋疼的问题:
我们看 video_player 的使用:
VideoPlayer(controller) :widget中已经持有了controller。本来笔者封装的目的就是为了让widget与controller的之间解耦合。但此时的笔者。。。。
放弃不是不可能放弃的,这辈子都不会放弃的!
于是笔者取了巧,写了一个初始化监听器 initializedListener ,包换2个参数: bool,Widget ,初始化是否成功;其中widget为初始化成功返回需要展示的播放器UI,失败默认返回 const SizedBox() 。
到这里就可以简单使用了:
没看错,视频播放就是这么简单。
如果有更多的业务功能,笔者也按照自己的需求写了一套,同样的开发者可根据自身需要自行添加或修改。
VideoPlayerGestures 主要是处理手势的,比如快进、快退等跳转播放;左侧上下滑动调节亮度;右侧上下滑动调节音量;单击是否开启沉浸式播放,所有widget的隐藏与显示;双击播放、暂停等。
哦,还有 PercentageWidget 也放到这个文件下了,就是这玩意:
因为显示的百分比与手势相关,随着手势移动而更新。开发者可自行处理。
笔者处出于简单考虑,就按照整个UI的位置命名了。瞅一眼就知道是啥玩意。
同样的开发者可根据自身需要自行添加或修改。
就是这玩意:
同样的开发者可根据自身需要自行添加或修改。话说这个锁的 Icon 的open和close是真的难分辨!
就是这玩意:
同样的开发者可根据自身需要自行添加或修改。
这玩意是自定义的,别问,问就是跟产品干一架落了下风
主要就是自定义这玩意:
同样的开发者可根据自身需要自定义。
注:这里没有添加缓冲的进度,开发可查看 video_player 中的源码 VideoProgressIndicator ,按业务自行定义。
这玩意就是整合以上的widget,再考虑下全屏的安全区域,没啥东西。开发者可自行处理!
具体的实现监听器的思路, 看这里 。
自此一个漂亮的Flutter视频播放器就已经结束了。如果您觉得对您有些许帮助的话,欢迎 Star !
摇滚的,五月天的不错 先说女生唱的动感较强的。弹跳,跳绳时候都可以听的~ 蔡依林《说爱你》蔡依林《睁一只眼闭一只眼》Jolin的好多歌都很动感,大家任意选~董燕妮《龙族》这首上过单曲榜哦~金莎《大小姐》金莎《停电》金莎就是减肥成功很好的一个例子!!!大家可以效仿!梁静茹《小手拉大手》梁静茹《love is everything》静茹多都是伤心情歌...这两首还蛮快乐~孙燕姿《绿光》当初那个红阿....张韶涵《静不下来》那就动起来!!!! 1、Vertigo,U2《How To Dismantle An Atomic Bomb》
2、Your Song,LOVE PSYCHEDELICO《THE GREATEST HITS》
3、ラブスト-リ-は突然に,小田和正《东京爱情故事》
4、Flutter,Bonobo《The L Word Enhanced Soundtrack》
5、Kiss The World,Catlow《The L Word Season 3 Soundtrack CD1》
6、Natural's Not in It,Gang of Four《Entertainment! [EMI UK Expanded]》
7、Suddenly I See,KT Tunstall《Eye To The Telescope》
8、Faint ,Linkin Park《Meteora Rock》
10、Transformation,Pam Grier + Nona Hendryx + Betty《The L Word Season 3 Soundtrack CD1》
11、Boys Wanna Be Her,Peaches《The.L.Word.Season4.Soundtrack》
12、Money,Pink Floyd《100 Greatest Rock Guitar Solos》
13、Rock DJ,Robbin
14、Come On Over,Christina Aguilera
15、仆はMusic,CHAGEASKA《DOUBLE 》
16、Ciega, Sordomuda,Shakira
17、Made Jamie,Scott《Step Up》
而且都还蛮好听的。以偶有限的欣赏水平来说
大家也把自己的推荐上来啊~科学家推荐
跑步运动音乐:《明朗先生》(Mr.Brightside)、《再见,不联络》(SinceYouveBeenGone)、《快乐的一天》(LovelyDay)、《蚂蚁在行军》(AntsMarching)。
哑铃运动音乐:《冲击理论》(Col-lisionCourse)、《愿望》(De-sire)、《讨厌说我那样告诉过你》(HatetoSayIToldYouSo)。
网友推荐
《寂静山林》、《仙境》、《YEAH》、《walkinthesun》
名人推荐
瞿颖:《Iwillalwaysloveyou》WhitneyHuston;《Hero》MariaCarrie
杜威:《我是一只鱼》、《伤心太平洋》任贤齐
运动冠军的POWERSONG:
阿姆斯特朗(7届环法自行车赛冠军):由chlilipeppers主唱的“Danicalifornia”。
达文波特(3届法网大满贯得主):《Ma鄄chinehead》主唱是Bush,“有一次,这首歌令我收到超速罚单,可想而知它的力量吧。”
Tips:
如果你不是在跑步机或者安静的小区里跑步,也不是在固定的运动场长跑,就像阿甘那样选择在在道路上长跑,不要听音乐。因为这牵涉到安全问题。
另外,如果你的体力不是很强,在长跑时需要调匀呼吸,突破临界点,这个时候更要集中注意力,最好不要有音乐来干扰
亲说的应该是这首歌吧 歌名叫 《飞吧》
歌手:T.G.4 专辑:飞吧
RAP:关于在那天YOU SAY你叫我心破碎 尽管你在我心中一直是No.1 一个人超级败坏怎么当ONE 我只是稍微酷一些 别仰慕
关于她 你说的所有的话 是我愚蠢是我笨 都已不重要穿上我昨天买的蓝外套 哇!(果真是超级美丽) 什么KA KA YI丢掉吧踏踏米 一个完 全出轨的理由就在那一刻天花乱坠誓言满飞笑容也沉醉 (把什么当秘密什么当借口) HEY BOY你的心会不会累告诉我你的心要怎么去分配 转来转去是个误会而不会是亲切 别站在那里假装魅力雪气氛不太对
SONG:跟着蝴蝶飞 会有多美 快伸出你双臂 和我们上起挥
跟着蝴蝶飞 会有多美 I SAY阳光明媚 YOU SAY T.G.4 HEY COME ON
RAP:一天我正准备出发 太阳也好大照的我的头真好痛 噢妈妈咪呀他正朝我这里挥手 OH MY GOD ONE TWO THREE数完三声赶快回家 他既不帅 气又没品位一脸无辜回想起来伤了谁好像无所谓一想到他泪流满面 我傻傻到终点 噢唱歌吧EVERYBODY
SONY:跟着蝴蝶飞 会有多美 Da La La La La La Da La La La La La
跟着蝴蝶飞 会有多美 Da La La La La La Da La La La La La
跟着蝴蝶飞 心也沉醉 Da La La La La La Da La La La La La
跟着蝴蝶飞 背靠着背 Da La La La La La Da La La La La La
怀疑总是不可靠 爱的讽刺太可笑那剧情演绎的不真实 我心如刀绞
用心碎去拼情调 只好默默祈祷爱若不能给我请你走开 我也不想要
SONG:跟着蝴蝶飞 会有多美 快伸出你双臂 和我们上起挥
跟着蝴蝶飞 会有多美 I SAY阳光明媚 YOU SAY T.G.4 HEY COME ON
SONY:跟着蝴蝶飞 会有多美 Da La La La La La Da La La La La La
跟着蝴蝶飞 会有多美 Da La La La La La Da La La La La La