80 lines
2.8 KiB
HTML
80 lines
2.8 KiB
HTML
<!doctype html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<script src="./h5player.min.js"></script>
|
||
<style type="text/css">
|
||
.myplayer {
|
||
width: 100%;
|
||
height: 300px;
|
||
/* border-radius: 2vh; */
|
||
overflow: hidden;
|
||
/* background: #000; */
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div id="play_window" class="myplayer"></div>
|
||
<script>
|
||
// 这里写js业务代码
|
||
// 初始化插件
|
||
var myPlugin = new JSPlugin({
|
||
szId: 'play_window', //需要英文字母开头 必填
|
||
szBasePath: './', // 必填,引用H5player.min.js的js相对路径
|
||
iCurrentSplit: 1,
|
||
})
|
||
// 获取视频播放流
|
||
var playURL = GetQueryString("cameraUrl")
|
||
console.log("222",playURL);
|
||
// 有视频流地址以后，才进行播放
|
||
if(playURL){
|
||
// 窗口下标
|
||
var curIndex = 0;
|
||
// 获取监控点唯一标识，方便作为抓图存储的key
|
||
var cameraIndexCode = GetQueryString("cameraIndexCode")
|
||
// 视频预览
|
||
myPlugin.JS_Play(playURL, {
|
||
playURL,
|
||
mode: 1
|
||
}, curIndex).then(() => {
|
||
console.info('JS_Play success 播放成功');
|
||
// do you want...
|
||
// 抓图
|
||
var fileName = 'img';
|
||
var fileType = 'JPEG';
|
||
//不进行下载，数据回调
|
||
myPlugin.JS_CapturePicture(curIndex, fileName, fileType,imageData => {
|
||
console.info('JS_CapturePicture success 抓图成功'); //2.1.0开始全是base64，之前的版本存在blob或者是base64
|
||
// do you want...
|
||
// plus.storage.setItem(cameraIndexCode,imageData);
|
||
})
|
||
}, (err) => {
|
||
console.info('JS_Play 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 wholeFullScreen(){
|
||
myPlugin.JS_FullScreenDisplay(true).then(
|
||
() => { console.log(`wholeFullScreen success`) },
|
||
e => { console.error(e) }
|
||
)
|
||
}
|
||
myPlugin.JS_SetWindowControlCallback({
|
||
windowFullCcreenChange: function (bFull) { //全屏切换回调
|
||
console.log('fullScreen callback: ', bFull);
|
||
window.parent.postMessage("childLoaded", "*");
|
||
},
|
||
})
|
||
// wholeFullScreen()
|
||
|
||
</script>
|
||
</body>
|
||
</html> |