Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
J
jianchayuan
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
mahui
jianchayuan
Commits
74b868ce
Commit
74b868ce
authored
Dec 23, 2020
by
mahui
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
aa
parent
56ef310f
Pipeline
#302
canceled with stages
Changes
2
Pipelines
1
Show whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
287 additions
and
0 deletions
+287
-0
vcs.xml
.idea/vcs.xml
+6
-0
video_search.html
video_search.html
+281
-0
No files found.
.idea/vcs.xml
0 → 100644
View file @
74b868ce
<?xml version="1.0" encoding="UTF-8"?>
<project
version=
"4"
>
<component
name=
"VcsDirectoryMappings"
>
<mapping
directory=
"$PROJECT_DIR$"
vcs=
"Git"
/>
</component>
</project>
\ No newline at end of file
video_search.html
0 → 100644
View file @
74b868ce
<!doctype html>
<html>
<head>
<meta
charset=
"utf-8"
>
<meta
http-equiv=
"X-UA-Compatible"
content=
"IE=edge,Chrome=1"
/>
<title
class=
"site_name"
></title>
<meta
HTTP-EQUIV=
"pragma"
CONTENT=
"no-cache"
>
<meta
HTTP-EQUIV=
"Cache-Control"
CONTENT=
"no-store, must-revalidate"
>
<link
rel=
"stylesheet"
href=
"css/reset.css"
>
<link
rel=
"stylesheet"
href=
"css/style.css"
>
<style>
body
{
min-width
:
1500px
;
background-color
:
rgb
(
108
,
112
,
121
);
}
.site_name
{
width
:
100%
;
color
:
#ffffff
;
text-align
:
center
;
line-height
:
80px
;
margin
:
0
auto
;
font-size
:
24px
;
font-weight
:
bold
;
}
#divPlugin
{
width
:
1200px
;
margin
:
0
auto
;
}
#div_ifelse
ul
li
{
line-height
:
30px
;
text-align
:
left
;
text-indent
:
32px
;
padding
:
5px
10px
;
border
:
1px
solid
transparent
;
cursor
:
pointer
;
}
#div_ifelse
ul
li
:hover
,
#div_ifelse
ul
li
.click_color
{
border
:
1px
solid
rgb
(
255
,
204
,
0
);
}
.win_show
li
{
float
:
left
;
color
:
#ffffff
;
border-bottom
:
2px
solid
transparent
;
margin-right
:
5px
;
padding
:
5px
;
cursor
:
pointer
;
font-weight
:
700
;
}
.win_show
li
.public
:hover
,
.win_show
li
.color_click
{
color
:
red
;
border-bottom
:
2px
solid
red
;
}
</style>
<script
src=
"js/jquery-1.9.1.min.js"
></script>
<script
type=
"text/javascript"
src=
"js/flashplay/ckplayer/ckplayer.js?v=1"
charset=
"utf-8"
></script>
<script
src=
"js/webVideoCtrl.js?v=1"
></script>
<script
src=
"js/demo.js?v=6"
></script>
<!-- <script src="js/main.js"></script> -->
</head>
<body>
<h2
class=
"site_name"
></h2>
<!-- <select id="selL" class="sel2" onchange="changeWndNum()">
<option value="1">1x1</option>
<option value="2">2x2</option>
<option value="3" selected>3x3</option>
<option value="4">4x4</option>
</select> -->
<div
style=
"width:1450px;margin: 0 auto"
>
<ul
id=
'div_ifelse'
class=
"cd-accordion-menu animated"
style=
"display:inline-block;vertical-align:top;"
>
</ul>
<div
class=
"video"
style=
"display:inline-block;vertical-align:top;"
>
<!-- <div id="a1" style="text-align:center;"></div> -->
<input
id=
"loginip"
type=
"text"
class=
"txt"
style=
"display:none;"
/>
<input
id=
"port"
type=
"text"
class=
"txt"
style=
"display:none;"
/>
<input
id=
"username"
type=
"text"
class=
"txt"
style=
"display:none;"
/>
<input
id=
"password"
type=
"hidden"
class=
"txt"
style=
"display:none;"
/>
<div
id=
"divPlugin"
class=
"plugin"
></div>
<select
id=
"ip"
style=
"display:none;"
></select>
<div
style=
"margin-top:15px;display:none;"
>
<div
class=
"ptz"
style=
"display:block;width:220px;float:left;margin-left:40px;"
>
<div>
云台控制
</div>
<table
cellpadding=
"0"
cellspacing=
"3"
border=
"0"
class=
"left"
>
<tr>
<td>
<input
type=
"button"
class=
"btn"
value=
"左上"
onmousedown=
"mouseDownPTZControl(5);"
onmouseup=
"mouseUpPTZControl();"
/>
<input
type=
"button"
class=
"btn"
value=
"上"
onmousedown=
"mouseDownPTZControl(1);"
onmouseup=
"mouseUpPTZControl();"
/>
<input
type=
"button"
class=
"btn"
value=
"右上"
onmousedown=
"mouseDownPTZControl(7);"
onmouseup=
"mouseUpPTZControl();"
/>
</td>
</tr>
<tr>
<td>
<input
type=
"button"
class=
"btn"
value=
"左"
onmousedown=
"mouseDownPTZControl(3);"
onmouseup=
"mouseUpPTZControl();"
/>
<input
type=
"button"
class=
"btn"
value=
"自动"
onclick=
"mouseDownPTZControl(9);"
/>
<input
type=
"button"
class=
"btn"
value=
"右"
onmousedown=
"mouseDownPTZControl(4);"
onmouseup=
"mouseUpPTZControl();"
/>
</td>
</tr>
<tr>
<td>
<input
type=
"button"
class=
"btn"
value=
"左下"
onmousedown=
"mouseDownPTZControl(6);"
onmouseup=
"mouseUpPTZControl();"
/>
<input
type=
"button"
class=
"btn"
value=
"下"
onmousedown=
"mouseDownPTZControl(2);"
onmouseup=
"mouseUpPTZControl();"
/>
<input
type=
"button"
class=
"btn"
value=
"右下"
onmousedown=
"mouseDownPTZControl(8);"
onmouseup=
"mouseUpPTZControl();"
/>
</td>
</tr>
</table>
<table
cellpadding=
"0"
cellspacing=
"3"
border=
"0"
class=
"left"
>
<tr
style=
"margin-top:-2px;"
>
<td
class=
"tt"
><input
type=
"button"
class=
"btn"
value=
"变倍+"
onmousedown=
"PTZZoomIn()"
onmouseup=
"PTZZoomStop()"
></td>
<td><input
type=
"button"
class=
"btn"
value=
"变倍-"
onmousedown=
"PTZZoomout()"
onmouseup=
"PTZZoomStop()"
style=
"margin-left:1px;"
></td>
</tr>
<tr>
<td><input
type=
"button"
class=
"btn"
value=
"快退"
onmousedown=
""
onmouseup=
""
onclick=
"Goback();"
style=
"width:50px"
></td>
<td
class=
"tt"
><input
type=
"button"
style=
"width:50px;;margin-left:1px;"
class=
"btn"
value=
"快进"
onmousedown=
""
onmouseup=
""
onclick=
"Gofast();"
></td>
</tr>
</table>
</div>
</div>
<ul
class=
"win_show"
>
<li
value=
"0"
bool=
'false'
>
切换显示模式:
</li>
<li
class=
"public"
value=
"1"
onclick=
'changeWndNum(1)'
bool=
'false'
>
1x1
</li>
<li
class=
"public"
value=
"2"
onclick=
'changeWndNum(2)'
bool=
'false'
>
2x2
</li>
<li
class=
"public color_click"
value=
"3"
onclick=
'changeWndNum(3)'
bool=
'true'
>
3x3
</li>
<li
class=
"public"
value=
"4"
onclick=
'changeWndNum(4)'
bool=
'false'
>
4x4
</li>
</ul>
<div
class=
"playback"
style=
"display:block;width:600px;float:right;margin-left:10px;"
>
<span
style=
"display:inline-block;vertical-align:top;padding:5px;font-weight:700;"
>
回放:
</span>
<table
width=
"60%"
cellpadding=
"0"
cellspacing=
"3"
border=
"0"
style=
"display:inline-block"
>
<tr>
<select
id=
"streamtype"
class=
"sel"
style=
"display:none"
>
<option
value=
"1"
>
主码流
</option>
<option
value=
"2"
>
子码流
</option>
<option
value=
"3"
>
第三码流
</option>
<option
value=
"4"
>
转码码流
</option>
</select>
</tr>
<tr>
<td
class=
"tt"
>
开始时间
</td>
<td>
<input
id=
"starttime"
type=
"text"
class=
"txt"
value=
"2017-07-24 00:00:00"
/>
</td>
</tr>
<tr>
<td
class=
"tt"
>
结束时间
</td>
<td>
<input
id=
"endtime"
type=
"text"
class=
"txt"
value=
"2017-07-24 23:59:59"
/>
<!-- <input type="button" class="btn" value="搜索" onclick="clickRecordSearch(0);" /> -->
</td>
</tr>
<tr
style=
"display:none"
>
<td
colspan=
"2"
>
<div
class=
"searchdiv"
>
<table
id=
"searchlist"
class=
"searchlist"
cellpadding=
"0"
cellspacing=
"0"
border=
"0"
></table>
</div>
</td>
</tr>
<tr>
<td
colspan=
"2"
>
<input
type=
"button"
class=
"btn2"
value=
"开始回放"
onclick=
"startPlayback();"
/>
<!--<input type="button" class="btn2" value="暂停" onclick="clickPause();" />-->
<!--<input type="button" class="btn2" value="恢复" onclick="clickResume();" />-->
<input
type=
"button"
class=
"btn2"
value=
"实时画面"
onclick=
"clickStartRealPlay();"
/>
<input
type=
"button"
class=
"btn"
value=
"快退"
onmousedown=
""
onmouseup=
""
onclick=
"clickPlaySlow();"
style=
"width:50px"
>
<input
type=
"button"
style=
"width:50px;;margin-left:1px;"
class=
"btn"
value=
"快进"
onmousedown=
""
onmouseup=
""
onclick=
"clickPlayFast();"
>
</td>
</tr>
</table>
</div>
</div>
</div>
<!-- <div id="select_site"></div>
<p id="channels" class="sel" style="height:30px;"></p> -->
</body>
<script>
function
getUrlParam
(
name
)
{
var
reg
=
new
RegExp
(
"(^|&)"
+
name
+
"=([^&]*)(&|$)"
);
//构造一个含有目标参数的正则表达式对象
var
r
=
window
.
location
.
search
.
substr
(
1
).
match
(
reg
);
//匹配目标参数
if
(
r
!=
null
)
return
unescape
(
r
[
2
]);
return
null
;
//返回参数值
}
var
parmas
=
getUrlParam
(
'status'
);
var
data
=
{},
v
=
0
,
channels_id
=
0
;
var
camera_info
=
{
camera_url
:
[
'168.168.1.11,80,admin,72312qlf'
,
'168.168.1.80,80,admin,72312qlf'
,
'168.168.1.82,80,admin,72312qlf'
,
'168.168.1.22,80,admin,72312qlf'
],
site_name
:
[
'监控栏目1'
,
'监控栏目2'
,
'监控栏目3'
,
'监控栏目4'
]
}
$
(
'.site_name'
).
html
(
'远程监控'
);
data
=
{
camera_url
:
camera_info
.
camera_url
[
0
].
split
(
','
),
site_name
:
camera_info
.
site_name
[
0
]
}
$
(
document
).
ready
(
function
()
{
var
oSel
=
$
(
'#div_ifelse'
).
eq
(
0
);
var
txt1
=
"<p>Text.</p>"
;
// Create text with HTML
var
txt2
=
$
(
"<p></p>"
).
text
(
"Text."
);
// Create text with jQuery
var
txt3
=
document
.
createElement
(
"p"
);
for
(
var
i
=
0
;
i
<
camera_info
.
site_name
.
length
;
i
++
)
{
(
function
(
i
)
{
var
n
=
i
;
(
function
()
{
oSel
.
append
(
"<li class='has-children'><input onclick='change("
+
n
+
")' type='radio' name='group_n' id=group-"
+
n
+
" index="
+
n
+
">"
+
"<label for=group-"
+
n
+
">"
+
camera_info
.
site_name
[
n
]
+
"</label>"
+
"<ul></ul></li>"
);
})()
})(
i
);
}
get_video_info
();
});
//开始回放
function
startPlayback
(){
clickStartPlayback
();
}
//结束回放
function
stopPlayback
(){
clickStopPlayback
()
}
function
get_video_info
()
{
var
Camera_url
=
data
.
camera_url
;
$
(
"#loginip"
).
val
(
Camera_url
[
0
]);
$
(
"#port"
).
val
(
Camera_url
[
1
]);
$
(
"#username"
).
val
(
Camera_url
[
2
]);
$
(
"#password"
).
val
(
Camera_url
[
3
]);
video
();
}
//视频播放
function
video
()
{
clickStopRealPlay
();
clickLogin
();
setTimeout
(
function
()
{
clickStartRealPlay
();
},
1000
);
}
function
change
(
index
)
{
// alert(typeof index)
if
(
v
!=
index
)
{
v
=
index
;
}
else
{
if
(
$
(
"#div_ifelse .has-children"
).
eq
(
v
).
children
(
"input"
).
eq
(
0
).
attr
(
'checked'
))
{
$
(
"#div_ifelse .has-children"
).
eq
(
v
).
children
(
"input"
).
eq
(
0
).
removeAttr
(
'checked'
);
}
else
{
$
(
"#div_ifelse .has-children"
).
eq
(
index
).
children
(
"input"
).
eq
(
0
).
attr
(
'checked'
,
'true'
);
}
return
;
}
data
=
{
camera_url
:
camera_info
.
camera_url
[
index
].
split
(
','
),
site_name
:
camera_info
.
site_name
[
index
]
};
get_video_info
();
}
function
getChannelChange
(
i
)
{
if
(
channels_id
!=
i
)
{
$
(
"#div_ifelse ul"
).
eq
(
v
).
children
(
"li"
).
eq
(
channels_id
).
removeClass
(
'click_color'
);
$
(
"#div_ifelse ul"
).
eq
(
v
).
children
(
"li"
).
eq
(
i
).
addClass
(
'click_color'
);
channels_id
=
i
;
}
else
{
return
;
}
clickStopRealPlay
();
setTimeout
(
function
()
{
clickStartRealPlay
();
},
1000
);
}
</script>
</html>
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment