您尚未登录。

楼主 # 2022-12-27 14:10:23

LIVPO
会员
注册时间: 2022-10-09
已发帖子: 7
积分: 157

LVGL视频播放界面实现方法

1.主题
LVGL视频播放界面实现方法

2.问题背景
使用LVGL开发且需要在UI下显示视频或者显示摄像头数据,但是不知道如何实现,要么是只显示UI,要么就只显示视频。

3.具体表现
可以看下视频播放的时候有哪些元素。

0164d50146e9494692b31cf4010ba3fd.png

有播放按钮,进度条,设置等可交互的控件,这些都位于UI层。

UI的下方就是视频解码后的一帧数据,视频数据位于视频层。

4.问题分析
一般UI层位于视频层的上方,如果UI层没有设置透明度,那么会有一个背景色,覆盖了视频层,导致只能看到背景色和一些控制按钮。

5.根本原因
首先需要知道有图层的概念,下面的命令可以看到图层的信息:

cpp
root@TinaLinux:/# cat /sys/class/disp/disp/attr/sys
screen 0:
de_rate 300000000 hz, ref_fps:59
mgr0: 1280x800 fmt[rgb] cs[0x204] range[full] eotf[0x4] bits[8bits] err[1] force_sync[1] unblank direct_show[false] iommu[1]
dmabuf: cache[4] cache max[4] umap skip[0] umap skip max[18]
        lcd output      backlight( 50)  fps:60.0        1280x 800
        err:0   skip:67 irq:2300        vsync:0 vsync_skip:0
   BUF    enable ch[0] lyr[0] z[0] prem[N] a[pixel   0] fmt[ 77] fb[1280, 736; 640, 368; 640, 368] crop[   0,   0,1280, 720] frame[   0,   0,1280, 800] addr[fb200000,fb2e6000,fb359000] flags[0x       0] trd[0,0]
depth[ 0]    BUF    enable ch[1] lyr[0] z[16] prem[N] a[pixel 255] fmt[  0] fb[1280, 800;1280, 800;1280, 800] crop[   0,   0,1280, 800] frame[   0,   0,1280, 800] addr[ff800000,       0,       0] flags[0x
  0] trd[0,0]

在内核初始化过程中,显示驱动注册/dev/fb0,会申请UI层,可以看到ch[1] lyr[0],一般UI就一个地址addr[ff800000, 0, 0],并且也是最顶层的z[16],混合模式a[pixel 255]表示由应用控制UI层的透明度。

视频播放(使用TPlayer接口)的时候会通过中间件申请视频图层,可以看到ch[0] lyr[0],并且yuv三个地址一直在变化addr[fb200000,fb2e6000,fb359000],通常视频会放到最底层z[0]。

当应用没有透明时,因为UI层的zorder比视频层大,因此只能看到UI,看不到视频,所以应用需要“挖空”。

6.解决办法
下面代码里的屏幕,一般是指/dev/fb0,LVGL版本是8.3.2。

使用下面的代码前需要在lv_conf.h中设置参数:

cpp
#define LV_COLOR_SCREEN_TRANSP 1
cpp
/* 初始化屏幕风格 */
static lv_style_t style_scr_act;
if (style_scr_act.prop_cnt == 0) {
    lv_style_init(&style_scr_act);
    /* 默认不是透明的,后面按需要切换即可 */
    lv_style_set_bg_opa(&style_scr_act, LV_OPA_COVER);
    /* 一定要应用风格,不然也是没有效果的 */
    lv_obj_add_style(lv_scr_act(), &style_scr_act, 0);
}

/* 这里根据按钮状态,切换不同风格,一种是UI能够透明看到底下的视频,一种是UI覆盖视频,视频就看不到了 */
if (lv_obj_has_state(btn, LV_STATE_CHECKED)) {
    /* 这里切换为UI透明 */
    lv_label_set_text(label, "Stop");
    /* 这里设置屏幕是透明的 */
    lv_disp_get_default()->driver->screen_transp = 1;
    /* 这里设置屏幕背景是透明的 */
    lv_disp_set_bg_opa(lv_disp_get_default(), LV_OPA_TRANSP);
    /* 这里清空屏幕,不清空的话,可能不会生效 */
    lv_memset_00(lv_disp_get_default()->driver->draw_buf->buf_act,
            lv_disp_get_default()->driver->draw_buf->size
                    * sizeof(lv_color32_t));
    /* 这里屏幕风格切换为透明的 */
    lv_style_set_bg_opa(&style_scr_act, LV_OPA_TRANSP);
    /* 通知风格变化,需要更新 */
    lv_obj_report_style_change(&style_scr_act);
} else {
    /* 这里切换为UI不透明,也就是覆盖视频 */
    lv_label_set_text(label, "Play");
    /* 这里设置屏幕是不透明的 */
    lv_disp_get_default()->driver->screen_transp = 0;
    /* 这里设置屏幕背景是不透明的 */
    lv_disp_set_bg_opa(lv_disp_get_default(), LV_OPA_COVER);
    /* 这里屏幕风格切换为不透明的 */
    lv_style_set_bg_opa(&style_scr_act, LV_OPA_COVER);
    /* 通知风格变化,需要更新 */
    lv_obj_report_style_change(&style_scr_act);
}

离线

#1 2022-12-27 16:00:43

ubuntu
会员
注册时间: 2020-03-30
已发帖子: 156
积分: 139

Re: LVGL视频播放界面实现方法

6666
楼主有完整的代码吗?

离线

页脚

工信部备案:粤ICP备20025096号 Powered by FluxBB

感谢为中文互联网持续输出优质内容的各位老铁们。 QQ: 516333132, 微信(wechat): whycan_cn (哇酷网/挖坑网/填坑网) service@whycan.cn