zhui-plus 1.0.0 → 1.0.10

package/packages/components/videoPlayer/src/api.js

@@ -0,0 +1,354 @@
+// 注意： 本文接口均为 ICC 接口， 接口需要三方后端转发使用，每个方法对请求进行改写，固定格式请看注释
+
+
+// 跟平台相关的业务JS
+const API = {
+    /**
+     * 请求实时视频流地址
+     * @returns Promise<>
+     * @desc 只需改写 API.ajaxRequest 内容
+     *
+     * 固定格式如下
+     * return new Promise ((resolve, reject) => {
+     *      ...
+     *      resolve({     resolve 返回格式示例如下
+     *          url: "",
+     *          token: 1,
+     *          ...
+     *      })
+     * })
+    */
+    getRealmonitor(realmonitorParam) {
+        console.log(realmonitorParam)
+        let myData = {
+            // url:realmonitorParam.url,
+            // token: realmonitorParam.url.split('?')[1].split('=')[1]
+            url: "rtsp://112.46.235.84:11203/dss/monitor/param/cameraid=1000008%247%26substream=1",
+            token: "535"
+        }
+        console.log('getRealmonitor=====',myData)
+        // return realmonitorParam.param
+        return new Promise((resolve,reject) => {
+            resolve(myData)
+            // API.ajaxRequest({
+            //     url: '/api/back/monitor/jkRegionList',
+            //     data: realmonitorParam,
+            //     type:'get',
+            // }).then(res => {
+            //     console.log('res.data',res.data)
+            //     resolve(res.data)
+            // }).catch(res => {
+            //     reject(res)
+            // })
+        })
+    },
+    /**
+     * 获取对讲的rtsp
+     * @returns Promise<>
+     * @desc 只需改写 API.ajaxRequest 内容
+     *
+     * 固定格式如下
+     * return new Promise ((resolve, reject) => {
+     *      ...
+     *      resolve({     resolve 返回格式示例如下
+     *          url: "",
+     *          token: 1,
+     *          ...
+     *      })
+     * })
+    */
+    getTalkRtsp(talkPram) {
+        return new Promise((resolve,reject) => {
+            API.ajaxRequest({
+                url: '/evo-apigw/admin/API/MTS/Audio/StartTalk',
+                data: talkPram,
+            }).then(res => {
+                resolve(res.data)
+            }).catch(res => {
+                reject(res)
+            })
+        })
+    },
+    /**
+     * 根据时间查询设备上的录像
+     * @param recordByTimeParam.recordType 录像类型：1=一般录像，2=报警录像
+     * @param recordByTimeParam.recordSource 录像来源：1=全部，2=设备，3=中心
+     * @param recordByTimeParam.streamType 码流类型：1=主码流, 2=辅码流 使用辅码流 码率低更加流畅
+     * @param recordByTimeParam.channelId 通道code
+     * @param recordByTimeParam.startTime 开始时间
+     * @param recordByTimeParam.endTime 结束时间
+
+    * @returns Promise<>
+     * @desc 只需改写 API.ajaxRequest 内容
+     *
+     * 固定格式如下
+     * return new Promise ((resolve, reject) => {
+     *      ...
+     *      resolve({     resolve 返回格式示例如下
+     *          url: "",
+     *          token: 1,
+     *          ...
+     *      })
+     * })
+    */
+    getRecordRtspByTime(recordByTimeParam) {
+        return new Promise((resolve,reject) => {
+            API.ajaxRequest({
+                url: '/api/back/monitor/jkReplayByTime',
+                data: recordByTimeParam,
+                type:'get',
+            }).then(res => {
+                resolve(res.data)
+            }).catch(res => {
+                reject(res)
+            })
+        })
+    },
+
+    /**
+     * 根据文件形式回放录像
+     * @param recordByFileParam.recordType 录像类型：1=一般录像，2=报警录像
+     * @param recordByFileParam.streamType 码流类型：1=主码流, 2=辅码流 使用辅码流 码率低更加流畅
+     * @param recordByFileParam.recordSource 录像来源：1=全部，2=设备，3=中心
+     * @param recordByFileParam.channelId 通道code
+     * @param recordByFileParam.startTime 开始时间 timestamp到秒
+     * @param recordByFileParam.endTime 结束时间 timestamp到秒
+
+    * @returns Promise<>
+     * @desc 只需改写 API.ajaxRequest 内容
+     *
+     * 固定格式如下
+     * return new Promise ((resolve, reject) => {
+     *      ...
+     *      resolve({     resolve 返回格式示例如下
+     *          url: "",
+     *          token: 1,
+     *          ...
+     *      })
+     * })
+    */
+    getRecordRtspByFile(recordByFileParam) {
+        return new Promise((resolve, reject) => {
+            API.ajaxRequest({
+                url: '/api/back/monitor/jkRecordList',
+                data: recordByFileParam,
+                type:'get',
+            }).then(res => {
+                resolve(res.data)
+            }).catch(res => {
+                reject(res)
+            })
+        })
+    },
+    /**
+     *  查询中心录像上的录像文件信息
+     * @param recordsParam.recordType 录像类型：1=一般录像，2=报警录像
+     * @param recordsParam.streamType 码流类型：1=主码流, 2=辅码流 使用辅码流 码率低更加流畅
+     * @param recordsParam.recordSource 录像来源：1=全部，2=设备，3=中心
+     * @param recordsParam.channelId 通道code
+     * @param recordsParam.startTime 开始时间 timestamp到秒
+     * @param recordsParam.endTime 结束时间 timestamp到秒
+     *
+     * @returns Promise<>
+     * @desc 只需改写 API.ajaxRequest 内容
+     *
+     * 固定格式如下
+     * return new Promise ((resolve, reject) => {
+     *      ...
+     *      resolve({     resolve 返回格式示例如下
+     *          url: "",
+     *          token: 1,
+     *          ...
+     *      })
+     * })
+     */
+    getRecords(recordsParam) {
+        return new Promise((resolve,reject) => {
+            API.ajaxRequest({
+                url: '/api/back/monitor/jkRecordList',
+                data: recordsParam,
+                type:'get'
+            }).then(res => {
+                resolve(res.data)
+            }).catch(res => {
+                reject(res)
+            })
+        })
+    },
+    /**
+     * 云台方向控制
+     * @param directionParam
+     * @returns {Promise<unknown>}
+     */
+    setPtzDirection(directionParam) {
+        return new Promise((resolve,reject) => {
+            API.ajaxRequest({
+                url: '/evo-apigw/admin/API/DMS/Ptz/OperateDirect',
+                data: directionParam,
+            }).then(res => {
+                resolve(res.data)
+            }).catch(res => {
+                reject(res)
+            })
+        })
+    },
+    /**
+     * 云台镜头控制
+     * @param cameraParam
+     * @returns {Promise<unknown>}
+     *
+     * @returns Promise<>
+     * @desc 只需改写 API.ajaxRequest 内容
+     *
+     * 固定格式如下
+     * return new Promise ((resolve, reject) => {
+     *      ...
+     *      resolve({     resolve 返回格式示例如下
+     *          url: "",
+     *          token: 1,
+     *          ...
+     *      })
+     * })
+     */
+    setPtzCamera(cameraParam) {
+        return new Promise((resolve,reject) => {
+            API.ajaxRequest({
+                url: '/evo-apigw/admin/API/DMS/Ptz/OperateCamera',
+                data: cameraParam,
+            }).then(res => {
+                resolve(res.data)
+            }).catch(res => {
+                reject(res)
+            })
+        })
+    },
+    /**
+     * 云台三维定位接口
+     * @param positionParam
+
+     * @returns Promise<>
+     * @desc 只需改写 API.ajaxRequest 内容
+     *
+     * 固定格式如下
+     * return new Promise ((resolve, reject) => {
+     *      ...
+     *      resolve({     resolve 返回格式示例如下
+     *          url: "",
+     *          token: 1,
+     *          ...
+     *      })
+     * })
+    */
+    controlSitPosition(positionParam) {
+        return new Promise((resolve,reject) => {
+            API.ajaxRequest({
+                url: '/evo-apigw/admin/API/DMS/Ptz/SitPosition',
+                data: positionParam,
+            }).then(res => {
+                resolve(res.data)
+            }).catch(res => {
+                reject(res)
+            })
+        })
+    },
+    /**
+     * 请求
+     * @param {*} opt
+     * @param {*} opt.url 接口地址
+     * @param {*} opt.data 参数
+
+     * 集成后，该方法请删除
+     */
+    ajaxRequest(opt) {
+        var accessToken = localStorage.getItem('token')
+        // var userId = accessToken.split(':')[0]
+        opt.headers = opt.headers ? opt.headers : {}
+        return new Promise((resolve, reject) => {
+            $.ajax({
+                url: opt.url,
+                type: opt.type ? opt.type : 'post',
+                dataType: opt.dataType ? opt.dataType : 'json',
+                data: JSON.stringify(opt.data),
+                headers: Object.assign({
+                    Authorization: "Bearer " + accessToken,
+                    'User-Id': 1,
+                    'Content-Type': 'application/json',
+                    proxyip: localStorage['proxyIp']
+                }, opt.headers),
+                contentType: 'application/json;charset=utf-8',
+                crossDomain: true,
+                success: function (res) {
+                    if (res.code == 200 || res.code == '0') {
+                        resolve(res)
+                    } else if (res.code == "27001007") {
+                        // token过期，刷新token
+                        // API.refreshToken().then(() => {
+                        //     // token刷新后，重新请求
+                        //     API.ajaxRequest(opt).then(data => {
+                        //         // 重新请求后，需要处理原始请求的resolve
+                        //         resolve(data)
+                        //     })
+                        // })
+                        console.warn("登陆失效，请重新登陆")
+                        reject(res)
+                    } else {
+                        reject(res)
+                    }
+                }
+            })
+        })
+    },
+    // 刷新token
+    // 集成后，该方法请删除
+    refreshToken() {
+        var refreshToken = localStorage.getItem('refreshToken')
+        var clientId = localStorage.getItem('checked') ? 'web_client_remember' : 'web_client'
+        var value = {
+            'refresh_token': refreshToken,
+            'grant_type': 'refresh_token',
+            'client_id': clientId,
+            "client_secret": 'web_client'
+        }
+        var param = ''
+        for (var i in value) {
+            param += '&' + i + "=" + value[i]
+        }
+        param = param.slice(1)
+        return new Promise((resolve, reject) => {
+            $.ajax({
+                url: '/evo-apigw/evo-oauth/oauth/token',
+                type: 'post',
+                dataType: 'json',
+                data: param,
+                headers: {
+                    'content-type': 'application/x-www-form-urlencoded',
+                    proxyip: localStorage['proxyIp']
+                },
+                success: function (res) {
+                    console.log(res)
+                    if (res.code === '0') {
+                        localStorage.setItem("accessToken", res.data.access_token)
+                        localStorage.setItem("refreshToken", res.data.refresh_token)
+                        localStorage.setItem('expiresTime', new Date().getTime() + res.data.expires_in * 1000)
+                        // 登录保活
+                        API.ajaxRequest({
+                            url: `/evo-apigw/evo-brm/1.2.0/user/keepalive`,
+                            data: {
+                                clientType: 1,
+                                magicId: localStorage.magicId,
+                                timeout: 10000
+                            }
+                        })
+                        resolve()
+                    } else {
+                        console.error(`refreshToken 失效，请登录平台`)
+                        window.open(location.origin)
+                        reject()
+                    }
+                }
+            })
+        })
+    },
+
+}
+export default API

