web
/
flvdemo


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271
							<!DOCTYPE html>
<html>
  <head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
    <title>flv.js demo</title>
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script src="jquery.base64.js"></script>
    <script type="text/javascript">
      $(document).ready(function () {
        let token =
          "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJjb21wYW55SWQiOiI1MDc0NDY2NjU1NjUyNDU0NDAiLCJsb2dpbk5hbWUiOiJhZG1pbiIsImN1cnJlbnRUaW1lTWlsbGlzIjoiMTY4MTU2OTMzNTI3MiIsImV4cCI6MTY4MTU3NjUzNSwidXNlcklkIjoiNTEzNjA0MzE2MTQ1NzE3MjQ4In0.xSg5C0tqCQfDbKnHHLKMGPgWa9k3dnfb5QmpJSOG-tg";

        function login() {
          var domain = $("#domain").val();
          var loginName = $("#loginName").val();
          var pass = $("#pass").val();
          //  var password = $.base64.encode(pass);
          var password = pass;
          $.post(
            domain + "/system/login",
            { loginName: loginName, password: password, type: 1 },
            function (data, status) {
              if (status == "success") {
                if (data.errorCode == 0) {
                  token = data.data;
                } else {
                  alert(data.desc);
                }
              }
            }
          );
        }

        function close() {
          var domain = $("#domain").val();
          var deviceId = $("#deviceId").val();
          var channel = $("#channel").val();

          var curDeviceId = $("#curDeviceId").html();
          var curChannel = $("#curChannel").html();

          $.ajax(domain + "/core/Jtt808Order/videoHisControl", {
            type: "post",
            dataType: "json",
            contentType: "application/json",
            data: JSON.stringify({
              channel: curChannel == "" ? channel : curChannel,
              playback: 2,
              deviceId: curDeviceId == "" ? deviceId : curDeviceId,
            }),
            headers: { Authorization: token },
            success: function (data, status) {
              if (status == "success") {
                if (data.errorCode == 0) {
                  alert("关闭成功");
                  $("#curDeviceId").html("");
                  $("#curChannel").html("");
                  document.getElementById("playurl").value = "";

                  mainFrame = document.getElementById("mainFrame");
                  mainFrame.src = "iframeflv.html";
                  mainFrame.location.reload();
                } else {
                  alert(data.desc);
                }
              }
            },
          });
        }

        function order() {
          var domain = $("#domain").val();
          var deviceId = $("#deviceId").val();
          var channel = $("#channel").val();
          var start = $("#start").val();
          var end = $("#end").val();

          $.ajax(domain + "/core/Jtt808Order/videoHis", {
            type: "post",
            dataType: "json",
            contentType: "application/json",
            data: JSON.stringify({
              channel: channel,
              dataRate: 0,
              dataType: 0,
              deviceId: deviceId,
              startTime: start,
              endTime: end,
              fastTimes: 0,
              playback: 0,
              storageType: 0,
            }),
            headers: { Authorization: token },
            success: function (data, status) {
              if (status == "success") {
                if (data.errorCode == 0) {
                  document.getElementById("playurl").value =
                    domain +
                    "/video/history/" +
                    deviceId +
                    "-" +
                    channel +
                    "/time1681547649168";

                  $("#curDeviceId").html(deviceId);
                  $("#curChannel").html(channel);
                } else {
                  alert(data.desc);
                }
              }
            },
          });
        }

        function play() {
          var playurl = document.getElementById("playurl").value;
          mainFrame = document.getElementById("mainFrame");
          mainFrame.src = "iframeflv.html?playurl=" + playurl;
          mainFrame.location.reload();
        }

        function all() {
          var domain = $("#domain").val();
          var deviceId = $("#deviceId").val();
          var channel = $("#channel").val();
          var start = $("#start").val();
          var end = $("#end").val();
          var curDeviceId = $("#curDeviceId").html();
          var curChannel = $("#curChannel").html();

          $.ajax(domain + "/core/Jtt808Order/videoHisControl", {
            type: "post",
            dataType: "json",
            contentType: "application/json",
            data: JSON.stringify({
              channel: curChannel == "" ? channel : curChannel,
              playback: 2,
              deviceId: curDeviceId == "" ? deviceId : curDeviceId,
            }),
            headers: { Authorization: token },
            success: function (data, status) {
              if (status == "success") {
                if (data.errorCode == 0) {
                  $.ajax(domain + "/core/Jtt808Order/videoHis", {
                    type: "post",
                    dataType: "json",
                    contentType: "application/json",
                    data: JSON.stringify({
                      channel: channel,
                      dataRate: 1,
                      dataType: 0,
                      deviceId: deviceId,
                      startTime: start,
                      endTime: end,
                      fastTimes: 0,
                      playback: 0,
                      storageType: 0,
                    }),
                    headers: { Authorization: token },
                    success: function (data, status) {
                      if (status == "success") {
                        if (data.errorCode == 0) {
                          document.getElementById("playurl").value =
                            domain +
                            "/video/history/" +
                            deviceId +
                            "-" +
                            channel +
                            "/time1681547649168";

                          $("#curDeviceId").html(deviceId);
                          $("#curChannel").html(channel);
                          play();
                        } else {
                          alert(data.desc);
                        }
                      }
                    },
                  });
                } else {
                  alert(data.desc);
                }
              }
            },
          });
        }

        $("#login").click(function () {
          login();
        });

        $("#close").click(function () {
          close();
        });

        $("#order").click(function () {
          order();
        });

        $("#play").click(function () {
          play();
        });

        $("#all").click(function () {
          all();
        });
      });
    </script>
    <link type="text/css" rel="stylesheet" href="demo.css" />
  </head>

  <body>
    <div class="allcontrols">
      <div class="controls">
        域名：<input
          id="domain"
          type="text"
          value="https://gdabczjk.grgbanking.com/"
        />
        账号: <input type="text" name="" id="loginName" value="admin" /> 账号:
        <input
          type="password"
          name=""
          id="pass"
          value="FbhQnrFLJYnTIm/t493tsX8xMH9+Bn0k07m8Fqz/QD1ZDVRSG6aTyfcGDUtCsjB1qO5iWik1qAupd3FAA/PkY3jQ5i/w2rhNyD/Yszuq+iq3yQ/u17zGGWy42COoAWrlYfHBm+3VE5ATOCoREl4tjPOb5j5+FBoyrjJPCPRJ/wE="
        />
        <button id="login">登录获取token</button>
      </div>
      <div class="controls">
        设备Id：<input id="deviceId" type="text" value="13812345012" />
        通道号：<input id="channel" type="text" value="1" /> 开始时间：
        <input id="start" type="text" value="2023-07-22 08:13:41" />
        结束时间：<input id="end" type="text" value="2023-07-22 23:00:00" />
      </div>

      <div class="controls">
        <input
          style="width: 900px"
          type="text"
          id="playurl"
          autofocus="autofocus"
        />
      </div>

      <div class="controls">
        <button id="close">关闭回放</button>
        <button id="order">下发播放指令</button>
        <button id="play">播放</button>

        <button id="all">综合关闭-下发播放指令-播放</button>
      </div>

      <div class="controls">
        当前播放的信息： 设备Id：<span id="curDeviceId"></span> 通道号:
        <span id="curChannel"></span>
      </div>

      <iframe
        id="mainFrame"
        src="iframeflv.html"
        width="960px"
        height="500px"
        scrolling="no"
      >
      </iframe>
    </div>
  </body>
  <script>
    function flv_start() {}
  </script>
</html>