录像交互

封兴旺 / 2024-01-25 / 原文

接口分析

点击搜索u盘文件：

请求：

类型：POST
URL: http://192.168.1.96/querydata

参数

 page: 1
rows: 10
szCmd: {"QueryRecord":{"szStTime":"2024-01-25+00:00:00","szEdTime":"2024-01-25+23:59:59"}}

请求头

 Accept: application/json, text/javascript, */*; q=0.01
Accept-Encoding: gzip, deflate
Accept-Language: zh-CN
Cache-Control: no-cache
Connection: Keep-Alive
Content-Length: 148
Content-Type: application/x-www-form-urlencoded; charset=UTF-8
Cookie: language=cn; -goahead-session-=::webs.session::1932ccd6dbf02b3f268c9f1a970b6cd2
Host: 192.168.1.96
Referer: http://192.168.1.96/pages/playback.asp
User-Agent: Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; rv:11.0) like Gecko
X-Requested-With: XMLHttpRequest

响应：

参数

{
    "nRetVal": 0,
    "total": 150,
    "rows": [
        {
            "szStTime": "2024-01-25 08:59:13",
            "dwFileSize": 61468,
            "szFileName": "2024-01-25-085913.ts",
            "szDir": "/disk/usb",
            "szEdTime": "2024-01-25 09:00:16"
        },
        {
            "szStTime": "2024-01-25 09:00:16",
            "dwFileSize": 61466,
            "szFileName": "2024-01-25-090016.ts",
            "szDir": "/disk/usb",
            "szEdTime": "2024-01-25 09:01:19"
        },
        {
            "szStTime": "2024-01-25 09:01:19",
            "dwFileSize": 61468,
            "szFileName": "2024-01-25-090119.ts",
            "szDir": "/disk/usb",
            "szEdTime": "2024-01-25 09:02:22"
        },
        {
            "szStTime": "2024-01-25 09:02:22",
            "dwFileSize": 61469,
            "szFileName": "2024-01-25-090222.ts",
            "szDir": "/disk/usb",
            "szEdTime": "2024-01-25 09:03:25"
        },
        {
            "szStTime": "2024-01-25 09:03:25",
            "dwFileSize": 61469,
            "szFileName": "2024-01-25-090325.ts",
            "szDir": "/disk/usb",
            "szEdTime": "2024-01-25 09:04:28"
        },
        {
            "szStTime": "2024-01-25 09:04:28",
            "dwFileSize": 61465,
            "szFileName": "2024-01-25-090428.ts",
            "szDir": "/disk/usb",
            "szEdTime": "2024-01-25 09:05:31"
        },
        {
            "szStTime": "2024-01-25 09:05:31",
            "dwFileSize": 61468,
            "szFileName": "2024-01-25-090531.ts",
            "szDir": "/disk/usb",
            "szEdTime": "2024-01-25 09:06:34"
        },
        {
            "szStTime": "2024-01-25 09:06:34",
            "dwFileSize": 64013,
            "szFileName": "2024-01-25-090634.ts",
            "szDir": "/disk/usb",
            "szEdTime": "2024-01-25 09:07:38"
        },
        ......
    ]
}

响应头

 
   Connection: keep-alive
   Content-Type: text/plain
   Date: Thu, 25 Jan 2024 18:41:57 GMT
   Transfer-Encoding: chunked
   X-Frame-Options: SAMEORIGIN

分析：
1. 请求的时候段不管有多少记录全部一次返回，这样是存在问题的。如果数据量多的时候将：
  1. 导致页面响应速度变慢，尤其是当网络带宽有限或者用户设备性能较弱的时候
  2. 导致浏览器内存占用过高。如果数据量很大，一次性加载所有数据会占用大量的浏览器内存，可能导致页面卡顿、浏览器崩溃...
  3. 延长看到内容的等待时间、页面滚动不流畅
  4. 对于不需要立即展示的数据，提前加载是一种不必要的资源消耗，包括服务器带宽和客户端存储空间。一般都是采用分页加载、懒加载或者按需加载的方式

点击搜索本地文件：
1. 请求：
2. 响应：
3. 分析：

规律总结

录像规律：
1. 本地：
  1. 录像：在D:\Av\Video\ts\ 文件夹里如果没有如 2024-01-25 文件夹就会新建一个，在该文件夹里保存为168.1.96_20240125104709.mp4文件（前面必须要包含正确的ip 地址，这样搜索的时候才会搜索到如 20240125104709.mp4 文件）
  2. 搜索：在D:\Av\Video\ts\ 文件夹里搜索所有为 2024-01-25 创建的文件夹里面所有的 .mp4 和 .ts
  3. 注意：每个用户保存的录像目录如 D:\Av\Video\ts\ (默认为 C:/xxx) & 打包时间 & 打包类型都不一样，所以应该把这些信息保存在浏览器
2. usb: