195 lines
4.8 KiB
HTML
195 lines
4.8 KiB
HTML
|
<!doctype html>
|
|||
|
|
<html>
|
|||
|
|
|
|||
|
|
<head>
|
|||
|
|
<meta charset="utf-8">
|
|||
|
|
<!-- <script type="text/javascript" src="./uni.webview.js"></script> -->
|
|||
|
|
<!-- <script src="./h5player.min.js"></script> -->
|
|||
|
|
<script type="text/javascript" src="./h5player.min.js"></script>
|
|||
|
|
<script type="text/javascript" src="./uni.webview.1.5.5.js"></script>
|
|||
|
|
<style type="text/css">
|
|||
|
|
.myplayer {
|
|||
|
|
/* width: 100vw; */
|
|||
|
|
/* height: 28vh; */
|
|||
|
|
/* height: 100vh; */
|
|||
|
|
/* min-height: 225px; */
|
|||
|
|
/* border-radius: 2vh; */
|
|||
|
|
overflow: hidden;
|
|||
|
|
/* background: #000; */
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body {
|
|||
|
|
margin: 0;
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
</head>
|
|||
|
|
|
|||
|
|
<body>
|
|||
|
|
<div id="play_window" class="myplayer"></div>
|
|||
|
|
<script>
|
|||
|
|
let fullScreen = false;
|
|||
|
|
console.log('Initializing decoder...');
|
|||
|
|
var myPlugin = new JSPlugin({
|
|||
|
|
szId: 'play_window',
|
|||
|
|
szBasePath: './',
|
|||
|
|
iOSDecodePath: './playctrl1/'
|
|||
|
|
})
|
|||
|
|
// 事件回调绑定
|
|||
|
|
myPlugin.JS_SetWindowControlCallback({
|
|||
|
|
windowEventSelect: function(iWndIndex) {
|
|||
|
|
//插件选中窗口回调
|
|||
|
|
console.log("windowSelect callback: ", iWndIndex);
|
|||
|
|
},
|
|||
|
|
pluginErrorHandler: function(iWndIndex, iErrorCode, oError) {
|
|||
|
|
//插件错误回调
|
|||
|
|
console.log("pluginError callback: ", iWndIndex, iErrorCode, oError);
|
|||
|
|
},
|
|||
|
|
performanceLack: function(iWndIndex) {
|
|||
|
|
//性能不足回调
|
|||
|
|
console.log("performanceLack callback: ", iWndIndex);
|
|||
|
|
},
|
|||
|
|
StreamEnd: function(iWndIndex) {
|
|||
|
|
//性能不足回调
|
|||
|
|
console.log("recv StreamEnd: ", iWndIndex);
|
|||
|
|
},
|
|||
|
|
talkPluginErrorHandler: (iErrorCode, oErrorInfo) => { //对讲错误回调
|
|||
|
|
console.log('recv talkPluginErrorHandler: ' + iErrorCode);
|
|||
|
|
},
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
window.handleMessage = function(msg) {
|
|||
|
|
console.log("接收到消息", msg);
|
|||
|
|
// alert("接收到消息"+msg);
|
|||
|
|
// document.getElementById('box').innerText = msg;
|
|||
|
|
const data = JSON.parse(msg)
|
|||
|
|
if (data.type === "start") {
|
|||
|
|
talkStart(data.url)
|
|||
|
|
} else {
|
|||
|
|
talkStop()
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
// play()
|
|||
|
|
// myPlugin.JS_FullScreenDisplay(true)
|
|||
|
|
// myPlugin.JS_FullScreenSingle(0)
|
|||
|
|
|
|||
|
|
function play() {
|
|||
|
|
// 视频流流
|
|||
|
|
var playURL = GetQueryString("cameraUrl")
|
|||
|
|
console.log('视频流地址：', playURL)
|
|||
|
|
// 窗口下标
|
|||
|
|
var curIndex = 0;
|
|||
|
|
// 获取监控点唯一标识，方便作为抓图存储的key
|
|||
|
|
// var cameraIndexCode = GetQueryString("cameraIndexCode")
|
|||
|
|
// 视频预览
|
|||
|
|
myPlugin.JS_Play(playURL, {
|
|||
|
|
playURL,
|
|||
|
|
mode: 0 // 0 普通模式 / 1 高级模式
|
|||
|
|
}, curIndex).then(() => {
|
|||
|
|
console.info('JS_Play success ');
|
|||
|
|
// 设置取流连接超时时间
|
|||
|
|
let nTime = 300000
|
|||
|
|
myPlugin.JS_SetConnectTimeOut(curIndex, nTime).then(
|
|||
|
|
() => {
|
|||
|
|
console.info('JS_SetConnectTimeOut success');
|
|||
|
|
// do you want...
|
|||
|
|
|
|||
|
|
myPlugin.JS_OpenSound(curIndex).then(
|
|||
|
|
() => {
|
|||
|
|
console.info('JS_OpenSound success');
|
|||
|
|
// do you want...
|
|||
|
|
},
|
|||
|
|
(err) => {
|
|||
|
|
console.info('JS_OpenSound failed');
|
|||
|
|
// do you want...
|
|||
|
|
}
|
|||
|
|
);
|
|||
|
|
},
|
|||
|
|
(err) => {
|
|||
|
|
console.info('JS_SetConnectTimeOut failed', err);
|
|||
|
|
// do you want...
|
|||
|
|
}
|
|||
|
|
);
|
|||
|
|
}, (err) => {
|
|||
|
|
console.info('JS_Play failed:', err);
|
|||
|
|
// do you want...
|
|||
|
|
});
|
|||
|
|
myPlugin.JS_FullScreenDisplay(true)
|
|||
|
|
// myPlugin.JS_FullScreenSingle(curIndex)
|
|||
|
|
//开启声音
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 截图
|
|||
|
|
function onScreenshot() {
|
|||
|
|
console.log('点击截屏');
|
|||
|
|
// 窗口下标
|
|||
|
|
var curIndex = 0;
|
|||
|
|
// 获取监控点唯一标识，方便作为抓图存储的key
|
|||
|
|
// var cameraIndexCode = GetQueryString("cameraIndexCode")
|
|||
|
|
// 文件名称
|
|||
|
|
var fileName = 'img';
|
|||
|
|
// 文件类型
|
|||
|
|
var fileType = 'JPEG';
|
|||
|
|
//下载到本地
|
|||
|
|
myPlugin.JS_CapturePicture(curIndex, fileName, fileType).then(
|
|||
|
|
(res) => {
|
|||
|
|
console.info('JS_CapturePicture success');
|
|||
|
|
// do you want...
|
|||
|
|
},
|
|||
|
|
(err) => {
|
|||
|
|
console.info('JS_CapturePicture failed', err);
|
|||
|
|
// do you want...
|
|||
|
|
}
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//取url中的参数值
|
|||
|
|
function GetQueryString(name) {
|
|||
|
|
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
|
|||
|
|
var r = window.location.search.substr(1).match(reg);
|
|||
|
|
if (r != null) return unescape(r[2]);
|
|||
|
|
return null;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function talkStart(url) {
|
|||
|
|
myPlugin.JS_SetConnectTimeOut(0, 1000)
|
|||
|
|
console.log(url);
|
|||
|
|
console.log(myPlugin);
|
|||
|
|
myPlugin.JS_StartTalk(url).then(
|
|||
|
|
() => {
|
|||
|
|
console.log('talkStart success')
|
|||
|
|
// alert('对讲连接成功')
|
|||
|
|
webUni.postMessage({
|
|||
|
|
data: {
|
|||
|
|
msg: 'success'
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
e => {
|
|||
|
|
console.error(e)
|
|||
|
|
// alert('对讲连接失败' + e)
|
|||
|
|
webUni.postMessage({
|
|||
|
|
data: {
|
|||
|
|
msg: 'error',
|
|||
|
|
err: e
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function talkStop() {
|
|||
|
|
myPlugin.JS_StopTalk().then(
|
|||
|
|
() => {
|
|||
|
|
console.log('talkStop success')
|
|||
|
|
},
|
|||
|
|
e => {
|
|||
|
|
console.error(e)
|
|||
|
|
}
|
|||
|
|
)
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
</body>
|
|||
|
|
|
|||
|
|
</html>
|