全志V853 LVGL视频播放界面实现方法

aleksib

全志V853 LVGL视频播放界面实现方法 [复制链接]

 

### 1.主题 LVGL视频播放界面实现方法 ### 2.问题背景 使用LVGL开发且需要在UI下显示视频或者显示摄像头数据，但是不知道如何实现，要么是只显示UI，要么就只显示视频。 ### 3.具体表现 可以看下视频播放的时候有哪些元素。  有播放按钮，进度条，设置等可交互的控件，这些都位于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); } ```

火辣西米秀

必须是LVGL版本8.3.2么

wangerxian

有效果图吗？还没想过用LVGL做视频播放界面呢。

吾妻思萌

看起来播放器还是不错的