vue项目接入海康威视H5player

this.$message({

message: ‘时间区间不得超过3天！’,

type: ‘warning’

})

return;

}

$get(’/device/hkdevice/info/videoPlayBack’,{

beginTime:this.beginTime,

endTime:this.endTime,

cameraIndexCode:this.cameraIndexCode

}).then(res=>{

this.monitorHistoryUrl = res.data.data.url;

this.init();

this.createPlayer();

this.playbackStart();

})

},

init() {

// 设置播放容器的宽高并监听窗口大小变化

window.addEventListener(‘resize’, () => {

this.player.JS_Resize()

})

},

createPlayer() {

let szBasePath = ‘’;

//因为项目配置在二级域名，所以文件需改变路径

if (process.env.NODE_ENV == “production”) {

szBasePath = ‘/bzsv/js/’

}

else{

szBasePath = ‘/js/’

}

this.player = new window.JSPlugin({

szId: ‘player’,

szBasePath: szBasePath,

iMaxSplit: 4,

iCurrentSplit: 1,

openDebug: true,

oStyle: {

borderSelect: IS_MOVE_DEVICE ? ‘#000’ : ‘#FFCC00’,

}

})

// 事件回调绑定

this.player.JS_SetWindowControlCallback({

windowEventSelect: function (iWndIndex) { //插件选中窗口回调

console.log('windowSelect callback: ', iWndIndex);

},

pluginErrorHandler: function (iWndIndex, iErrorCode, oError) { //插件错误回调

console.log('pluginError callback: ', iWndIndex, iErrorCode, oError);

},

windowEventOver: function (iWndIndex) { //鼠标移过回调

//console.log(iWndIndex);

},

windowEventOut: function (iWndIndex) { //鼠标移出回调

//console.log(iWndIndex);

},

windowEventUp: function (iWndIndex) { //鼠标mouseup事件回调

//console.log(iWndIndex);

},

windowFullCcreenChange: function (bFull) { //全屏切换回调

console.log('fullScreen callback: ', bFull);

},

firstFrameDisplay: function (iWndIndex, iWidth, iHeight) { //首帧显示回调

console.log('firstFrame loaded callback: ', iWndIndex, iWidth, iHeight);

},

performanceLack: function () { //性能不足回调

console.log('performanceLack callback: ');

}

});

},

/* 回放 */

playbackStart() {

let { player, mode, playback } = this,

index = player.currentWindowIndex,

playURL = this.monitorHistoryUrl,

{ startTime, endTime } = playback

startTime = this.beginTime.slice(0,19);

endTime = this.endTime.slice(0,19);

startTime += ‘Z’

endTime += ‘Z’

console.log(‘111111111111111’)

console.log(playURL, mode, index, startTime, endTime)

player.JS_Play(playURL, { playURL, mode }, index, startTime, endTime).then(

() => {

console.log(‘playbackStart success’)

this.playback.rate = 1

},

e => { console.error(e) }

)

},

问题及解决方案

---

1，打完wss补丁之后

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
d开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！**

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！