使用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 的文件系统。您可以只需像往常一样在操作中传递图像或视频的路径即可系统或平台。

本文章由威三学社出品

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

相关推荐
Cx330❀3 小时前
Qt 界面美化指南:从零掌握 QSS 核心机制与工程实践
开发语言·qt·ui·性能优化·图形渲染
兰亭妙微UI设计公司5 小时前
兰亭妙微ui咨询公司分享:设计原则及组件详解
ui
兰亭妙微UI设计公司7 小时前
兰亭妙微界面设计公司分享:DeepSeek AI智能助手应用UI/UX设计深度解析
人工智能·ui·ux
沫璃染墨19 小时前
《Qt从零入门系列(十三):QSS样式表详解——从选择器与层叠规则到控件美化实战》
开发语言·css·c++·qt·ui·qt6.3·qss
WarPigs1 天前
UI路径配置SO>字典json工作流
ui·unity
stevenzqzq1 天前
mvi理解2-ui状态和业务状态
ui
刘科领2 天前
使用ollama & openweb-ui 本地搭建自己的AI
人工智能·python·ui·ai
xy34532 天前
Axure 9.0 动态面板基本操作
前端·ui·html·axure·原型·产品设计
霍格沃兹测试学院-小舟畅学2 天前
UI 智能遍历测试:状态识别、路径规划与覆盖率评估
microsoft·ui
Pocker_Spades_A2 天前
Penpot自托管设计协作:Docker部署、MCP接入与Codex生成UI实操记录
ui·docker·容器