本杰明
本杰明
  • 发布:2022-04-07 10:37
  • 更新:2022-04-14 17:08
  • 阅读:700

【报Bug】plus.nativeObj.View无法覆盖到原生控件的上方

分类:HTML5+

产品分类: HTML5+

HBuilderX版本号: 3.4.4

手机系统: Android

手机系统版本号: Android 12

手机厂商: 小米

手机机型: 红米K50G

打包方式: 离线

示例代码:
//创建推流  
                const currentWebview = this.$mp.page.$getAppWebview()  
                pusher = plus.video.createLivePusher('tuiliu', {  
                    url: 'rtmp://1***************Z9PYk',  
                    mode: 'FHD',  
                    top: '0%',  
                    left: '0%',  
                    width: '100%',  
                    height: '100%',  
                    position: 'absolute'  
                });  
                currentWebview.append(pusher);  

                setTimeout(() => {  
                    //开始推流  
                    pusher.start(() => {}, (err) => {  
                        console.log(err);  
                        //恢复推流  
                        pusher.resume();  
                    });  
                }, 2000)  

                // 设置水平居中位置  
                var view = new plus.nativeObj.View('guanbi', {  
                    bottom: '5%',  
                    left: '30%',  
                    width: '60px',  
                    height: '60px'  
                });  

                //挂断按钮  
                view.drawBitmap('../../static/gd.png', {  
                    width: '60px',  
                    height: '60px'  
                });  

                view.addEventListener("click", (e) => {  
                        //关闭直播推流  
                        pusher.close();  
                        //关闭摄像头  
                        view.clear();  
                        view1.clear();  
                        //关闭全屏  
                        plus.navigator.setFullscreen(false);  
                        //跳回主页  
                        uni.redirectTo({  
                            url: '../index/index'  
                        })  
                }, false);  

                view.show();  

                //切换摄像头按钮  
                // 设置水平居中位置  
                var view1 = new plus.nativeObj.View('qiehuan', {  
                    bottom: '5%',  
                    left: '60%',  
                    width: '60px',  
                    height: '60px'  
                });  

                //切换摄像头  
                view1.drawBitmap('../../static/qh.png', {  
                    width: '100%',  
                    height: '100%'  
                });  

                view1.addEventListener("click", (e) => {  
                    //切换摄像头  
                    pusher.switchCamera();  
                }, false);  

                view1.show();  

                setTimeout(() => {  
                    //进入全屏  
                    plus.navigator.setFullscreen(true);  
                }, 2000)

操作步骤:

调用上方实例代码

预期结果:

推流的预览视频上方应该显示两个图标,并且点击可以执行对应的方法

实际结果:

未显示两个图标,但是有点击事件并执行了对应的方法

bug描述:

plus.nativeObj.View
更新了新版本的hb,plus.nativeObj.View不会覆盖到原生的视频控件上方。

导致页面上的两个按钮不显示。但是方法都可以触发(点击对应的位置)

2022-04-07 10:37 负责人:DCloud_Android_ST 分享
已邀请:
DCloud_Android_ST

DCloud_Android_ST

图片地址不要添加... 直接static/qh.png就行。uniapp文档有说明的都是相对项目根目录的

按你现在的使用方式。建议改为nvue页面实现更为方便。不用内置是用nview.直接使用nvue的组件即可

  • 本杰明 (作者)

    ok 我试试

    2022-04-20 19:52

该问题目前已经被锁定, 无法添加新回复