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

本文章由威三学社出品

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

相关推荐
ai_coder_ai5 小时前
在自动化脚本中如何在自定义ui中使用webview来无限扩展ui?
ui·autojs·自动化脚本·冰狐智能辅助·easyclick
ii_best5 小时前
安卓/ios开发辅助软件按键精灵小精灵实现简单的UI多配置管理
android·ui·ios·自动化
lihua555556 小时前
UI-UX-Pro-Max-Skill介绍
ui·ux
Autumn_ing1 天前
2026国内外主流设计工具大对比:Axure、墨刀、Figma、Pixso
ui·aigc·axure·figma·墨刀
岁岁种桃花儿1 天前
Flink从入门到上天系列第二十二篇:Flink中通过UI查看检查点
大数据·ui·flink
阿旭哟嘿1 天前
鸿蒙 UI 语法摘要2
ui
风酥糖1 天前
Godot游戏练习01-第14节-Theme,字体,游戏UI
游戏·ui·godot
UXbot2 天前
为什么 AI 正在重新定义 UI 设计工具的入门门槛
前端·人工智能·低代码·ui·交互·ai编程·ux
IT go2 天前
用 Trae + Stitch MCP 打造 UI 自动化产出工作流(从设计到本地预览)
ui·自动化
熙胤2 天前
Spring Boot 3.x 引入springdoc-openapi (内置Swagger UI、webmvc-api)
spring boot·后端·ui