Skip to content

H
honghu
Commit 70c7de43 authored by xinzhedeai's avatar xinzhedeai
Browse files
Options

直播ezuikitjs

parent d26687a2
Show whitespace changes
Inline Side-by-side
Showing with 7100 additions and 18 deletions
src/components/EZUIKitJs.vue 0 → 100644
View file @ 70c7de43
<template>
<div class="cv-inbox">
<!-- <div class="vi-select" v-if="selectSeat!=='none'" :class="{'dir-right':selectSeat==='right'}">
<el-select v-model="videoIndex" class="cus-select" placeholder="请选择视频" size="small" @change="selectVideo" label="操作">
<el-option v-for="(obj, index) in videoList" :label="obj.name" :value="index"></el-option>
</el-select>
</div> -->
<div class="cv-inbody">
<div class="EZUIKit-video" id="video-container"></div>
</div>
</div>
</template>
<script>
/**
* 荧石云播放器组件
* @param: {Object} opts [top, left, eventOutClose(事件超出容器后关闭, 默认false), showCloseBtn(默认false)]
* @example1:
npm install --save-dev ezuikit-js
1, 引入
import EZUIKitJs from '@/components/EZUIKitJs'
2, 注册
export default {
components: {
EZUIKitJs,
},
}
3, 创建
<EZUIKitJs ref="EZUIKit" selectSeat="right" autoPlayer="true"/>
* @author: Kimber
* @createtime: 2021/11/30(周二)
*/
import EZUIKit from "ezuikit-js";
import axios from "axios";
import { getVideoInfo } from "./config";
const request = axios.create({});
request.defaults.headers["Content-Type"] =
"application/x-www-form-urlencoded; charset=UTF-8";
export default {
name: "EZUIKit",
data() {
return {
videoIndex: 0,
videoList: [],
};
},
props: {
selectSeat: String,
autoPlayer: String,
},
mounted() {
this.videoContainer = this.$el.querySelector("#video-container");
this.info = {
id: "AX8345878",
appKey: "a3008abda1b94df7b3002f2034b7272d",
appSecret: "25e5853f306fd10049109d8bcb937aca",
};
this.videoList = [
{
name: "大门西 -入口",
channel: "1.hd.live",
remark: "无",
},
];
// if(this.autoPlayer !== 'false'){
// 播放视频
this.selectVideo(0);
// };
// setTimeout(()=>{
// player.stop(); // 方法调用示例，10秒后关闭视频
// },10000)
},
methods: {
/**
* 获取Token
* @param: {Object} item
* @return:
* @author: Kimber
* @updatetime:
* @createtime: 2021/11/23(周二)
*/
playerVideo(item) {
if (this.videoContainer.firstElementChild) {
this.videoContainer.innerHTML = "";
setTimeout(() => {
this.createVideo(item);
}, 500);
} else {
this.createVideo(item);
}
},
createVideo(item) {
this.getAccessToken(this.info.appKey, this.info.appSecret).then(
(accessToken) => {
var url = this.getUrl(item);
this.player = new EZUIKit.EZUIKitPlayer({
autoplay: true,
id: "video-container",
accessToken: accessToken,
url: url,
template: "standard", // simple - 极简版;standard-标准版;security - 安防版(预览回放);voice-语音版；
// 视频上方头部控件
//header: ["capturePicture", "save", "zoom"], // 如果templete参数不为simple,该字段将被覆盖
//plugin: ['talk'], // 加载插件，talk-对讲
// 视频下方底部控件
// footer: ["talk", "broadcast", "hd", "fullScreen"], // 如果template参数不为simple,该字段将被覆盖
// audio: 1, // 是否默认开启声音 0 - 关闭 1 - 开启
// openSoundCallBack: data => console.log("开启声音回调", data),
// closeSoundCallBack: data => console.log("关闭声音回调", data),
// startSaveCallBack: data => console.log("开始录像回调", data),
// stopSaveCallBack: data => console.log("录像回调", data),
// capturePictureCallBack: data => console.log("截图成功回调", data),
// fullScreenCallBack: data => console.log("全屏回调", data),
// getOSDTimeCallBack: data => console.log("获取OSDTime回调", data),
});
}
);
},
/**
* 获取Token
* @param: {String} appKey
* @param: {String} appSecret
* @example1: getAccessToken('appKey', 'appSecret').then(accessToken => {});
* @return:
* @author: Kimber
* @updatetime:
* @createtime: 2021/9/1
*/
getAccessToken(appKey, appSecret) {
var dataJson = "appKey=" + appKey + "&appSecret=" + appSecret;
return request
.post("https://open.ys7.com/api/lapp/token/get", dataJson)
.then((res) => {
var data = res.data || {};
if (data["code"] == "200") {
return data["data"]["accessToken"];
} else {
return null;
}
})
.catch((err) => {
console.log(err);
return err;
});
},
getUrl(item) {
var captcha = item.captcha ? item.captcha + "@" : "";
var id = item.id || this.info.id || "";
return "ezopen://" + captcha + "open.ys7.com/" + id + "/" + item.channel;
},
// 视频选择事件
selectVideo(index) {
var item = this.videoList[index];
this.playerVideo(item);
},
// 视频选择事件
playVideoName(key) {
var configInfo = getVideoInfo(key);
if (configInfo && configInfo.info) {
this.info = configInfo.info;
this.videoList = configInfo.list;
var item = this.videoList[0];
this.playerVideo(item);
} else {
this.videoContainer.innerHTML = "";
}
},
},
};
</script>
<style lang="scss">
.cv-inbox {
position: relative;
height: 200px;
// width: 100%;
width: 360px;
display: flex;
flex-direction: column;
.vi-select {
.cus-select {
margin: 5px;
input {
display: inline-block;
width: 150px;
border: 1px solid #d0d2ff;
background-color: #014468;
color: #d0d2ff;
font-size: 12px;
}
.el-input {
}
.el-input__inner {
height: 20px;
line-height: 20px;
}
.el-input__suffix-inner {
.el-select__caret {
line-height: 20px;
}
}
}
}
.dir-right {
text-align: right;
}
.cv-inbody {
flex: 1;
position: relative;
.EZUIKit-video {
background-color: #01050f;
position: absolute;
top: 0;
left: 0;
// height: 100%;
height: 200px !important;
width: 100%;
iframe {
// height: 100%;
height: 200px !important;
width: 100%;
}
}
}
}
</style>
src/components/EZUIKitJs/config.js 0 → 100644
View file @ 70c7de43
/**
* Created by jiachenpan on 16/11/18.
* accessToken: at.5z2b8jrkbdg75q17dis2ohpj5zr8c8u7-7lju11oblv-0c3t7b4-xl5sdzcrs
* accessToken:
*/
const Config = {
'18956069932':{
info:{
id:'AX8345878',
appKey:'a3008abda1b94df7b3002f2034b7272d',
appSecret:'25e5853f306fd10049109d8bcb937aca',
},
list:[
{
name:'大门西 -入口',
channel:'1.hd.live',
remark:'无',
},
],
},
};
export function getVideoInfo(key){
return Config[key];
}
\ No newline at end of file
src/components/EZUIKitJs/index.vue 0 → 100644
View file @ 70c7de43
<template>
<div class="cv-inbox">
<div class="vi-select" v-if="selectSeat!=='none'" :class="{'dir-right':selectSeat==='right'}">
<el-select v-model="videoIndex" class="cus-select" placeholder="请选择视频" size="small" @change="selectVideo" label="操作">
<el-option v-for="(obj, index) in videoList" :label="obj.name" :value="index"></el-option>
</el-select>
</div>
<div class="cv-inbody">
<div class="EZUIKit-video" id="video-container"></div>
</div>
</div>
</template>
<script>
/**
* 荧石云播放器组件
* @param: {Object} opts [top, left, eventOutClose(事件超出容器后关闭, 默认false), showCloseBtn(默认false)]
* @example1:
npm install --save-dev ezuikit-js
1, 引入
import EZUIKitJs from '@/components/EZUIKitJs'
2, 注册
export default {
components: {
EZUIKitJs,
},
}
3, 创建
<EZUIKitJs ref="EZUIKit" selectSeat="right" autoPlayer="true"/>
* @author: Kimber
* @createtime: 2021/11/30(周二)
*/
import EZUIKit from "ezuikit-js";
import axios from 'axios';
import { getVideoInfo } from './config'
const request = axios.create({});
request.defaults.headers['Content-Type'] = 'application/x-www-form-urlencoded; charset=UTF-8';
export default {
name: "EZUIKit",
data() {
return {
videoIndex:0,
videoList:[],
}
},
props: {
selectSeat: String,
autoPlayer: String,
},
mounted(){
this.videoContainer = this.$el.querySelector("#video-container");
var configInfo = getVideoInfo(this.$store.state.user.user.username);
this.info = configInfo.info;
this.videoList = configInfo.list;
if(this.autoPlayer !== 'false'){
// 播放视频
this.selectVideo(this.videoIndex);
};
// setTimeout(()=>{
// player.stop(); // 方法调用示例，10秒后关闭视频
// },10000)
},
methods: {
/**
* 获取Token
* @param: {Object} item
* @return:
* @author: Kimber
* @updatetime:
* @createtime: 2021/11/23(周二)
*/
playerVideo(item){
if(this.videoContainer.firstElementChild){
this.videoContainer.innerHTML = '';
setTimeout(() => {
this.createVideo(item);
}, 500);
}else{
this.createVideo(item);
};
},
createVideo(item){
this.getAccessToken(this.info.appKey, this.info.appSecret).then(accessToken => {
var url = this.getUrl(item);
this.player = new EZUIKit.EZUIKitPlayer({
autoplay: true,
id: "video-container",
accessToken:accessToken,
url: url,
template: "standard", // simple - 极简版;standard-标准版;security - 安防版(预览回放);voice-语音版；
// 视频上方头部控件
//header: ["capturePicture", "save", "zoom"], // 如果templete参数不为simple,该字段将被覆盖
//plugin: ['talk'], // 加载插件，talk-对讲
// 视频下方底部控件
// footer: ["talk", "broadcast", "hd", "fullScreen"], // 如果template参数不为simple,该字段将被覆盖
// audio: 1, // 是否默认开启声音 0 - 关闭 1 - 开启
// openSoundCallBack: data => console.log("开启声音回调", data),
// closeSoundCallBack: data => console.log("关闭声音回调", data),
// startSaveCallBack: data => console.log("开始录像回调", data),
// stopSaveCallBack: data => console.log("录像回调", data),
// capturePictureCallBack: data => console.log("截图成功回调", data),
// fullScreenCallBack: data => console.log("全屏回调", data),
// getOSDTimeCallBack: data => console.log("获取OSDTime回调", data),
});
})
},
/**
* 获取Token
* @param: {String} appKey
* @param: {String} appSecret
* @example1: getAccessToken('appKey', 'appSecret').then(accessToken => {});
* @return:
* @author: Kimber
* @updatetime:
* @createtime: 2021/9/1
*/
getAccessToken(appKey, appSecret){
var dataJson = 'appKey='+appKey+'&appSecret='+appSecret;
return request.post("https://open.ys7.com/api/lapp/token/get", dataJson).then(res=>{
var data = res.data || {};
if (data['code'] == '200') {
return data['data']['accessToken']
}else{
return null
}
}).catch(err=>{
console.log(err);
return err
})
},
getUrl(item){
var captcha = item.captcha ? item.captcha + '@' : '';
var id = item.id || this.info.id || '';
return 'ezopen://'+captcha+'open.ys7.com/'+id+'/'+item.channel;
},
// 视频选择事件
selectVideo(index){
var item = this.videoList[index];
this.playerVideo(item)
},
// 视频选择事件
playVideoName(key){
var configInfo = getVideoInfo(key);
if(configInfo && configInfo.info){
this.info = configInfo.info;
this.videoList = configInfo.list;
var item = this.videoList[0];
this.playerVideo(item)
}else{
this.videoContainer.innerHTML = '';
};
},
}
};
</script>
<style lang="scss">
.cv-inbox{
position:relative;height:100%;width:100%;display:flex;flex-direction:column;
.vi-select{
.cus-select{
margin:5px;
input{display:inline-block;width:150px;border:1px solid #d0d2ff;background-color:#014468;
color:#d0d2ff;font-size:12px;
}
.el-input{}
.el-input__inner{
height:20px;line-height:20px
}
.el-input__suffix-inner{
.el-select__caret{line-height:20px}
}
}
}
.dir-right{text-align:right;}
.cv-inbody{
flex:1;position:relative;
.EZUIKit-video{
background-color:#01050f;
position:absolute;top:0;left:0;height:100%;width:100%;
iframe{height:100%;width:100%;}
}
}
}
</style>
src/components/EZUIKitJs/index2.vue 0 → 100644
View file @ 70c7de43
<template>
<div class="cv-inbox">
<div class="vi-select" v-if="selectSeat!=='none'" :class="{'dir-right':selectSeat==='right'}">
<el-select v-model="videoIndex" class="cus-select" placeholder="请选择视频" size="small" @change="selectVideo" label="操作">
<el-option v-for="(obj, index) in videoList" :label="obj.name" :value="index"></el-option>
</el-select>
</div>
<div class="cv-inbody">
<div class="EZUIKit-video" id="video-container"></div>
</div>
</div>
</template>
<script>
/**
* 荧石云播放器组件
* @param: {Object} opts [top, left, eventOutClose(事件超出容器后关闭, 默认false), showCloseBtn(默认false)]
* @example1:
npm install --save-dev ezuikit-js
1, 引入
import EZUIKitJs from '@/components/EZUIKitJs'
2, 注册
export default {
components: {
EZUIKitJs,
},
}
3, 创建
<EZUIKitJs ref="EZUIKit" selectSeat="right" autoPlayer="true"/>
* @author: Kimber
* @createtime: 2021/11/30(周二)
*/
import EZUIKit from "ezuikit-js";
import axios from 'axios';
import { getVideoInfo } from './config'
const request = axios.create({});
request.defaults.headers['Content-Type'] = 'application/x-www-form-urlencoded; charset=UTF-8';
export default {
name: "EZUIKit",
data() {
return {
videoIndex:0,
videoList:[],
}
},
props: {
selectSeat: String,
autoPlayer: String,
},
mounted(){
this.videoContainer = this.$el.querySelector("#video-container");
var configInfo = getVideoInfo(this.$store.state.user.user.username);
this.info = configInfo.info;
this.videoList = configInfo.list;
if(this.autoPlayer !== 'false'){
// 播放视频
this.selectVideo(this.videoIndex);
};
// setTimeout(()=>{
// player.stop(); // 方法调用示例，10秒后关闭视频
// },10000)
},
methods: {
/**
* 获取Token
* @param: {Object} item
* @return:
* @author: Kimber
* @updatetime:
* @createtime: 2021/11/23(周二)
*/
playerVideo(item){
if(this.videoContainer.firstElementChild){
this.videoContainer.innerHTML = '';
setTimeout(() => {
this.createVideo(item);
}, 500);
}else{
this.createVideo(item);
};
},
createVideo(item){
this.getAccessToken(this.info.appKey, this.info.appSecret).then(accessToken => {
var url = this.getUrl(item);
this.player = new EZUIKit.EZUIKitPlayer({
autoplay: true,
id: "video-container",
accessToken:accessToken,
url: url,
template: "standard", // simple - 极简版;standard-标准版;security - 安防版(预览回放);voice-语音版；
// 视频上方头部控件
//header: ["capturePicture", "save", "zoom"], // 如果templete参数不为simple,该字段将被覆盖
//plugin: ['talk'], // 加载插件，talk-对讲
// 视频下方底部控件
// footer: ["talk", "broadcast", "hd", "fullScreen"], // 如果template参数不为simple,该字段将被覆盖
// audio: 1, // 是否默认开启声音 0 - 关闭 1 - 开启
// openSoundCallBack: data => console.log("开启声音回调", data),
// closeSoundCallBack: data => console.log("关闭声音回调", data),
// startSaveCallBack: data => console.log("开始录像回调", data),
// stopSaveCallBack: data => console.log("录像回调", data),
// capturePictureCallBack: data => console.log("截图成功回调", data),
// fullScreenCallBack: data => console.log("全屏回调", data),
// getOSDTimeCallBack: data => console.log("获取OSDTime回调", data),
});
})
},
/**
* 获取Token
* @param: {String} appKey
* @param: {String} appSecret
* @example1: getAccessToken('appKey', 'appSecret').then(accessToken => {});
* @return:
* @author: Kimber
* @updatetime:
* @createtime: 2021/9/1
*/
getAccessToken(appKey, appSecret){
var dataJson = 'appKey='+appKey+'&appSecret='+appSecret;
return request.post("https://open.ys7.com/api/lapp/token/get", dataJson).then(res=>{
var data = res.data || {};
if (data['code'] == '200') {
return data['data']['accessToken']
}else{
return null
}
}).catch(err=>{
console.log(err);
return err
})
},
getUrl(item){
var captcha = item.captcha ? item.captcha + '@' : '';
var id = item.id || this.info.id || '';
return 'ezopen://'+captcha+'open.ys7.com/'+id+'/'+item.channel;
},
// 视频选择事件
selectVideo(index){
var item = this.videoList[index];
this.playerVideo(item)
},
// 视频选择事件
playVideoName(key){
var configInfo = getVideoInfo(key);
if(configInfo && configInfo.info){
this.info = configInfo.info;
this.videoList = configInfo.list;
var item = this.videoList[0];
this.playerVideo(item)
}else{
this.videoContainer.innerHTML = '';
};
},
}
};
</script>
<style lang="scss">
.cv-inbox{
position:relative;height:100%;width:100%;display:flex;flex-direction:column;
.vi-select{
.cus-select{
margin:5px;
input{display:inline-block;width:150px;border:1px solid #d0d2ff;background-color:#014468;
color:#d0d2ff;font-size:12px;
}
.el-input{}
.el-input__inner{
height:20px;line-height:20px
}
.el-input__suffix-inner{
.el-select__caret{line-height:20px}
}
}
}
.dir-right{text-align:right;}
.cv-inbody{
flex:1;position:relative;
.EZUIKit-video{
background-color:#01050f;
position:absolute;top:0;left:0;height:100%;width:100%;
iframe{height:100%;width:100%;}
}
}
}
</style>
src/components/EZUIKitJs2.vue 0 → 100644
View file @ 70c7de43
<template>
<div class="cv-inbox">
<!-- <div class="vi-select" v-if="selectSeat!=='none'" :class="{'dir-right':selectSeat==='right'}">
<el-select v-model="videoIndex" class="cus-select" placeholder="请选择视频" size="small" @change="selectVideo" label="操作">
<el-option v-for="(obj, index) in videoList" :label="obj.name" :value="index"></el-option>
</el-select>
</div> -->
<div class="cv-inbody">
<div class="EZUIKit-video" id="video-container"></div>
</div>
</div>
</template>
<script>
/**
* 荧石云播放器组件
* @param: {Object} opts [top, left, eventOutClose(事件超出容器后关闭, 默认false), showCloseBtn(默认false)]
* @example1:
npm install --save-dev ezuikit-js
1, 引入
import EZUIKitJs from '@/components/EZUIKitJs'
2, 注册
export default {
components: {
EZUIKitJs,
},
}
3, 创建
<EZUIKitJs ref="EZUIKit" selectSeat="right" autoPlayer="true"/>
* @author: Kimber
* @createtime: 2021/11/30(周二)
*/
import EZUIKit from "ezuikit-js";
import axios from "axios";
import { getVideoInfo } from "./config";
const request = axios.create({});
request.defaults.headers["Content-Type"] =
"application/x-www-form-urlencoded; charset=UTF-8";
export default {
name: "EZUIKit",
data() {
return {
videoIndex: 0,
videoList: [],
};
},
props: {
selectSeat: String,
autoPlayer: String,
},
mounted() {
this.videoContainer = this.$el.querySelector("#video-container");
this.info = {
id: "BA2171975",
appKey: "a3008abda1b94df7b3002f2034b7272d",
appSecret: "25e5853f306fd10049109d8bcb937aca",
};
this.videoList = [
{
name: "设备2 -通道1",
channel: "1.hd.live",
remark: "无",
},
];
// if(this.autoPlayer !== 'false'){
// 播放视频
this.selectVideo(0);
// };
// setTimeout(()=>{
// player.stop(); // 方法调用示例，10秒后关闭视频
// },10000)
},
methods: {
/**
* 获取Token
* @param: {Object} item
* @return:
* @author: Kimber
* @updatetime:
* @createtime: 2021/11/23(周二)
*/
playerVideo(item) {
if (this.videoContainer.firstElementChild) {
this.videoContainer.innerHTML = "";
setTimeout(() => {
this.createVideo(item);
}, 500);
} else {
this.createVideo(item);
}
},
createVideo(item) {
this.getAccessToken(this.info.appKey, this.info.appSecret).then(
(accessToken) => {
var url = this.getUrl(item);
this.player = new EZUIKit.EZUIKitPlayer({
autoplay: true,
id: "video-container",
accessToken: accessToken,
url: url,
template: "standard", // simple - 极简版;standard-标准版;security - 安防版(预览回放);voice-语音版；
// 视频上方头部控件
//header: ["capturePicture", "save", "zoom"], // 如果templete参数不为simple,该字段将被覆盖
//plugin: ['talk'], // 加载插件，talk-对讲
// 视频下方底部控件
// footer: ["talk", "broadcast", "hd", "fullScreen"], // 如果template参数不为simple,该字段将被覆盖
// audio: 1, // 是否默认开启声音 0 - 关闭 1 - 开启
// openSoundCallBack: data => console.log("开启声音回调", data),
// closeSoundCallBack: data => console.log("关闭声音回调", data),
// startSaveCallBack: data => console.log("开始录像回调", data),
// stopSaveCallBack: data => console.log("录像回调", data),
// capturePictureCallBack: data => console.log("截图成功回调", data),
// fullScreenCallBack: data => console.log("全屏回调", data),
// getOSDTimeCallBack: data => console.log("获取OSDTime回调", data),
});
}
);
},
/**
* 获取Token
* @param: {String} appKey
* @param: {String} appSecret
* @example1: getAccessToken('appKey', 'appSecret').then(accessToken => {});
* @return:
* @author: Kimber
* @updatetime:
* @createtime: 2021/9/1
*/
getAccessToken(appKey, appSecret) {
var dataJson = "appKey=" + appKey + "&appSecret=" + appSecret;
return request
.post("https://open.ys7.com/api/lapp/token/get", dataJson)
.then((res) => {
var data = res.data || {};
if (data["code"] == "200") {
return data["data"]["accessToken"];
} else {
return null;
}
})
.catch((err) => {
console.log(err);
return err;
});
},
getUrl(item) {
var captcha = item.captcha ? item.captcha + "@" : "";
var id = item.id || this.info.id || "";
return "ezopen://" + captcha + "open.ys7.com/" + id + "/" + item.channel;
},
// 视频选择事件
selectVideo(index) {
var item = this.videoList[index];
this.playerVideo(item);
},
// 视频选择事件
playVideoName(key) {
var configInfo = getVideoInfo(key);
if (configInfo && configInfo.info) {
this.info = configInfo.info;
this.videoList = configInfo.list;
var item = this.videoList[0];
this.playerVideo(item);
} else {
this.videoContainer.innerHTML = "";
}
},
},
};
</script>
<style lang="scss">
.cv-inbox {
position: relative;
height: 200px;
// width: 100%;
width: 360px;
display: flex;
flex-direction: column;
.vi-select {
.cus-select {
margin: 5px;
input {
display: inline-block;
width: 150px;
border: 1px solid #d0d2ff;
background-color: #014468;
color: #d0d2ff;
font-size: 12px;
}
.el-input {
}
.el-input__inner {
height: 20px;
line-height: 20px;
}
.el-input__suffix-inner {
.el-select__caret {
line-height: 20px;
}
}
}
}
.dir-right {
text-align: right;
}
.cv-inbody {
flex: 1;
position: relative;
.EZUIKit-video {
background-color: #01050f;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
iframe {
height: 100%;
width: 100%;
}
}
}
}
</style>
src/components/config.js 0 → 100644
View file @ 70c7de43
/**
* Created by jiachenpan on 16/11/18.
* accessToken: at.5z2b8jrkbdg75q17dis2ohpj5zr8c8u7-7lju11oblv-0c3t7b4-xl5sdzcrs
* accessToken:
*/
const Config = {
'daping':{
info:{
id:'AX8345878',
appKey:'a3008abda1b94df7b3002f2034b7272d',
appSecret:'25e5853f306fd10049109d8bcb937aca',
},
list:[
{
name:'大门西 -入口',
channel:'1.hd.live',
remark:'无',
},
{
name:'大东西 -入口',
channel:'3.hd.live',
remark:'无',
},
],
},
};
export function getVideoInfo(key){
return Config[key];
}
\ No newline at end of file
src/views/bigscreen/index.vue
View file @ 70c7de43
......@@ -47,7 +47,7 @@
</div>
</div>
<div class="jiankongWrapper">
<iframe
<!-- <iframe
id="myIframe1"
src1="https://open.ys7.com/ezopen/h5/iframe?url=ezopen://open.ys7.com/AX8345878/1.hd.live&autoplay=1&accessToken=at.7ed45z4g5s71o4jv85f1n44n40q4a9q7-2obd3930ck-1q6vszw-a0lhutcm2"
width="300"
......@@ -62,7 +62,11 @@
height="200"
allowfullscreen
>
</iframe>
</iframe> -->
<EZUIKitJs ref="EZUIKit" selectSeat="right" autoPlayer="true"/>
<!-- <EZUIKitJs2 ref="EZUIKit2" selectSeat="right" autoPlayer="true"/> -->
</div>
<div class="b_0">
<!-- <iframe
......@@ -977,6 +981,10 @@ import { listMiddle } from "@/api/reSave/middle";
import vueSeamlessScroll from 'vue-seamless-scroll'
import EZUIKitJs from '@/components/EZUIKitJs'
import EZUIKitJs2 from '@/components/EZUIKitJs2'
export default {
// components: { cesium },
components: {
......@@ -986,7 +994,9 @@ export default {
bpdevicestutas,
bpwyxyz,
proddev,
vueSeamlessScroll
vueSeamlessScroll,
EZUIKitJs,
EZUIKitJs2
// enviLeft,
// videobig,
},
......@@ -6114,21 +6124,28 @@ body .el-dialog__body {
bottom: 0px;
left: 50%;
transform: translateX(-50%);
iframe{
float: left;
margin-left: 62px;
border: 1px solid #000;
// position: absolute;
// bottom: 30px;
// &:first-child{
// left: 50%;
// transform: translateX(-120%);
// }
// &:last-child{
// left: 50%;
display: flex;
justify-content: space-around;
// iframe{
// float: left;
// margin-left: 62px;
// border: 1px solid #000;
// // position: absolute;
// // bottom: 30px;
// // &:first-child{
// // left: 50%;
// // transform: translateX(-120%);
// // }
// // &:last-child{
// // left: 50%;
// // // transform: translateX(-120%);
// // }
// }
}
body{
background-image: url(~@/assets/images/dp_bg.jpg);
background-size: cover;
}
......
src/views/bigscreen/index240526.vue 0 → 100644
View file @ 70c7de43
This source diff could not be displayed because it is too large. You can view the blob instead.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment