//创建推流
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)
- 发布:2022-04-07 10:37
- 更新:2022-04-14 17:08
- 阅读:700
【报Bug】plus.nativeObj.View无法覆盖到原生控件的上方
产品分类: HTML5+
HBuilderX版本号: 3.4.4
手机系统: Android
手机系统版本号: Android 12
手机厂商: 小米
手机机型: 红米K50G
打包方式: 离线
示例代码:
操作步骤:
调用上方实例代码
调用上方实例代码
预期结果:
推流的预览视频上方应该显示两个图标,并且点击可以执行对应的方法
推流的预览视频上方应该显示两个图标,并且点击可以执行对应的方法
实际结果:
未显示两个图标,但是有点击事件并执行了对应的方法
未显示两个图标,但是有点击事件并执行了对应的方法
本杰明 (作者)
ok 我试试
2022-04-20 19:52