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

本文章由威三学社出品

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

相关推荐
xiami_world5 小时前
2026年UI/UX设计工具私有化部署方案深度解析
人工智能·ui·ai·产品经理·ux
川石课堂软件测试6 小时前
UI自动化测试|XPath元素定位实践
功能测试·测试工具·jmeter·microsoft·ui·postman·harmonyos
川石课堂软件测试8 小时前
UI自动化测试|CSS元素定位实践
css·测试工具·ui·fiddler·单元测试·appium·harmonyos
星辰徐哥18 小时前
Spring Boot 数据导入导出与报表生成
spring boot·后端·ui
for_ever_love__1 天前
UI学习:UICollectionView瀑布流
学习·ui·ios·objective-c·cocoa
xiaobai1781 天前
pytest+playwright实现UI自动化(4)-上夹具fixture
ui·自动化·pytest·playwright
为何创造硅基生物1 天前
LVGL 妙用 LV_OBJ_FLAG_FLOATING
ui
ANnianStriver1 天前
PetLumina 04 — 管理后台 UI 全面升级
java·ui·ai编程
ANnianStriver1 天前
PetLumina 05 — App 端 UI 效果应用
java·ui·ai编程
小小龙学IT1 天前
Midscene.js:AI驱动的跨平台UI自动化革命
javascript·人工智能·ui