demo.html 41 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title></title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <meta http-equiv="Pragma" content="no-cache" />
  7. <meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />
  8. <meta http-equiv="Expires" content="0" />
  9. <script>
  10. document.write(
  11. "<link type='text/css' href='../demo.css?version=" +
  12. new Date().getTime() +
  13. "' rel='stylesheet' />",
  14. );
  15. </script>
  16. </head>
  17. <body style="width: 2000px; height: 2000px">
  18. <div class="left">
  19. <div id="divPlugin" class="plugin"></div>
  20. <fieldset class="login">
  21. <legend>登录</legend>
  22. <table cellpadding="0" cellspacing="3" border="0">
  23. <tr>
  24. <td class="tt">IP地址</td>
  25. <td>
  26. <input id="loginip" type="text" class="txt" value="10.65.150.187" />
  27. </td>
  28. <!-- <td><input id="loginip" type="text" class="txt" value="10.41.203.83" /></td> -->
  29. <td class="tt">端口号</td>
  30. <td><input id="port" type="text" class="txt" value="80" /></td>
  31. </tr>
  32. <tr>
  33. <td class="tt">用户名</td>
  34. <td><input id="username" type="text" class="txt" value="admin" /></td>
  35. <td class="tt">密码</td>
  36. <td>
  37. <input id="password" type="password" class="txt" value="abcd1234" />
  38. </td>
  39. <!-- <td><input id="password" type="password" class="txt" value="abcd1234" /></td> -->
  40. </tr>
  41. <tr>
  42. <td class="tt">设备端口</td>
  43. <td colspan="2">
  44. <input id="deviceport" type="text" class="txt" />
  45. (可选参数)
  46. </td>
  47. <td>
  48. 窗口分割数&nbsp;
  49. <select class="sel2" onchange="changeWndNum(this.value);">
  50. <option value="1" selected>1x1</option>
  51. <option value="2">2x2</option>
  52. <option value="3">3x3</option>
  53. <option value="4">4x4</option>
  54. <option value="1*2">1x2</option>
  55. <option value="2*1">2x1</option>
  56. </select>
  57. </td>
  58. </tr>
  59. <tr>
  60. <td class="tt">RTSP端口</td>
  61. <td colspan="3">
  62. <input id="rtspport" type="text" class="txt" />
  63. (可选参数)
  64. </td>
  65. </tr>
  66. <tr>
  67. <td colspan="4">
  68. <input type="button" class="btn" value="登录" onclick="clickLogin();" />
  69. <input
  70. type="button"
  71. class="btn"
  72. value="退出"
  73. onclick="clickLogout();"
  74. />
  75. <input
  76. type="button"
  77. class="btn2"
  78. value="获取基本信息"
  79. onclick="clickGetDeviceInfo();"
  80. />
  81. </td>
  82. </tr>
  83. <tr>
  84. <td class="tt">已登录设备</td>
  85. <td>
  86. <select
  87. id="ip"
  88. class="sel"
  89. onchange="getChannelInfo();getDevicePort();"
  90. ></select>
  91. </td>
  92. <td class="tt">通道列表</td>
  93. <td>
  94. <select id="channels" class="sel"></select>
  95. </td>
  96. </tr>
  97. <tr>
  98. <td>
  99. <input
  100. type="button"
  101. class="btn2"
  102. value="开始预览"
  103. onclick="clickStartRealPlay();"
  104. />
  105. </td>
  106. <td>
  107. <input
  108. type="button"
  109. class="btn2"
  110. value="停止预览"
  111. onclick="clickStopRealPlay();"
  112. />
  113. </td>
  114. <td>
  115. <input
  116. type="button"
  117. class="btn2"
  118. value="设置文本叠加"
  119. onclick="setTextOverlay();"
  120. />
  121. </td>
  122. </tr>
  123. </table>
  124. </fieldset>
  125. <fieldset class="ipchannel">
  126. <legend>数字通道</legend>
  127. <table width="100%" cellpadding="0" cellspacing="3" border="0">
  128. <tr>
  129. <td>
  130. <input
  131. type="button"
  132. class="btn"
  133. value="获取数字通道列表"
  134. onclick="clickGetDigitalChannelInfo();"
  135. />
  136. </td>
  137. </tr>
  138. <tr>
  139. <td>
  140. <div class="digitaltdiv">
  141. <table
  142. id="digitalchannellist"
  143. class="digitalchannellist"
  144. cellpadding="0"
  145. cellspacing="0"
  146. border="0"
  147. ></table>
  148. </div>
  149. </td>
  150. </tr>
  151. </table>
  152. </fieldset>
  153. <fieldset class="localconfig">
  154. <legend>本地配置</legend>
  155. <table cellpadding="0" cellspacing="3" border="0">
  156. <tr>
  157. <td class="tt">播放性能</td>
  158. <td>
  159. <select id="netsPreach" name="netsPreach" class="sel">
  160. <option value="0">最短延时</option>
  161. <option value="1">实时性好</option>
  162. <option value="2">均衡</option>
  163. <option value="3">流畅性好</option>
  164. </select>
  165. </td>
  166. <td class="tt">图像尺寸</td>
  167. <td>
  168. <select id="wndSize" name="wndSize" class="sel">
  169. <option value="0">充满</option>
  170. <option value="1">4:3</option>
  171. <option value="2">16:9</option>
  172. </select>
  173. </td>
  174. </tr>
  175. <tr>
  176. <td class="tt">规则信息</td>
  177. <td>
  178. <select id="rulesInfo" name="rulesInfo" class="sel">
  179. <option value="1">启用</option>
  180. <option value="0">禁用</option>
  181. </select>
  182. </td>
  183. <td class="tt">抓图文件格式</td>
  184. <td>
  185. <select id="captureFileFormat" name="captureFileFormat" class="sel">
  186. <option value="0">JPEG</option>
  187. <option value="1">BMP</option>
  188. </select>
  189. </td>
  190. </tr>
  191. <tr>
  192. <td class="tt">录像文件打包大小</td>
  193. <td>
  194. <select id="packSize" name="packSize" class="sel">
  195. <option value="0">256M</option>
  196. <option value="1">512M</option>
  197. <option value="2">1G</option>
  198. </select>
  199. </td>
  200. <td class="tt">协议类型</td>
  201. <td>
  202. <select id="protocolType" name="protocolType" class="sel">
  203. <option value="0">TCP</option>
  204. <option value="2">UDP</option>
  205. </select>
  206. </td>
  207. </tr>
  208. <tr>
  209. <td class="tt">码流秘钥</td>
  210. <td colspan="3">
  211. <input id="secretKey" type="password" class="txt" />
  212. </td>
  213. </tr>
  214. <tr>
  215. <td class="tt">录像文件保存路径</td>
  216. <td colspan="3">
  217. <input id="recordPath" type="text" class="txt" />
  218. &nbsp;
  219. <input
  220. type="button"
  221. class="btn"
  222. value="浏览"
  223. onclick="clickOpenFileDlg('recordPath', 0);"
  224. />
  225. </td>
  226. </tr>
  227. <tr>
  228. <td class="tt">回放下载保存路径</td>
  229. <td colspan="3">
  230. <input id="downloadPath" type="text" class="txt" />
  231. &nbsp;
  232. <input
  233. type="button"
  234. class="btn"
  235. value="浏览"
  236. onclick="clickOpenFileDlg('downloadPath', 0);"
  237. />
  238. </td>
  239. </tr>
  240. <tr>
  241. <td class="tt">预览抓图保存路径</td>
  242. <td colspan="3">
  243. <input id="previewPicPath" type="text" class="txt" />
  244. &nbsp;
  245. <input
  246. type="button"
  247. class="btn"
  248. value="浏览"
  249. onclick="clickOpenFileDlg('previewPicPath', 0);"
  250. />
  251. </td>
  252. </tr>
  253. <tr>
  254. <td class="tt">回放抓图保存路径</td>
  255. <td colspan="3">
  256. <input id="playbackPicPath" type="text" class="txt" />
  257. &nbsp;
  258. <input
  259. type="button"
  260. class="btn"
  261. value="浏览"
  262. onclick="clickOpenFileDlg('playbackPicPath', 0);"
  263. />
  264. </td>
  265. </tr>
  266. <tr>
  267. <td class="tt">回放剪辑保存路径</td>
  268. <td colspan="3">
  269. <input id="playbackFilePath" type="text" class="txt" />
  270. &nbsp;
  271. <input
  272. type="button"
  273. class="btn"
  274. value="浏览"
  275. onclick="clickOpenFileDlg('playbackFilePath', 0);"
  276. />
  277. </td>
  278. </tr>
  279. <tr>
  280. <td colspan="4">
  281. <input
  282. type="button"
  283. class="btn"
  284. value="获取"
  285. onclick="clickGetLocalCfg();"
  286. />
  287. &nbsp;
  288. <input
  289. type="button"
  290. class="btn"
  291. value="设置"
  292. onclick="clickSetLocalCfg();"
  293. />
  294. &nbsp;&nbsp;修改参数后,需要刷新界面后生效。
  295. </td>
  296. </tr>
  297. </table>
  298. </fieldset>
  299. </div>
  300. <div class="left">
  301. <fieldset class="preview">
  302. <legend>预览</legend>
  303. <table cellpadding="0" cellspacing="3" border="0">
  304. <tr>
  305. <td class="tt">码流类型</td>
  306. <td>
  307. <select id="streamtype" class="sel">
  308. <option value="1">主码流</option>
  309. <option value="2">子码流</option>
  310. <option value="3">第三码流</option>
  311. <option value="4">转码码流</option>
  312. </select>
  313. </td>
  314. </tr>
  315. <tr>
  316. <td class="tt">音量</td>
  317. <td>
  318. <input type="text" id="volume" class="txt" value="50" maxlength="3" />
  319. &nbsp;
  320. <input
  321. type="button"
  322. class="btn"
  323. value="设置"
  324. onclick="clickSetVolume();"
  325. />
  326. (范围:0~100)
  327. </td>
  328. <td>
  329. <input
  330. type="button"
  331. class="btn"
  332. value="打开声音"
  333. onclick="clickOpenSound();"
  334. />
  335. <input
  336. type="button"
  337. class="btn"
  338. value="关闭声音"
  339. onclick="clickCloseSound();"
  340. />
  341. </td>
  342. </tr>
  343. <tr>
  344. <td class="tt">对讲通道</td>
  345. <td>
  346. <select id="audiochannels" class="sel"></select>
  347. <input
  348. type="button"
  349. class="btn"
  350. value="获取通道"
  351. onclick="clickGetAudioInfo();"
  352. />
  353. </td>
  354. <td>
  355. <input
  356. type="button"
  357. class="btn"
  358. value="开始对讲"
  359. onclick="clickStartVoiceTalk();"
  360. />
  361. <input
  362. type="button"
  363. class="btn"
  364. value="停止对讲"
  365. onclick="clickStopVoiceTalk();"
  366. />
  367. </td>
  368. </tr>
  369. <tr>
  370. <td colspan="3">
  371. <input
  372. type="button"
  373. class="btn"
  374. value="抓图"
  375. onclick="clickCapturePic('preview');"
  376. />
  377. <input
  378. type="button"
  379. class="btn"
  380. value="抓图上传"
  381. onclick="clickCapturePicData();"
  382. />
  383. <input
  384. type="button"
  385. class="btn"
  386. value="开始录像"
  387. onclick="clickStartRecord('realplay');"
  388. />
  389. <input
  390. type="button"
  391. class="btn"
  392. value="停止录像"
  393. onclick="clickStopRecord('realplay');"
  394. />
  395. </td>
  396. </tr>
  397. <tr>
  398. <td colspan="3">
  399. <input
  400. type="button"
  401. class="btn2"
  402. value="启用电子放大"
  403. onclick="clickEnableEZoom();"
  404. />
  405. <input
  406. type="button"
  407. class="btn2"
  408. value="禁用电子放大"
  409. onclick="clickDisableEZoom();"
  410. />
  411. <input
  412. type="button"
  413. class="btn2"
  414. value="启用3D放大"
  415. onclick="clickEnable3DZoom();"
  416. />
  417. <input
  418. type="button"
  419. class="btn2"
  420. value="禁用3D放大"
  421. onclick="clickDisable3DZoom();"
  422. />
  423. <input
  424. id="fullbtn"
  425. type="button"
  426. class="btn"
  427. value="全屏"
  428. onclick="clickFullScreen();"
  429. />
  430. </td>
  431. </tr>
  432. </table>
  433. </fieldset>
  434. <fieldset class="draw">
  435. <legend>绘图</legend>
  436. <table cellpadding="0" cellspacing="3" border="0">
  437. <tr>
  438. <td>
  439. <input
  440. type="button"
  441. class="btn"
  442. value="启用绘制"
  443. onclick="clickEnableDraw();"
  444. />
  445. <input
  446. type="button"
  447. class="btn"
  448. value="禁用绘制"
  449. onclick="clickDisableDraw();"
  450. />
  451. </td>
  452. </tr>
  453. <tr>
  454. <td>
  455. 图形ID:
  456. <input id="snapId" type="text" class="txt" />
  457. 名称:
  458. <input id="snapName" type="text" class="txt" />
  459. </td>
  460. </tr>
  461. <tr>
  462. <td>
  463. <input
  464. type="button"
  465. class="btn"
  466. value="添加图形"
  467. onclick="clickAddSnapPolygon()"
  468. />
  469. <input
  470. type="button"
  471. class="btn"
  472. value="删除图形"
  473. onclick="clickDelSnapPolygon()"
  474. />
  475. <input
  476. type="button"
  477. class="btn"
  478. value="获取图形"
  479. onclick="clickGetSnapPolygon()"
  480. />
  481. <input
  482. type="button"
  483. class="btn"
  484. value="设置图形"
  485. onclick="clickSetSnapPolygon()"
  486. />
  487. <input
  488. type="button"
  489. class="btn"
  490. value="清空图形"
  491. onclick="clickDelAllSnapPolygon()"
  492. />
  493. </td>
  494. </tr>
  495. </table>
  496. </fieldset>
  497. <fieldset class="ptz">
  498. <legend>云台控制</legend>
  499. <table cellpadding="0" cellspacing="3" border="0" class="left">
  500. <tr>
  501. <td>
  502. <input
  503. type="button"
  504. class="btn"
  505. value="左上"
  506. onmousedown="mouseDownPTZControl(5);"
  507. onmouseup="mouseUpPTZControl();"
  508. />
  509. <input
  510. type="button"
  511. class="btn"
  512. value="上"
  513. onmousedown="mouseDownPTZControl(1);"
  514. onmouseup="mouseUpPTZControl();"
  515. />
  516. <input
  517. type="button"
  518. class="btn"
  519. value="右上"
  520. onmousedown="mouseDownPTZControl(7);"
  521. onmouseup="mouseUpPTZControl();"
  522. />
  523. </td>
  524. </tr>
  525. <tr>
  526. <td>
  527. <input
  528. type="button"
  529. class="btn"
  530. value="左"
  531. onmousedown="mouseDownPTZControl(3);"
  532. onmouseup="mouseUpPTZControl();"
  533. />
  534. <input
  535. type="button"
  536. class="btn"
  537. value="自动"
  538. onclick="mouseDownPTZControl(9);"
  539. />
  540. <input
  541. type="button"
  542. class="btn"
  543. value="右"
  544. onmousedown="mouseDownPTZControl(4);"
  545. onmouseup="mouseUpPTZControl();"
  546. />
  547. </td>
  548. </tr>
  549. <tr>
  550. <td>
  551. <input
  552. type="button"
  553. class="btn"
  554. value="左下"
  555. onmousedown="mouseDownPTZControl(6);"
  556. onmouseup="mouseUpPTZControl();"
  557. />
  558. <input
  559. type="button"
  560. class="btn"
  561. value="下"
  562. onmousedown="mouseDownPTZControl(2);"
  563. onmouseup="mouseUpPTZControl();"
  564. />
  565. <input
  566. type="button"
  567. class="btn"
  568. value="右下"
  569. onmousedown="mouseDownPTZControl(8);"
  570. onmouseup="mouseUpPTZControl();"
  571. />
  572. </td>
  573. </tr>
  574. </table>
  575. <table cellpadding="0" cellspacing="3" border="0" class="left">
  576. <tr>
  577. <td class="tt">云台速度</td>
  578. <td>
  579. <select id="ptzspeed" class="sel">
  580. <option value="1">1</option>
  581. <option value="2">2</option>
  582. <option value="3">3</option>
  583. <option value="4" selected>4</option>
  584. <option value="5">5</option>
  585. <option value="6">6</option>
  586. <option value="7">7</option>
  587. </select>
  588. </td>
  589. </tr>
  590. <tr>
  591. <td class="tt">预置点号</td>
  592. <td><input id="preset" type="text" class="txt" value="1" /></td>
  593. </tr>
  594. <tr>
  595. <td colspan="2">
  596. <input
  597. type="button"
  598. class="btn"
  599. value="设置"
  600. onclick="clickSetPreset();"
  601. />
  602. <input
  603. type="button"
  604. class="btn"
  605. value="调用"
  606. onclick="clickGoPreset();"
  607. />
  608. </td>
  609. </tr>
  610. </table>
  611. <table cellpadding="0" cellspacing="3" border="0" class="left">
  612. <tr>
  613. <td class="tt">
  614. <input
  615. type="button"
  616. class="btn2"
  617. value="变倍+"
  618. onmousedown="PTZZoomIn()"
  619. onmouseup="PTZZoomStop()"
  620. />
  621. </td>
  622. <td>
  623. <input
  624. type="button"
  625. class="btn2"
  626. value="变倍-"
  627. onmousedown="PTZZoomout()"
  628. onmouseup="PTZZoomStop()"
  629. />
  630. </td>
  631. </tr>
  632. <tr>
  633. <td class="tt">
  634. <input
  635. type="button"
  636. class="btn2"
  637. value="变焦+"
  638. onmousedown="PTZFocusIn()"
  639. onmouseup="PTZFoucusStop()"
  640. />
  641. </td>
  642. <td>
  643. <input
  644. type="button"
  645. class="btn2"
  646. value="变焦-"
  647. onmousedown="PTZFoucusOut()"
  648. onmouseup="PTZFoucusStop()"
  649. />
  650. </td>
  651. </tr>
  652. <tr>
  653. <td class="tt">
  654. <input
  655. type="button"
  656. class="btn2"
  657. value="光圈+"
  658. onmousedown="PTZIrisIn()"
  659. onmouseup="PTZIrisStop()"
  660. />
  661. </td>
  662. <td>
  663. <input
  664. type="button"
  665. class="btn2"
  666. value="光圈-"
  667. onmousedown="PTZIrisOut()"
  668. onmouseup="PTZIrisStop()"
  669. />
  670. </td>
  671. </tr>
  672. </table>
  673. </fieldset>
  674. <fieldset class="playback">
  675. <legend>回放</legend>
  676. <table width="100%" cellpadding="0" cellspacing="3" border="0">
  677. <tr>
  678. <td class="tt">码流类型</td>
  679. <td>
  680. <select id="record_streamtype" class="sel">
  681. <option value="1">主码流</option>
  682. <option value="2">子码流</option>
  683. </select>
  684. </td>
  685. </tr>
  686. <tr>
  687. <td class="tt">开始时间</td>
  688. <td>
  689. <input
  690. id="starttime"
  691. type="text"
  692. class="txt"
  693. value="2013-12-10 00:00:00"
  694. />
  695. (时间格式:2013-11-11 12:34:56)
  696. </td>
  697. </tr>
  698. <tr>
  699. <td class="tt">结束时间</td>
  700. <td>
  701. <input
  702. id="endtime"
  703. type="text"
  704. class="txt"
  705. value="2013-12-11 23:59:59"
  706. />
  707. <input
  708. type="button"
  709. class="btn"
  710. value="搜索"
  711. onclick="clickRecordSearch(0);"
  712. />
  713. <input
  714. type="button"
  715. class="btn"
  716. value="停止下载"
  717. onclick="clickStopDownload();"
  718. />
  719. </td>
  720. </tr>
  721. <tr>
  722. <td class="tt">按时间下载开始时间</td>
  723. <td>
  724. <input
  725. id="downloadstarttime"
  726. type="text"
  727. class="txt"
  728. value="2013-12-10 00:00:00"
  729. />
  730. (时间格式:2013-11-11 12:34:56)
  731. </td>
  732. </tr>
  733. <tr>
  734. <td class="tt">按时间下载结束时间</td>
  735. <td>
  736. <input
  737. id="downloadendtime"
  738. type="text"
  739. class="txt"
  740. value="2013-12-11 23:59:59"
  741. />
  742. <input
  743. type="button"
  744. class="btn"
  745. value="下载"
  746. onclick="clickStartDownloadRecordByTime();"
  747. />
  748. (相机不支持)
  749. </td>
  750. </tr>
  751. <tr>
  752. <td colspan="2">
  753. <div id="searchdiv" class="searchdiv">
  754. <table
  755. id="searchlist"
  756. class="searchlist"
  757. cellpadding="0"
  758. cellspacing="0"
  759. border="0"
  760. ></table>
  761. </div>
  762. </td>
  763. </tr>
  764. <tr>
  765. <td colspan="2">
  766. <input
  767. type="button"
  768. class="btn2"
  769. value="开始回放"
  770. onclick="clickStartPlayback();"
  771. />
  772. <input
  773. type="button"
  774. class="btn2"
  775. value="停止回放"
  776. onclick="clickStopPlayback();"
  777. />
  778. <input
  779. id="btnReverse"
  780. type="button"
  781. class="btn"
  782. value="倒放"
  783. onclick="clickReversePlayback();"
  784. />
  785. <input type="button" class="btn" value="单帧" onclick="clickFrame();" />
  786. <input id="transstream" type="checkbox" class="vtop" />
  787. &nbsp;启用转码码流
  788. </td>
  789. </tr>
  790. <tr>
  791. <td colspan="2">
  792. <input type="button" class="btn" value="暂停" onclick="clickPause();" />
  793. <input
  794. type="button"
  795. class="btn"
  796. value="恢复"
  797. onclick="clickResume();"
  798. />
  799. <input
  800. type="button"
  801. class="btn"
  802. value="慢放"
  803. onclick="clickPlaySlow();"
  804. />
  805. <input
  806. type="button"
  807. class="btn"
  808. value="快放"
  809. onclick="clickPlayFast();"
  810. />
  811. </td>
  812. </tr>
  813. <tr>
  814. <td colspan="2">
  815. <input
  816. type="button"
  817. class="btn"
  818. value="抓图"
  819. onclick="clickCapturePic('playback');"
  820. />
  821. <input
  822. type="button"
  823. class="btn2"
  824. value="开始剪辑"
  825. onclick="clickStartRecord('playback');"
  826. />
  827. <input
  828. type="button"
  829. class="btn2"
  830. value="停止剪辑"
  831. onclick="clickStopRecord('playback');"
  832. />
  833. <input
  834. type="button"
  835. class="btn2"
  836. value="OSD时间"
  837. onclick="clickGetOSDTime();"
  838. />
  839. &nbsp;
  840. <input id="osdtime" type="text" class="txt" readonly />
  841. </td>
  842. </tr>
  843. </table>
  844. </fieldset>
  845. <fieldset class="maintain">
  846. <legend>系统维护</legend>
  847. <table width="100%" cellpadding="0" cellspacing="3" border="0">
  848. <tr>
  849. <td>
  850. <input id="edfpassword" type="password" />
  851. <input
  852. type="button"
  853. class="btn2"
  854. value="导出配置文件"
  855. onclick="clickExportDeviceConfig();"
  856. />
  857. </td>
  858. </tr>
  859. <tr>
  860. <td>
  861. <input
  862. type="button"
  863. id="checkVersion"
  864. class="btn2"
  865. value="检查插件版本"
  866. onclick="clickCheckPluginVersion();"
  867. />
  868. <input
  869. type="button"
  870. class="btn2"
  871. value="恢复默认参数"
  872. onclick="clickRestoreDefault();"
  873. />
  874. </td>
  875. </tr>
  876. <tr>
  877. <td>
  878. <input id="configFile" type="text" class="txt" />
  879. &nbsp;
  880. <input
  881. type="button"
  882. class="btn"
  883. value="浏览"
  884. onclick="clickOpenFileDlg('configFile', 1);"
  885. />
  886. &nbsp;
  887. <input
  888. type="button"
  889. class="btn2"
  890. value="导入配置文件"
  891. onclick="clickImportDeviceConfig();"
  892. />
  893. </td>
  894. </tr>
  895. <tr>
  896. <td>
  897. <input id="upgradeFile" type="text" class="txt" />
  898. &nbsp;
  899. <input
  900. type="button"
  901. class="btn"
  902. value="浏览"
  903. onclick="clickOpenFileDlg('upgradeFile', 1);"
  904. />
  905. &nbsp;
  906. <input
  907. type="button"
  908. class="btn2"
  909. value="升级"
  910. onclick="clickStartUpgrade();"
  911. />
  912. </td>
  913. </tr>
  914. </table>
  915. </fieldset>
  916. </div>
  917. <div class="left">
  918. <fieldset class="operate">
  919. <legend>操作信息</legend>
  920. <div id="opinfo" class="opinfo"></div>
  921. </fieldset>
  922. <fieldset class="callback">
  923. <legend>事件回调信息</legend>
  924. <div id="cbinfo" class="cbinfo"></div>
  925. </fieldset>
  926. </div>
  927. </body>
  928. <script src="../jquery-1.7.1.min.js"></script>
  929. <script id="videonode" src="../codebase/webVideoCtrl.js"></script>
  930. <script src="demo.js"></script>
  931. </html>