package/packages/components/videoPlayer/src/errorHandler.ts

@@ -0,0 +1,39 @@
+// errorHandler.ts
+import type { PlayerError } from '../../../types'
+
+const ERROR_MAP: Record<string, string> = {
+    '0': '操作成功', '-1': '未知错误', '1': '参数错误', '2': '内存不足',
+    '3': 'SDK未初始化', '4': '登录失败', '5': '设备不在线', '6': '流媒体连接失败',
+    '7': '获取视频流失败', '8': '播放句柄无效', '9': '通道号错误', '10': '码流类型错误',
+    '401': '认证失败，Token可能已过期', '403': '权限不足', '404': '视频资源未找到',
+    '500': '服务器内部错误', '2128': '不支持的视频编码', '2129': '解码器初始化失败',
+    'ws-close': 'WebSocket连接关闭', 'ws-error': 'WebSocket连接失败',
+    'ws-timeout': 'WebSocket连接超时', 'connect-failed': '流媒体连接失败',
+    'decode-failed': '视频解码失败', 'token-expired': 'RTSP Token已过期',
+    'no-permission': '无播放权限', 'device-offline': '设备离线', 'stream-timeout': '拉流超时',
+}
+
+function classify(code: string): PlayerError['type'] {
+    if (['401', '403', 'no-permission'].includes(code)) return 'permission'
+    if (['ws-close', 'ws-error', 'ws-timeout', 'connect-failed', 'stream-timeout'].includes(code)) return 'connection'
+    if (['2128', '2129', 'decode-failed'].includes(code)) return 'decode'
+    if (['token-expired'].includes(code)) return 'timeout'
+    return 'unknown'
+}
+
+export function parseError(raw: any): PlayerError {
+    const code = raw?.code ?? raw?.errorCode ?? '-1'
+    const message = raw?.message || ERROR_MAP[String(code)] || `未知错误(code:${code})`
+    return { code, message, type: classify(String(code)), raw }
+}
+
+export function getFriendlyMessage(error: PlayerError): string {
+    const map: Record<PlayerError['type'], string> = {
+        permission: '权限验证失败：',
+        connection: '网络连接异常：',
+        decode: '视频解码失败：',
+        timeout: '请求超时：',
+        unknown: '',
+    }
+    return `${map[error.type]}${error.message}`
+}

