手机直播渲染

本文介绍了如何在直播画面中添加左上角比分计时栏,并将其扩展到录制回放的视频中。通过前端和后端技术,包括DOM操作、GLSL渲染以及内存管理优化,实现透明度、圆角效果和内存释放,确保流畅体验。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、想要的效果:直播画面、录制回放,都要有左上角比分计时栏;

2、处理过程:

        2.1、只在直播时有,前端实现:

document.querySelector('.vcp-player').appendChild(_div);

2.2、录制回放的,得渲染进视频祯了:

GLES30.glDrawArrays(GLES30.GL_TRIANGLE_STRIP, 0, 4);

OnFrameAvailableListener的实现类来接收、处理祯。

3、备注

3.1、图片透明的实现

        GLES30.glClearColor(0, 0, 0, 0);
        GLES30.glClear(GLES30.GL_COLOR_BUFFER_BIT);//清除颜色缓冲
        GLES30.glEnable(GLES30.GL_BLEND);//透明
        GLES30.glBlendFunc(GLES30.GL_SRC_ALPHA, GLES30.GL_ONE_MINUS_SRC_ALPHA);//透明

3.2、图片圆角

3.3、内存控制

        懒,把很多方法写在OnFrameAvailableListener实现类的构造方法里,导致垃圾无法回收,内存溢出,用了profile慢慢查找才发现。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值