zhangjiakou
/
hb-cyjc-zhangjiakou
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
张家口产业监测
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
3 Commits
1 Branch
0 Tags
236 MiB
Tag: Branch: Tree: dc1c213d19
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'dc1c213d19'
${ noResults }
hb-cyjc-zhangjiakou/WebRoot/video/spjk.html

1072 lines
39 KiB
Raw Normal View History Unescape

初始化项目
2 years ago

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>视频播放 - </title>
<link type="text/css" rel="stylesheet" href="/tourResource/css/iconfont.css">
<link type="text/css" rel="stylesheet" href="/oss/mainframe/css/css3.css">
<!--<link type="text/css" rel="stylesheet" href="/oss/mainframe/css/common.css">-->
<link type="text/css" rel="stylesheet" href="/oss/mainframe/css/skin.css" id="skin_user">
<link type="text/css" rel="stylesheet" href="/oss/mainframe/css/header.css" id="public_user">
<script type="text/javascript" src="/oss/mainframe/js/jquery-1.9.0-min.js"></script>
<script type="text/javascript" src="/oss/mainframe/js/kendo.custom.min.js"></script>
<script type="text/javascript" src="/oss/mainframe/js/kendo.tabstrip.min.js"></script>
<script type="text/javascript" src="/oss/mainframe/js/kendo.messages.zh-CN.min.js"></script>
<script type="text/javascript" src="/oss/mainframe/js/kendo.culture.zh-CN.min.js"></script>
<script type="text/javascript" src="/oss/mainframe/js/ext.js"></script>
<script type="text/javascript" src="/oss/mainframe/js/common.js"></script>
<script type="text/javascript" src="/oss/mainframe/js/util.js"></script>
<script src="/js/platform.js"></script>
<script src="/js/h5splayer.js"></script>
<script src="/js/h5splayerhelper.js"></script>
<script>
if(window.location.protocol == 'https:'){
$("head").append('<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />');
}
</script>
<!--独立的 视频播放页面（树 + 播放）-->
<style scoped>
html, body {
padding: 0;
margin: 0;
height: 100%;
}
#_center {
box-sizing: border-box;
height: 100%;
width: 100%;
margin: 0 auto;
}
#_center .k-splitbar-horizontal {
width: 10px !important;
border-width: 0 0 0 1px !important;
}
#play_center {
box-sizing: border-box;
}
.inline > label {
cursor: pointer;
}
.ztree li span.button.rootIcon_ico_open, .ztree li span.button.rootIcon_ico_close {
margin-right: 2px;
background: url(../bigdata/resource/img/tree_home.png) no-repeat scroll 0 0 transparent;
vertical-align: top;
*vertical-align: middle
}
.ztree li span.button.districtIcon_ico_open, .ztree li span.button.districtIcon_ico_close {
margin-right: 2px;
background: url(/tourResource/images/video/district.png) no-repeat scroll 0 0 transparent;
vertical-align: top;
*vertical-align: middle
}
.ztree li span.button.scenicnoAIcon_ico_open, .ztree li span.button.scenicnoAIcon_ico_close {
margin-right: 2px;
background: url(../bigdata/resource/img/tree_wj.png) no-repeat scroll 0 0 transparent;
vertical-align: top;
*vertical-align: middle
}
.ztree li span.button.scenicAIcon_ico_open, .ztree li span.button.scenicAIcon_ico_close {
margin-right: 2px;
background: url(../bigdata/resource/img/tree_wj.png) no-repeat scroll 0 0 transparent;
vertical-align: top;
*vertical-align: middle
}
.ztree li span.button.scenicAAIcon_ico_open, .ztree li span.button.scenicAAIcon_ico_close {
margin-right: 2px;
background: url(../bigdata/resource/img/tree_wj.png) no-repeat scroll 0 0 transparent;
vertical-align: top;
*vertical-align: middle
}
.ztree li span.button.scenicAAAIcon_ico_open, .ztree li span.button.scenicAAAIcon_ico_close {
margin-right: 2px;
background: url(../bigdata/resource/img/tree_wj.png) no-repeat scroll 0 0 transparent;
vertical-align: top;
*vertical-align: middle
}
.ztree li span.button.scenicAAAAIcon_ico_open, .ztree li span.button.scenicAAAAIcon_ico_close {
margin-right: 2px;
background: url(../bigdata/resource/img/tree_wj.png) no-repeat scroll 0 0 transparent;
vertical-align: top;
*vertical-align: middle
}
.ztree li span.button.scenicAAAAAIcon_ico_open, .ztree li span.button.scenicAAAAAIcon_ico_close {
margin-right: 2px;
background: url(../bigdata/resource/img/tree_wj.png) no-repeat scroll 0 0 transparent;
vertical-align: top;
*vertical-align: middle
}
.ztree li span.button.hotelnoAIcon_ico_open, .ztree li span.button.hotelnoAIcon_ico_close {
margin-right: 2px;
background: url(../bigdata/resource/img/tree_wj2.png) no-repeat scroll 0 0 transparent;
vertical-align: top;
*vertical-align: middle
}
.ztree li span.button.hotelAIcon_ico_open, .ztree li span.button.hotelAIcon_ico_close {
margin-right: 2px;
background: url(../bigdata/resource/img/tree_wj2.png) no-repeat scroll 0 0 transparent;
vertical-align: top;
*vertical-align: middle
}
.ztree li span.button.hotelAAIcon_ico_open, .ztree li span.button.hotelAAIcon_ico_close {
margin-right: 2px;
background: url(../bigdata/resource/img/tree_wj2.png) no-repeat scroll 0 0 transparent;
vertical-align: top;
*vertical-align: middle
}
.ztree li span.button.hotelAAAIcon_ico_open, .ztree li span.button.hotelAAAIcon_ico_close {
margin-right: 2px;
background: url(../bigdata/resource/img/tree_wj2.png) no-repeat scroll 0 0 transparent;
vertical-align: top;
*vertical-align: middle
}
.ztree li span.button.hotelAAAAIcon_ico_open, .ztree li span.button.hotelAAAAIcon_ico_close {
margin-right: 2px;
background: url(../bigdata/resource/img/tree_wj2.png) no-repeat scroll 0 0 transparent;
vertical-align: top;
*vertical-align: middle
}
.ztree li span.button.hotelAAAAAIcon_ico_open, .ztree li span.button.hotelAAAAAIcon_ico_close {
margin-right: 2px;
background: url(../bigdata/resource/img/tree_wj2.png) no-repeat scroll 0 0 transparent;
vertical-align: top;
*vertical-align: middle
}
.ztree li span.button.issueIcon_ico_docu {
margin-right: 1px;
background: url(../bigdata/resource/img/tree_sp2.png) no-repeat scroll 0 0 transparent;
vertical-align: top;
*vertical-align: middle
}
.ztree li span.button.normalIcon_ico_docu {
margin-right: 1px;
background: url(../bigdata/resource/img/tree_sp.png) no-repeat scroll 0 0 transparent;
vertical-align: top;
*vertical-align: middle
}
.ztree li a {
color: #fff !important;
}
#play_tool {
list-style: none;
width: 100%;
height: 100%;
padding-top: 5px;
padding-left: 20px;
}
#play_tool li {
width: 46px;
height: 100%;
float: left;
margin-right: 10px;
cursor: pointer;
}
#play_tool li:first-child {
background: url("/tourResource/images/video/grid-1.png") no-repeat;
background-size: 35px 35px;
}
#play_tool li:nth-child(2) {
background: url("/tourResource/images/video/grid-4.png") no-repeat;
background-size: 35px 35px;
}
#play_tool li:nth-child(3) {
background: url("/tourResource/images/video/grid-6.png") no-repeat;
background-size: 35px 35px;
}
#play_tool li:nth-child(4) {
background: url("/tourResource/images/video/grid-16.png") no-repeat;
background-size: 35px 35px;
}
#play_tool li:first-child.active {
background: url("/tourResource/images/video/grid-1-active.png") no-repeat;
background-size: 35px 35px;
}
#play_tool li:nth-child(2).active {
background: url("/tourResource/images/video/grid-4-active.png") no-repeat;
background-size: 35px 35px;
}
#play_tool li:nth-child(3).active {
background: url("/tourResource/images/video/grid-6-active.png") no-repeat;
background-size: 35px 35px;
}
#play_tool li:nth-child(4).active {
background: url("/tourResource/images/video/grid-16-active.png") no-repeat;
background-size: 35px 35px;
}
#play_tool li:first-child:hover {
background: url("/tourResource/images/video/grid-1-active.png") no-repeat;
background-size: 35px 35px;
}
#play_tool li:nth-child(2):hover {
background: url("/tourResource/images/video/grid-4-active.png") no-repeat;
background-size: 35px 35px;
}
#play_tool li:nth-child(3):hover {
background: url("/tourResource/images/video/grid-6-active.png") no-repeat;
background-size: 35px 35px;
}
#play_tool li:nth-child(4):hover {
background: url("/tourResource/images/video/grid-16-active.png") no-repeat;
background-size: 35px 35px;
}
</style>
<link rel="stylesheet"
href="/oss/tourism-projects/static/css/zTreeStyle.css">
<link type="text/css" rel="stylesheet"
href="/oss/screen/skins/static/plugins/playUtil/css/smartMenu.css">
<link type="text/css" rel="stylesheet"
href="/oss/screen/skins/static/plugins/playUtil/css/playerUtil.css">
<script src="/oss/screen/skins/static/plugins/playUtil/ckplayer/jquery-smartMenu.js"></script>
<script src="/oss/screen/skins/static/plugins/playUtil/ckplayer/ckplayer.js"></script>
<!--<script src="/oss/screen/skins/static/plugins/playUtil/ckplayer/playUtil_v2.js"></script>-->
<script src="/tourResource/js/video/playUtil_v2.js"></script>
<script src="/oss/tourism-projects/static/js/jquery.ztree.core.js"></script>
<script src="/oss/tourism-projects/static/js/jquery.slimscroll.min.js"></script>
<style>
.video-win {
background: rgba(0, 0, 0, .4);
position: absolute;
bottom: 0;
width: 100%;
height: 30px;
line-height: 30px;
text-align: center;
color: #fff;
}
.video-win-record {
position: absolute;
margin-left: 10px;
}
.video-win-record-stop {
background: url(http://enjoy-skins.oss-cn-hangzhou.aliyuncs.com/screen/skins/static/plugins/playUtil/ckplayer/stop.png) no-repeat center center;
background-size: 20px 20px;
display: inline-block;
width: 20px;
height: 20px;
margin-left: 15px;
position: relative;
top: 5px;
}
.loading .gif {
height: 100%;
width: 100%;
text-align: center;
color: #15b2ff;
font-weight: bold;
font-size: 18px;
}
.loading {
position: absolute;
width: 300px;
height: 60px;
left:calc(50% - 150px);
top:120px;
background: rgba(0,0,0,.3);
z-index: 999;
padding-top:5px;
border-radius: 10px;
display: none;
}
.logo-text-img{
float: left;
}
.second-logo-name{
float: left;
font-size: 26px;
font-family: "楷体";
color: #4cf3ff;
line-height: 50px;
}
.toggleShow{
display: block;
}
.ts_ul li span{
background: #4f9aff;
}
.p_1>a{
color: #ffa800;
}
.p_1>a>span{
background: #ffa800 !important;
}
.title-city-select {
float: right;
position: relative;
width: 120px;
margin-right: 15px;
font-size: 14px;
}
.title-city-select .city-active-name:after {
position: absolute;
right: 10px;
top: 12px;
content: '';
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 8px solid #fff;
}
.title-city-select .city-active-name {
width: 120px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 3px;
margin-top: 20px;
cursor: pointer;
position: relative;
}
.title-city-select .city-option {
display: none;
position: absolute;
width: 260px;
border-radius: 3px;
left: -50%;
padding: 5px;
background: #2a558c;
}
.title-city-select .city-option li {
float: left;
padding: 3px 5px;
margin: 3px;
cursor: pointer;
border-radius: 3px;
width: 56px;
}
.title-city-select .city-option li.active {
background: rgba(255, 255, 255, 0.15);
}
.title-city-select .city-option li:hover {
background: rgba(255, 255, 255, 0.15);
}
.show-box {
display: block !important;
transition: all .3s;
}
.menu_nav{
position: absolute;
bottom:0;
}
.accordion_li{
height:30px;
}
.accordion{
position: relative;
}
.secondary-menu{
position: absolute;
left:196px;
top:0;
border: 1px solid #00B5FF;
width:175px;
height:100%;
font-size: 14px;
background: rgba(12,23,69,.5);
display: none;
}
.secondary-menu li{
line-height: 30px;
text-align: center;
}
.down-jt{
/*position: relative;*/
}
.down-jt:after{
content: '>';
float: right;
margin-top: -26px;
margin-right: 8px;
}
.hover{
background: url(/oss/mainframe/images/top/hover_bg.png)no-repeat;
background-size: 100% 100%;
}
.secondary-menu li a{display: block;}
.secondary-menu li:hover,.secondary-menu li.active{
/*background: rgba(39,89,147,.5);*/
background: url(/oss/mainframe/images/top/hover_bg.png)no-repeat;
background-size: 100% 100%;
}
</style>
</head>
<link rel="stylesheet" href="/oss/tourism-projects/static/css/container.css">
<body style="background: url(../bigdata/resource/img/bj.jpg) no-repeat;background-size:cover;">
<div class="div-container">
<div class="header">
<h3 class="header_bt">视频监控</h3>
<a class="nav" id="showLeft"><i class="nav_icon icon_caidan"></i>菜单</a>
<a href="http://211.90.37.63:33310/bigdata/index.jsp" class="nav_home"><i class="nav_icon icon_zhuye"></i>首页</a>
</div>
<div class="zuoce cbp-spmenu-left" id="cbp-spmenu-s1">
<a href="http://211.90.37.63:33310/bigdata/kll/index.jsp" class="on"><i class="nav_icon kljc_icon"></i>客流量监测</a>
<a href="http://211.90.37.63:33310/bigdata/basicresources/basicresources.jsp"><i class="nav_icon basic_icon"></i>旅游基础资源</a>
<a href="http://211.90.37.63:33310/bigdata/network/network_all.jsp"><i class="nav_icon eav_icon"></i>旅游网评分析</a>
<a href="http://211.90.37.63:33310/bigdata/complaint/complaint.jsp"><i class="nav_icon tous_icon"></i>旅游投诉分析</a>
<a href="http://211.90.38.239:8080/video/spjk.html"><i class="nav_icon video_icon"></i>视频监控管理</a>
</div>
<div style="overflow: hidden;padding-top: 10px;" class="change-bg">
<div id="_center" style="margin-right: 5%;height:calc(100vh - 125px); position:relative;">
<div style="height: 100%;width:18%; overflow-y: auto;margin-left: 20px; margin-top:10px;float: left; background:url(../bigdata/resource/img/gb_cz.png) left center no-repeat;" id="treelist_div">
<h2 class="splb_tree">视频列表</h2>
<ul id="ztree" class="ztree">
</ul>
<div class="dbgb"></div>
</div>
<div style="width: 80%;height:100%; padding: 10px;float: right;position: relative;" id="content-box">
<div class="video-icon">
<h2 class="splb_spgs">列表格式</h2>
<ul id="play_tool">
<li title="1*1" onClick="setRowCol(1,1);"></li>
<li title="2*2" class="active" onClick="setRowCol(2,2);"></li>
<li title="3*3" onClick="setRowCol(3,3);"></li>
<!--<li title="4*4" onClick="setRowCol(4,4);"></li>-->
</ul>
</div>
<!---关键部位-->
<div class="video_list"><div id="video-content"></div></div>
</div>
</div>
</div>
<script type="text/javascript">
var totalNum = 4;
$(function () {
initVideo();
asyncLoadData();
$("#play_tool li").click(function () {
var index = $(this).index();
$("#play_tool").find("li").removeClass("active");
$("#play_tool").find("li").eq(index).addClass("active");
});
});
function initVideo() {
if (I_CheckPluginVersion()) {//检查是否安装或者flash
var playerDirectory = "/tourResource/";
var directory = "/oss/screen/skins/static/plugins/playUtil/";
setDirectory(directory);
setPlayerDirectory(playerDirectory);
var options = {
topElementId: "video-content",
elementId: "video-content",
maxRow: 4,
maxColumn: 4,
szWidth: '100%',
szHeight: 'calc(100% - 50px)',
subBorder: '#fff',
panelAppendHTML: '<div class="video-win"><div class="video-win-record video-win-content"></div><div class="video-win-title video-win-content"></div></div>'
// videoScale: "4:3,16:9,满屏"
};
I_initPlugin(options);
I_stylePlayer({row: 2, column: 2});
totalNum = 4;
//自定义播放器右键
var rightMenuData = [
[{
text: "全屏播放",
iconUrl: '/oss/bigscreen/video/images/if-full-screen.png',
func: function () {
I_FullScreen();
}
}, {
text: "关闭播放",
iconUrl: '/oss/bigscreen/video/images/close-player.png',
func: function () {
I_Stop();
}
}, {
text: "全部关闭",
iconUrl: '/oss/bigscreen/video/images/all-close-player.png',
func: function () {
I_StopAll();
}
},
{
text: '多窗口全屏播放',
iconUrl: '/oss/bigscreen/video/images/mul-screen.png',
func: function () {
I_MultiFullScreen();
}
}, {
text: '重新连接',
iconUrl: '/oss/bigscreen/video/images/reconnection.png',
func: function () {
I_Reconnect();
}
},
{
text: '按比例播放',
iconUrl: '/oss/bigscreen/video/images/mul-screen.png',
data: [
[
{
text: '满屏',
func: function () {
I_setPlayerResize();
}
},
{
text: '4:3',
func: function () {
I_setPlayerResize(4, 3);
}
},
{
text: '16:9',
func: function () {
I_setPlayerResize(16, 9);
}
},
{
text: '自定义',
className: 'smart_disabled'//鼠标不可点击啊添加此属性
}
]
]
},
{
text: "清晰度",
iconUrl: '/oss/bigscreen/video/images/definition.png',
data: [
[
{
text: '标清',
func: function () {
I_setDefinition(0);
}
},
{
text: '高清',
func: function () {
I_setDefinition(1);
}
}
]
]
}
],
[
{
text: "取消"
}
]
];
//自定义播放器右键
var rightMenuWithRecordData = [
[
{
text: "全屏播放",
iconUrl: '/oss/bigscreen/video/images/if-full-screen.png',
func: function () {
I_FullScreen();
}
},
{
text: "关闭播放",
iconUrl: '/oss/bigscreen/video/images/close-player.png',
func: function () {
I_Stop();
}
},
{
text: "全部关闭",
iconUrl: '/oss/bigscreen/video/images/all-close-player.png',
func: function () {
I_StopAll();
}
},
{
text: '多窗口全屏播放',
iconUrl: '/oss/bigscreen/video/images/mul-screen.png',
func: function () {
I_MultiFullScreen();
}
},
{
text: '重新连接',
iconUrl: '/oss/bigscreen/video/images/reconnection.png',
func: function () {
I_Reconnect();
}
},
{
text: '按比例播放',
iconUrl: '/oss/bigscreen/video/images/mul-screen.png',
data: [
[
{
text: '满屏',
func: function () {
I_setPlayerResize();
}
},
{
text: '4:3',
func: function () {
I_setPlayerResize(4, 3);
}
},
{
text: '16:9',
func: function () {
I_setPlayerResize(16, 9);
}
},
{
text: '自定义',
className: 'smart_disabled'//鼠标不可点击啊添加此属性
}
]
]
},
{
text: "清晰度",
iconUrl: '/oss/bigscreen/video/images/definition.png',
data: [
[
{
text: '标清',
func: function () {
I_setDefinition(0);
}
},
{
text: '高清',
func: function () {
I_setDefinition(1);
}
}
]
]
},
{
text: "录制视频",
iconUrl: '/oss/bigscreen/video/images/record_video.png',
func: function () {
I_StartRecordVideo()
}
},
{
text: "视频截图",
iconUrl: '/oss/bigscreen/video/images/screenShot.png',
func: function () {
I_StartShotVideo()
}
}
],
[
{
text: "取消"
}
]
];
if ("0" && "0" == 1) {
I_initRightMenu(rightMenuWithRecordData);
}else {
I_initRightMenu(rightMenuData);
}
}
else document.write('<div id="flushNOWarn" style="color: rgb(0, 102, 204); text-align: center;">您没有安装flash插件，无法播放视频，<a href="http://www.macromedia.com/go/getflashplayer" target="_blank">请点击此处下载安装最新的flash插件</a></div>');
}
// function I_RecordVideo(url, recordMinutes, iWndIndex) {
// iWndIndex = iWndIndex || smart_currentRightMenuIndex;
// alert(iWndIndex);
// }
function getDetailPlayVideo() {
$.ajax({
type: "get",
url: "/tapi/video/getDetailPlayVideo",
success: function (data) {
var playNum = 0;
for (var index = 0; index < data.length; index++) {
var obj = data[index];
if (index < totalNum && obj.rtmpAddress) {
play(obj.rtmpAddress, index);
playNum++;
}
}
},
error: function () {
notify("获取默认播放的资源错误", "error", true);
}
});
}
</script>
<script>
/******Ztree Start ******/
function asyncLoadData() {
var setting = {
view: {
showTitle: true,
showIcon: true,
showLine: true,
nameIsHTML: true,
fontCss: {size: 50},
dblClickExpand: false
},
async: {
enable: true,
url: 'http://211.90.38.239:8080/video/tree.json',
type: "get",
autoParam: ["id"], //自动提交的参数
// dataFilter: filter
},
callback: {
onClick: zTreeOnClick,
onRightClick: zTreeOnRightClick,
// onDblClick: zTreeOnDblClick,
onAsyncSuccess: onAsyncSuccess
}
};
$.fn.zTree.init($("#ztree"), setting);
}
function getUrl(treeId, treeNode) {
if (!treeNode) {
return "/tapi/video/getZtreeAreaNodeV2?t=" + Math.random();
} else {
if (treeNode.type == "area_province") {
return "130000000000" != "120000000000" ? "/tapi/video/getZtreeAreaNodeV2?t=" + Math.random() : "/tapi/video/getZtreeScenicNodesV2?t=" + Math.random();
} else if (treeNode.type == "area_city") {
return "/tapi/video/getZtreeScenicNodesV2?t=" + Math.random();
} else if (treeNode.type == "scenic" || treeNode.type == "hotel") {
return "/tapi/video/getZtreeVideoNodes?t=" + Math.random();
}
}
}
function filter(treeId, parentNode, childNodes) {
if (!childNodes) return null;
if (parentNode && parentNode.type == "area_city") {
for (var i = 0; i < childNodes.length; i++) {
childNodes[i].name = "<span class='node_name'>" + childNodes[i].name + " [" + childNodes[i].videoCount + "个视频]</span>";
}
return childNodes;
} else if (parentNode && parentNode.type == "area_province") {
for (var i = 0; i < childNodes.length; i++) {
childNodes[i].name = "<span class='node_name'>" + childNodes[i].name + " [" + childNodes[i].scenicCount + "个景区," + childNodes[i].videoCount + "个视频]</span>";
}
return childNodes;
} else if (!parentNode) {
for (var i = 0; i < childNodes.length; i++) {
childNodes[i].name = "<span class='node_name'>" + childNodes[i].name + " [接入" + childNodes[i].scenicCount + "个景区," + childNodes[i].videoCount + "个视频]</span>";
}
return childNodes;
} else {
return childNodes;
}
}
/******Ztree End ******/
//默认9个窗口播放
var playMany = false;
function zTreeOnClick(event, treeId, treeNode) {
var hasChildren = treeNode.hasChildren;
//当选中的节点没有子节点时
if (!hasChildren) {
var rtmp = treeNode.rtmpAddressList;
if (rtmp && rtmp[0]) {
var videoName = treeNode.getParentNode().name_temp + " - " + treeNode.name_temp;
videoNodePlay(rtmp[0], videoName);
} else {
notify("该视频暂无法进行播放", "warning");
}
} else {
var treeObj = $.fn.zTree.getZTreeObj(treeId);
treeObj.expandNode(treeNode);
}
}
function zTreeOnDblClick(event, treeId, treeNode) {
}
/*播放多个视频(双击选择非底部子节点)*/
function playManyVideo(event, treeId, treeNode) {
var selectValue = treeNode.id;
var url = "/tapi/video/videoPlayList?sort=b.object_level,desc";
if (selectValue != null) url = url + "&id=" + treeNode.id + "&type=" + treeNode.type + "&size=" + totalNum + "&areaId=130000000000&t=" + Math.random();
$http.get(url, {}, function (data) {
if (data) {
var playList = "";
for (var index = 0; index < totalNum; index++) {
if (index >= data.content.length) {
break;
}
playList += getVideoPath(data.content[index], index);
}
if (playList) {
CCTVActiveX.playbylist(playList, false);
}
}
});
}
function zTreeOnRightClick(event, treeId, treeNode) {
// alert("right" + treeNode);
}
function onAsyncSuccess(event, treeId, treeNode, msg) {
if (!treeNode) {
var treeObj = $.fn.zTree.getZTreeObj(treeId);
var rootNode = treeObj.getNodes()[0];
treeObj.expandNode(rootNode, true, false, false);
}
}
function setRowCol(row, col) {
totalNum = row * col;
I_stylePlayer({row: row, column: col});
}
//视频播放
function play(rtmpAddress, iWndIndex) {
if (!iWndIndex) {
iWndIndex = getSelectIndex();
iWndIndex = iWndIndex == -1 ? 0 : iWndIndex;
}
I_StartRealPlay(rtmpAddress, {iWndIndex: iWndIndex});
}
//视频节点点击播放
function videoNodePlay(rtmpAddress, videoName, iWndIndex) {
if (!iWndIndex) {
iWndIndex = getSelectIndex();
iWndIndex = iWndIndex == -1 ? 0 : iWndIndex;
}
var parentId = getVideoPaneId(iWndIndex);
$("#" + parentId).find("div.video-win-title").html(videoName);
I_StartRealPlay(rtmpAddress, {iWndIndex: iWndIndex});
}
function smartPlayerStop(iWndIndex) {
var parentId = getVideoPaneId(iWndIndex);
// $("#" + parentId).find("div.video-win-title").html("");
$("#" + parentId).find(".video-win-content").html("");
}
function smartPlayerStopAll() {
// $(".video-win-title").html("");
$(". video-win-content").html("");
}
</script>
<!-- 新增修改2018-12-18 -->
<style>
.header{ background:url(../bigdata/resource/img/dbt_bj.png) center bottom no-repeat; height:90px;}
.header_bt{ font-size:32px; color:#1EE9FF; font-weight:bold; text-align:center; padding-top:30px;}
.nav{ display:block; color:#1EE9FF; background:url(../bigdata/resource/img/caidan_bj.png) no-repeat right; height:41px;line-height:40px; width:90px; font-size:16px; position:absolute; top:10px; left:0px; text-align:center;}
.nav:hover{ color:#1EE9FF;}
.nav_home{ display:block; color:#1EE9FF; background:url(../bigdata/resource/img/home_bj.png) no-repeat right; height:41px; line-height:40px; width:105px; font-size:16px; position:absolute; top:10px; left:105px; text-align:center;}
.nav_icon{ display:inline-block; width:18px; height:18px; background:url(../bigdata/resource/img/icon.png) no-repeat center top; margin-right:5px;}
.icon_caidan{ background-position:center 6px;}
.icon_zhuye{ background-position:center -58px;}
.zuoce{ position: fixed; top:58px; z-index:999; border:1px solid #00356A; background:rgba(0,0,0,0.9);}
.zuoce a{ display:block; width:160px; height:43px; line-height:43px; background:url(../bigdata/resource/img/nav_bjm.png) no-repeat; padding-left:19px; color:#B9BAC4; font-size:15px; margin:10px;}
.zuoce a:hover,
.zuoce .on{background:url(../bigdata/resource/img/nav_bj.png) no-repeat; color:#57FFFF;}
.cbp-spmenu-left {
left: -180px;
}
.cbp-spmenu-left.cbp-spmenu-open {
left: 0px;
}
.zuoce{
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.zuoce a .icon_zhuye{ background-position:center -187px;}
.zuoce .on .icon_zhuye,
.zuoce a:hover .icon_zhuye{ background-position:center -58px;}
.splb_tree{ background:url(../bigdata/resource/img/gb_bt.png) center top no-repeat; height:55px; line-height:52px; color:#fff; font-weight:bold; text-align:center; margin-bottom:10px; font-size:18px;}
.ztree{ padding-left:15px;}
.dbgb{ position:absolute; bottom:0px; left:0px; width:100%; height:10px; background:url(../bigdata/resource/img/gb.png) no-repeat 20px center; }
.video-icon{ width:56px; height:170px; position:absolute; top:8px; left:8px; background:url(../bigdata/resource/img/splbbj.png) no-repeat;}
.video_list{ margin-left:60px; height:100%; border:1px solid #003E82; background:rgba(1,0,49,0.5); padding:20px 20px;}
.splb_spgs{ width:2em; text-align:center; color:#fff; font-size:16px; padding-bottom:10px; padding-top:5px; border-bottom:1px solid #003E82; margin:12px; margin-bottom:0px;}
#play_tool{ padding:12px;}
#play_tool li {
width:33px;
height:22px;
border:1px solid #003E82;
cursor: pointer;
padding:2px;
margin-bottom:10px;
}
#play_tool li:first-child {
background: url("../bigdata/resource/img/grid-1.png") no-repeat;
background-size: 31px 20px;
}
#play_tool li:nth-child(2) {
background: url("../bigdata/resource/img/grid-4.png") no-repeat;
background-size: 31px 20px;
}
#play_tool li:nth-child(3) {
background: url("../bigdata/resource/img/grid-9.png") no-repeat;
background-size: 31px 20px;
}
#play_tool li:nth-child(4) {
background: url("/tourResource/images/video/grid-16.png") no-repeat;
background-size: 31px 20px;
}
#play_tool li:first-child.active {
background: url("../bigdata/resource/img/grid-1-active.png") no-repeat;
background-size: 31px 20px;
}
#play_tool li:nth-child(2).active {
background: url("../bigdata/resource/img/grid-4-active.png") no-repeat;
background-size: 31px 20px;
}
#play_tool li:nth-child(3).active {
background: url("../bigdata/resource/img/grid-9-active.png") no-repeat;
background-size: 31px 20px;
}
#play_tool li:nth-child(4).active {
background: url("/tourResource/images/video/grid-16-active.png") no-repeat;
background-size: 31px 20px;
}
#play_tool li:first-child:hover {
background: url("../bigdata/resource/img/grid-1-active.png") no-repeat;
background-size: 31px 20px;
}
#play_tool li:nth-child(2):hover {
background: url("../bigdata/resource/img/grid-4-active.png") no-repeat;
background-size: 31px 20px;
}
#play_tool li:nth-child(3):hover {
background: url("../bigdata/resource/img/grid-9-active.png") no-repeat;
background-size: 31px 20px;
}
#play_tool li:nth-child(4):hover {
background: url("/tourResource/images/video/grid-16-active.png") no-repeat;
background-size: 31px 20px;
}
</style>
<!--左侧滑动菜单-->
<script src="../bigdata/resource/js/classie.js"></script>
<script>
var menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
showLeft = document.getElementById( 'showLeft' ),
body = document.body;
showLeft.onclick = function() {
classie.toggle( this, 'active' );
classie.toggle( menuLeft, 'cbp-spmenu-open' );
disableOther( 'showLeft' );
};
function disableOther( button ) {
if( button !== 'showLeft' ) {
classie.toggle( showLeft, 'disabled' );
}
}
</script>
</div>
</body>
</html>