package/packages/components/videoPlayer/src/resourceLoader.ts

@@ -0,0 +1,68 @@
+// resourceLoader.ts
+
+/** 已加载的脚本缓存 */
+const loadedScripts = new Set<string>()
+/** 已加载的样式缓存 */
+const loadedStyles = new Set<string>()
+
+/**
+ * 从 npm 包 node_modules 中动态加载 JS 脚本到 <head>
+ * Vite 环境下通过 import 获取资源 URL，支持开发与生产模式
+ */
+export async function loadScriptFromNodeModules(importFn: () => Promise<any>, id?: string): Promise<void> {
+    // 通过 Vite 的静态资源导入获取实际 URL
+    const module = await importFn()
+    const url: string = module.default || module
+    if (loadedScripts.has(url)) return
+    if (id && document.getElementById(id)) return
+
+    return new Promise((resolve, reject) => {
+        const script = document.createElement('script')
+        script.src = url
+        script.async = false  // 保证按顺序执行
+        if (id) script.id = id
+        script.onload = () => {
+            loadedScripts.add(url)
+            resolve()
+        }
+        script.onerror = () => reject(new Error(`脚本加载失败: ${url}`))
+        document.head.appendChild(script)
+    })
+}
+
+/**
+ * 从 npm 包 node_modules 中动态加载 CSS 样式到 <head>
+ */
+export async function loadCSSFromNodeModules(importFn: () => Promise<any>, id?: string): Promise<void> {
+    const module = await importFn()
+    const url: string = module.default || module
+    if (loadedStyles.has(url)) return
+    if (id && document.getElementById(id)) return
+
+    return new Promise((resolve, reject) => {
+        const link = document.createElement('link')
+        link.rel = 'stylesheet'
+        link.href = url
+        if (id) link.id = id
+        link.onload = () => {
+            loadedStyles.add(url)
+            resolve()
+        }
+        link.onerror = () => reject(new Error(`样式加载失败: ${url}`))
+        document.head.appendChild(link)
+    })
+}
+
+/**
+ * 获取 wsplayer-lz 包中静态文件的完整 URL
+ * @param relativePath 相对于包根目录的路径
+ */
+export function getWSPlayerAssetPath(relativePath: string): string {
+    // 方式一：通过 import.meta.url 动态拼接（推荐）
+    try {
+        return new URL(`/node_modules/zhui-plus/dist/WSPlayer/${relativePath}`, import.meta.url).href
+    } catch {
+        // 方式二：回退到 public 路径
+        return `/node_modules/zhui-plus/dist/WSPlayer/${relativePath}`
+    }
+}