3行代码,教你搞定GUI视频播放功能,官网教程同步上线

Wesley13
• 阅读 443

柿饼派上市已经有一个多月了,在这段时间里,社区小伙伴们做了很多极具创意的小DEMO:有做网络收音机播放网络音频的;有利用MQTT协议做医疗冷柜数据采集显示并上传给服务器远端监控的;甚至还有小伙伴给自己小孩儿开发吃豆子游戏的。

看到大家能把之前很复杂的应用用柿饼派简单实现,我们真的很开心。为了回馈社区,618年中大促期间“6.12—6.18”将在店铺上线 30元优惠券 ,大家可以直接在淘宝联系客服改价。购买链接:

【柿饼Pie 柿饼GUI 智能屏 非串口屏 RTThread GUI 显示屏模组 4.3】https://m.tb.cn/h.e4Avwlv 点击链接,再选择浏览器咑閞;或復·制这段描述¥6c4mY4dr7Ln¥后到淘♂寳♀

3行代码,教你搞定GUI视频播放功能,官网教程同步上线

01

柿饼UI官网上线

柿饼派刚发布的时候,很多小伙伴反应,“能不能再多一些资料参考?”“我该到哪里下载最新的设计器呢?”“柿饼UI与其他GUI有啥区别?”为此,我们加班加点,上线了柿饼的官方网站:

https://www.rt-thread.org/page/persimmonui.html

(请直接复制至外部浏览器打开)

在柿饼UI官网内,您可以详细了解柿饼UI的基本情况,在线查看UI的仿真运行效果,查看相关的API使用文档,免费下载最新的UI设计器。除此之外,在网站里也可以轻松找到我们精心录制的教学系列视频,助力大家轻松上手。

下面上几张图,大家可以看下效果:

3行代码,教你搞定GUI视频播放功能,官网教程同步上线

3行代码,教你搞定GUI视频播放功能,官网教程同步上线

3行代码,教你搞定GUI视频播放功能,官网教程同步上线

02

柿饼派视频播放功能上线

除了上线了官网之外,为了进一步提高柿饼派的可玩性和实用性,我们给柿饼派开了个挂,让它支持播放视频啦~

柿饼派可播放H.264编码MP4文件格式,最高分辨率为720p的视频文件,这条属性可以满足很多应用场景。比如:做一个炫酷的开机界面、提供更人性化的视频帮助提示、智能家居带屏86盒子、儿童早教机等。

然而,提起开发视频功能,不知道老手有没有感觉到深深的恐惧,新手有没有不知所措?下面,就带大家体验下柿饼派做视频开发的步骤,您一定会被惊艳到的!

Step 1: 拖控件

在设计器内新建一个工程,然后将视频控件拖出来,摆放成如下的样子:

3行代码,教你搞定GUI视频播放功能,官网教程同步上线

好了,视频播放器的界面就做完了,简单不?

Step 2: 敲行代码

在设计器JS代码编辑栏内,敲如下3行代码:

3行代码,教你搞定GUI视频播放功能,官网教程同步上线

Step 3: 下载进柿饼派

点击设计器内下载按钮,UI工程文件通过USB线秒下进柿饼派内

Step 4: 享受视频效果吧

现在再跟大家一起回顾下视频功能的开发:如果您有视频播放功能的实际项目需求,你只需要使用我们做好的视频播放器控件即可,我们自身集成了视频的快进、快退、点播、全屏/非全屏播放,系统音量调节功能。一般情况下,您只需像上面那样简单的集成配置下就好了,根本不用关心什么视频关键帧、编解码等问题。

当然,您若是对我们的播放器控件不满意,您也完全可以自己做一个,我们都提供了相应的API说明文档,比如:

3行代码,教你搞定GUI视频播放功能,官网教程同步上线 VideoContext.requestFullScreen()

进入全屏模式

3行代码,教你搞定GUI视频播放功能,官网教程同步上线 VideoContext.exitFullScreen()

退出全屏模式

3行代码,教你搞定GUI视频播放功能,官网教程同步上线 VideoContext.play()

播放视频

3行代码,教你搞定GUI视频播放功能,官网教程同步上线 VideoContext.pause()

暂停视频

3行代码,教你搞定GUI视频播放功能,官网教程同步上线 VideoContext.stop()

停止视频

3行代码,教你搞定GUI视频播放功能,官网教程同步上线 VideoContext.seek()

跳转到指定时刻

这些文档您可以在最新的设计器帮助文档或者是柿饼官网控件文档内获取。

最后一个问题,目前我们只支持H.264编码MP4文件格式的视频文件,如果您有其他非此格式的视频,我们这里推荐您使用一款开源免费功能强大的视频转码软件——ffmpeg。您可以将任何编码格式和文件格式的视频转换为符合我们播放需求的视频,具体操作也是一句命令行的事情,非常简单。Ffmpeg的下载官网是:http://ffmpeg.org/download.html

下面就教大家几个常用的ffmpeg命令:

