视频播放插件添加监听滚动事件

This commit is contained in:
骆乐 2022-09-17 15:22:04 +08:00
parent e13e538e9b
commit 34b1d91daf
5 changed files with 34 additions and 15 deletions

BIN
dist.zip

Binary file not shown.

View File

@ -17,7 +17,7 @@ var PROJECT = {
} }
var PROJECT_TYPE = PROJECT.online_zjsj var PROJECT_TYPE = PROJECT.local_test
var headerShow = true; // 是否显示头部 var headerShow = true; // 是否显示头部
var tabsShow = true; // 是否显示tabs var tabsShow = true; // 是否显示tabs

View File

@ -134,7 +134,7 @@ export function InitObjPlugin(appkey, secret, ip, port, type, videoData, layout)
layouts = layout layouts = layout
// //
oWebControl = new WebControl({ oWebControl = new WebControl({
szPluginContainer: "playWnd", szPluginContainer: "playWnd", //指定容器id
iServicePortStart: 15900, iServicePortStart: 15900,
iServicePortEnd: 15909, iServicePortEnd: 15909,
szClassId: "23BF3B0A-2C56-4D97-9C03-0CB103AA8F11", szClassId: "23BF3B0A-2C56-4D97-9C03-0CB103AA8F11",
@ -371,14 +371,34 @@ function getPubKey(callback) {
} }
// 滚动条scroll // 滚动条scroll
window.onscroll = function () { // window.onscroll = function () {
if (oWebControl != null) { // if (oWebControl != null) {
width = document.getElementById('videoOverview').offsetWidth // width = document.getElementById('videoOverview').offsetWidth
height = document.getElementById('videoOverview').offsetHeight - 0 // height = document.getElementById('videoOverview').offsetHeight - 0
oWebControl.JS_Resize(width, height); // oWebControl.JS_Resize(width, height);
// setWndCover(); // // setWndCover();
// }
// }
// 监听滚动条
window.addEventListener('scroll', () => {
console.log('滚动条')
if(oWebControl != null){
width = document.getElementById('videoOverview').offsetWidth-20
height = document.getElementById('videoOverview').offsetHeight-18
oWebControl.JS_Resize(width, height );
} }
} },true);
// 监听窗口
// window.addEventListener('resize', () => {
// console.log('窗口')
// if(oWebControl != null){
// width = document.getElementById('videoOverview').offsetWidth-38
// height = document.getElementById('videoOverview').offsetHeight-20
// oWebControl.JS_Resize(width, height );
// }
// },true);
//窗口关闭时销毁插件 //窗口关闭时销毁插件
window.onunload = function () { window.onunload = function () {
if (oWebControl != null) { if (oWebControl != null) {

View File

@ -45,8 +45,8 @@ export default new Vuex.Store({
// UPLOADURL:'http://10.0.1.43:6023/upload/image',//测试 // UPLOADURL:'http://10.0.1.43:6023/upload/image',//测试
// FILEURL:'http://10.0.1.43:6023/image/',//测试 // FILEURL:'http://10.0.1.43:6023/image/',//测试
BASEURL: baseUrl ? baseUrl : window.location.protocol + '//' + window.location.host + '/', // BASEURL: baseUrl ? baseUrl : window.location.protocol + '//' + window.location.host + '/', //
// UPLOADURL: window.location.protocol + '//' + window.location.host + '/upload/image', // UPLOADURL: window.location.protocol + '//' + window.location.host + '/upload/image', //
// FILEURL: window.location.protocol + '//' + window.location.host + '/image/', //测试 // tag: 本地测试接口 FILEURL: window.location.protocol + '//' + window.location.host + '/image/', //测试 // tag: 本地测试接口
/* 2022-05-16 */ /* 2022-05-16 */
// tag: 部署河南项目时,需要打开这两行代码 // tag: 部署河南项目时,需要打开这两行代码
// UPLOADURL: 'http://124.71.178.44:100/upload/image', // UPLOADURL: 'http://124.71.178.44:100/upload/image',
@ -56,8 +56,8 @@ export default new Vuex.Store({
// UPLOADURL: 'http://182.90.224.237:7000/upload/image', // UPLOADURL: 'http://182.90.224.237:7000/upload/image',
// FILEURL: 'http://182.90.224.237:7000/image/', // FILEURL: 'http://182.90.224.237:7000/image/',
// 邱平毅的 // 邱平毅的
UPLOADURL: 'http://192.168.34.216:6023/upload/image', // UPLOADURL: 'http://192.168.34.216:6023/upload/image',
FILEURL: 'http://192.168.34.216:6023/image/', // FILEURL: 'http://192.168.34.216:6023/image/',
// UPLOADURL:'http://'+"61.190.32.219:9050"+'/upload/image',//正式 // UPLOADURL:'http://'+"61.190.32.219:9050"+'/upload/image',//正式
// FILEURL:'http://'+"61.190.32.219:9050"+'/image/',//正式 // FILEURL:'http://'+"61.190.32.219:9050"+'/image/',//正式

View File

@ -12,7 +12,7 @@
class="" class=""
></el-input> ></el-input>
</div> </div>
<el-select style="margin-right: 10px" v-model="alarmType"class="alarmTypeBox"> <el-select style="margin-right: 10px" v-model="alarmType" class="alarmTypeBox">
<el-option v-for="(item,index) in ProgressPlanBidSectionList" :key="index" :value="item.id" :label="item.projectfName"></el-option> <el-option v-for="(item,index) in ProgressPlanBidSectionList" :key="index" :value="item.id" :label="item.projectfName"></el-option>
</el-select> </el-select>
<el-button type="primary" @click="loadDataTwo"> <el-button type="primary" @click="loadDataTwo">
@ -316,7 +316,6 @@ export default {
bidSectionId:this.alarmType bidSectionId:this.alarmType
} }
queryPanoramaNodePlan(data).then(res=>{ queryPanoramaNodePlan(data).then(res=>{
console.log(res);
if(res.code == 200){ if(res.code == 200){
this.tableData = res.result.records this.tableData = res.result.records
this.total = res.result.total this.total = res.result.total