在手机端页面中打开设备音视频对讲功能无效页面空白？开发环境uni-app + vue2 - mobile CCTV,mobile surveillance,police body worn cameras

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="./player/main.browser.css" type="text/css" rel="stylesheet" />
<script src="./player/main.browser.js"/>
<script src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.4.js"></script>
<title>语音通话</title>
<style>
body {
// height: 500px;
// background-color: red;
}
</style>
</head>
<body>
</body>
<script type="text/javascript">
console.log("打开webview页面....html");
const playerEle = document.createElement("div")
playerEle.style.height = "300px"
playerEle.style.width = "100%"
playerEle.style.backgroundColor = "black"
document.body.appendChild(playerEle);
const {instance} = window.bvPlayer.Intercom({
// (可选) 容器节点注意一个容器内只能存在一个实例当container为假值（包括false、null、undefined）时将返回实例引用的dom节点容器必须指定高度参考高德地图
container: playerEle,
// 必填设备选项
puOption: {
// 设备id
id: "UA_XXXXXX",
// 设备通道号
index: 0,
},
// 必填用户授权令牌
token: "",
// (可选) 传输协议
type: "webrtc",
// (可选) 指定请求url路径前缀可使用protocol+host 如：http://192.168.88.11:9780
apiPrefix: "http://192.168.0.111:9780",
// (可选) 设置最大重连间隔(s)，默认不自动重连，setDefaultProps设置的maxReconnectInterval高于props
maxReconnectInterval: 30,
locale: "zh",
// (可选) 连接建立后回调
onConnected: () => {
console.log("设备已连接。。。");
},
// (可选) 连接建立失败时的回调
onConnectedFailed: () => {
console.log("设备连接失败！！！");
},
// (可选) 连接断开后回调
onDisConnected: () => {
console.log("设备断开失败！！！");
},
// (可选) token 失效回调
onTokenFail: () => {
console.log("token失效！！！");
},
});
instance.open();
</script>
</html>

copycode