1.查看视频文件信息

ffmpeg -i  /yourpath/inputfile

3行代码,教你搞定GUI视频播放功能,官网教程同步上线

2.将非.mp4格式转为.mp4格式

ffmpeg -i /yourpath/input.avi  /yourpath/output.mp4

3行代码,教你搞定GUI视频播放功能,官网教程同步上线

3.将非H.264编码格式转为H.264格式

ffmpeg -i /yourpath/input.mp4 -vcodec h264 /yourpath/output.mp4

3行代码,教你搞定GUI视频播放功能,官网教程同步上线

以上就是FFMPEG常用的命令,其他命令大家感兴趣了可以自行搜索学习下,都是非常简单的。

最后,仍旧真诚的欢迎大家多反馈问题,多提建议!大家的鞭策是我们前进的不竭动力!

QQ交流群号:321116336

加入微信交流群请加 微信:18917005679 邀请你进群

3行代码,教你搞定GUI视频播放功能,官网教程同步上线

近期活动

RT-Thread线下活动

1、【西安站】物联网操作系统RT-Thread基础入门免费培训全天:2019年6月22日 9:30 ~ 2019年6月22日 17:00,培训全程将以【理论+动手】方式进行,通过拆解一个DEMO实例,带你从内核到组件到软件包全面了解RT-Thread的体系框架。

3行代码,教你搞定GUI视频播放功能,官网教程同步上线

扫码报名

#题外话# 喜欢RT-Thread不要忘了在GitHub上留下你的3行代码,教你搞定GUI视频播放功能,官网教程同步上线 STAR3行代码,教你搞定GUI视频播放功能,官网教程同步上线 哦,你的star对我们来说非常重要!链接地址:https://github.com/RT-Thread/rt-thread

3行代码,教你搞定GUI视频播放功能,官网教程同步上线

你可以添加微信18917005679为好友,注明:公司+姓名,拉进 RT-Thread 官方微信交流群

3行代码,教你搞定GUI视频播放功能,官网教程同步上线

RT-Thread

让物联网终端的开发变得简单、快速,芯片的价值得到最大化发挥。Apache2.0协议,可免费在商业产品中使用,不需要公布源码,无潜在商业风险。

长按二维码,关注我们

3行代码,教你搞定GUI视频播放功能,官网教程同步上线 点击“阅读原文”进入Github点star!

3行代码,教你搞定GUI视频播放功能,官网教程同步上线

喜欢就点击“在看”

本文分享自微信公众号 - RTThread物联网操作系统(RTThread)。
如有侵权,请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”,欢迎正在阅读的你也加入,一起分享。

点赞
收藏
评论区
推荐文章
blmius blmius
3年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
皕杰报表之UUID
​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为
待兔 待兔
4个月前
手写Java HashMap源码
HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22
Jacquelyn38 Jacquelyn38
3年前
2020年前端实用代码段,为你的工作保驾护航
有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )
Easter79 Easter79
3年前
Twitter的分布式自增ID算法snowflake (Java版)
概述分布式系统中,有一些需要使用全局唯一ID的场景,这种时候为了防止ID冲突可以使用36位的UUID,但是UUID有一些缺点,首先他相对比较长,另外UUID一般是无序的。有些时候我们希望能使用一种简单一些的ID,并且希望ID能够按照时间有序生成。而twitter的snowflake解决了这种需求,最初Twitter把存储系统从MySQL迁移
Wesley13 Wesley13
3年前
mysql设置时区
mysql设置时区mysql\_query("SETtime\_zone'8:00'")ordie('时区设置失败,请联系管理员!');中国在东8区所以加8方法二:selectcount(user\_id)asdevice,CONVERT\_TZ(FROM\_UNIXTIME(reg\_time),'08:00','0
Wesley13 Wesley13
3年前
00:Java简单了解
浅谈Java之概述Java是SUN(StanfordUniversityNetwork),斯坦福大学网络公司)1995年推出的一门高级编程语言。Java是一种面向Internet的编程语言。随着Java技术在web方面的不断成熟,已经成为Web应用程序的首选开发语言。Java是简单易学,完全面向对象,安全可靠,与平台无关的编程语言。
Stella981 Stella981
3年前
Django中Admin中的一些参数配置
设置在列表中显示的字段,id为django模型默认的主键list_display('id','name','sex','profession','email','qq','phone','status','create_time')设置在列表可编辑字段list_editable
Wesley13 Wesley13
3年前
MySQL部分从库上面因为大量的临时表tmp_table造成慢查询
背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_
Python进阶者 Python进阶者
10个月前
Excel中这日期老是出来00:00:00,怎么用Pandas把这个去除
大家好,我是皮皮。一、前言前几天在Python白银交流群【上海新年人】问了一个Pandas数据筛选的问题。问题如下:这日期老是出来00:00:00,怎么把这个去除。二、实现过程后来【论草莓如何成为冻干莓】给了一个思路和代码如下:pd.toexcel之前把这