Skip to content

J
jianchayuan
Commit 74b868ce authored by mahui's avatar mahui
Browse files
Options

aa

parent 56ef310f
Pipeline #302 canceled with stages
      Hide whitespace changes
      Inline Side-by-side
      Showing with 287 additions and 0 deletions
      .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>
      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