使用ZYNQ芯片和LVGL框架实现用户高刷新UI设计系列教程(第四十七讲)

这一期讲解的控件是视频控件,lv_video是 LVGL 库中的一个组件,用于视频的播放显示,需要外部的视频解码库(如FFmpeg)来处理视频文件。

如上图所示是在GUI_guider中视频控件的使用,右侧是该控件的属性,可以控制视频是否自动播放以及源视频文件的路径选择。

以下是函数接口的讲解:

//创建

lv_obj_t * video = lv_video_create(lv_scr_act());

//初始化

lv_video_set_src(video, "path/to/video.mp4");

//大小

lv_obj_set_size(video, width, height);

//位置

lv_obj_set_pos(video, x, y);

//播放

lv_video_start(video);

//暂停

lv_video_pause(video);

//停止

lv_video_stop(video);

//跳转到指定时间

lv_video_seek(video, time_in_ms);

//音量控制

lv_video_set_volume(video, volume); // 0-100

//循环播放

lv_video_set_loop(video, true); // 或 false

//以下是事件回调的使用

static void video_event_cb(lv_event_t * e) {

lv_event_code_t code = lv_event_get_code(e);

lv_obj_t * obj = lv_event_get_target(e);

复制代码
if (code == LV_EVENT_PLAYBACK_FINISHED) {
    // 视频播放结束
}

}

lv_obj_add_event_cb(video, video_event_cb, LV_EVENT_ALL, NULL);

注:视频播放可能对系统资源消耗较大,确保硬件支持。确保使用的视频格式与解码库兼容。

以下是lvgl官方文档提供的FFmpeg:

./configure --disable-all --disable-autodetect --disable-podpages --disable-asm --enable-avcodec --enable-avformat --enable-decoders --enable-encoders --enable-demuxers --enable-parsers --enable-protocol='file' --enable-swscale --enable-zlib

make

sudo make install

注意:

FFmpeg 扩展不使用 LVGL 的文件系统。您可以只需像往常一样在操作中传递图像或视频的路径即可系统或平台。

本文章由威三学社出品

对课程感兴趣可以私信联系

相关推荐
大蓝头10 小时前
安装包UI美化之路-nsNiuniuSkin全新UI调试与预览方法
ui·electron·安装包·截图控件·截屏控件
慧都小项13 小时前
当边缘AI上产线:QtitanDocking 如何让工业 HMI 实现多视图协同
人工智能·qt·ui·边缘计算·qt6.3
兰亭妙微UI设计公司1 天前
兰亭妙微UI设计公司分享:EQUA 智能健康生态系统 UI/UX 设计深度解析
ui·交互
Cx330❀2 天前
Qt 常用控件属性与底层机制详解:从窗口半透明、浮点数陷阱到 QSS 与焦点策略
qt·ui·图形渲染
Cx330❀2 天前
Qt 常用 UI 控件详解:从QPushButton到QLabel 核心用法解析
qt·ui·图形渲染
传奇开心果编程2 天前
【ArkUI 练中学】第15课:UI 界面设计与实战
学习·ui·华为·harmonyos
HwJack202 天前
【HarmonyOS开发小实践】ArkUI 动画系统属性动画、显式动画与路径动画
ui·性能优化·harmonyos
传奇开心果编程2 天前
【Flutter入门练中学】第2课:布局系统
学习·flutter·ui
传奇开心果编程2 天前
【Jetpack Compose基础语法学与练】第8课 rememberSaveable,页面旋转/系统重建保留状态
android·学习·ui·kotlin·android jetpack
xy34532 天前
Axure 9.0 中继器核心结构
前端·ui·html·axure·原型·产品设计