onLoad(options) {
// #ifdef APP-PLUS
plus.navigator.setFullscreen(true); //全屏
let currentWebview = this.$scope.$getAppWebview();
const pusher = new plus.video.LivePusher("pusher", {
top: '0',
left: '0',
width: '100%',
height: '100%',
muted: true
});
currentWebview.append(pusher);
const right = new plus.nativeObj.View('', {
dock: 'right',
height: '100%',
width: '15%',
position: 'dock',
backgroundColor: "#000000"
});
currentWebview.append(right);
right.interceptTouchEvent(true);
right.addEventListener("click", (e) => {
pusher.switchCamera();
}, false)
// #endif
},
AJia
- 发布：2021-05-28 11:24
- 更新：2021-05-28 11:24
- 阅读：564
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 11.2.3
HBuilderX类型： 正式
HBuilderX版本号： 3.1.13
手机系统： Android
手机系统版本号： Android 10
手机厂商： 华为
手机机型： HUAWEI M6
页面类型： vue
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
横屏切换画面
横屏切换画面
预期结果：
屏幕正常显示
屏幕正常显示
实际结果：
屏幕发生变化
屏幕发生变化
bug描述：
app在pages.json锁定为横屏
在页面使用 new plus.video.LivePusher 创建直播组件
点击 switchCamera 切换摄像头画面变形
设备均为横向拍摄
图1 为前摄正常，显示画面为横向
图2 切换到后摄，显示画面为竖向
图3 切换到前摄，显示画面为竖向
