<template>
<view>
<live-pusher id='livePusher' ref="livePusher" class="livePusher" url=""
mode="SD" :muted="true" :enable-camera="true" :auto-focus="true" :beauty="1" whiteness="2"
aspect="9:16" @statechange="statechange" @netstatus="netstatus" @error = "error"
></live-pusher>
<button class="btn" @click="startPreview">开启摄像头预览</button>
<button class="btn" @click="stopPreview">关闭摄像头预览</button>
<button class="btn" @click="switchCamera">切换摄像头</button>
</view>
</template>
<script>
export default {
data() {
return {}
},
onReady() {
// 注意：需要在onReady中 或 onLoad 延时
this.context = uni.createLivePusherContext("livePusher", this);
},
methods: {
switchCamera: function() {
this.context.switchCamera({
success: (a) => {
console.log("livePusher.switchCamera:" + JSON.stringify(a));
}
});
},
startPreview: function() {
this.context.startPreview({
success: (a) => {
console.log("livePusher.startPreview:" + JSON.stringify(a));
}
});
},
stopPreview: function() {
this.context.stopPreview({
success: (a) => {
console.log("livePusher.stopPreview:" + JSON.stringify(a));
}
});
}
}
}
</script> 
2***@qq.com
- 发布：2022-08-01 15:24
- 更新：2022-08-04 16:06
- 阅读：451
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： Windows 10 Version 21H2
HBuilderX类型： 正式
HBuilderX版本号： 3.5.3
手机系统： Android
手机系统版本号： Android 11
手机厂商： 小米
手机机型： 小米11
页面类型： vue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
点击切换摄像头
点击切换摄像头
预期结果：
切换到前置摄像头
切换到前置摄像头
实际结果：
切换失败，并且卡住
切换失败，并且卡住
bug描述：
使用官方示例测试，switchCamera前置摄像头切换在部分手机上无效：小米11手机基于安卓11 小米UI版本12.5.15。 还有黑鲨手机同样无效。
2***@qq.com (作者)
因为某些原因必须使用vue，是否还有其他解决办法？是否有办法在vue组件中调用nvue组件？
2022-08-05 10:07
赫
回复 2***@qq.com: 你好，请问这个解决了吗，通遇到这个问题，只有IOS不生效
2022-08-17 14:01