@vtx/player 1.6.2 → 1.6.6

package/lib/live-control/index.js

@@ -127,8 +127,8 @@ var LiveControl = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       },
       multiLoad: function multiLoad(channels) {
         var grid = 1;
-        if (channels.length > 1) grid = 2;
-        if (channels.length > 4) grid = 3;
+        if (channels.length > 1) grid = 2; // if (channels.length > 4) grid = 3;
+
         var newChannels = [];
 
         for (var i = 0; i < 9; i++) {

package/lib/live-control/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["DEFAULT_GRID","DEFAULT_ACTIVE","DEFAULT_CHANNELS","Array","fill","channelNum","LiveControl","forwardRef","props","ref","height","width","onExpandChange","onChannelChange","polling","isDark","useSetState","expand","grid","activeIndex","channels","state","setState","wrapRef","useRef","useFullscreen","isFullscreen","toggleFullscreen","channelRef","useInterval","hasVideo","some","item","timer","setTimeout","current","clearTimeout","useImperativeHandle","load","channel","index","findIndex","c","channelId","newChannels","getActiveIndex","multiLoad","length","i","push","unLoad","useEffect","filter","map","handleCloseAll","handleExpand","getGridItems","items","element","_jsx","GridItem","active","onClick","onClose","_jsxs","Object","assign","className","style","children","Space","size","align","Tooltip","title","display","FoldIcon","ExpandIcon","CloseAllIcon","Grid1x1Icon","Grid2x2Icon","Grid3x3Icon","ExitFullScreenIcon","FullScreenIcon","displayName","empty","useRequest","getPreviewUrl","ready","refreshDeps","data","name","deviceName","channelName","_Fragment","PlayerHeader","VtxLivePlayer","url","type","player","enableAgent","captureName","showInfo","info","currentIndex","currentChannels","slice"],"sources":["live-control/index.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';\nimport { getPreviewUrl } from '../api';\nimport { PlayerHeader } from '../controls';\nimport { CloseAllIcon, ExitFullScreenIcon, ExpandIcon, FoldIcon, FullScreenIcon, Grid1x1Icon, Grid2x2Icon, Grid3x3Icon, } from '../icons';\nimport VtxLivePlayer from '../live-player';\nimport { useFullscreen, useInterval, useRequest, useSetState } from 'ahooks';\nimport Space from 'antd/lib/space';\n// import { Space, Tooltip } from 'antd';\nimport Tooltip from 'antd/lib/tooltip';\nconst DEFAULT_GRID = 2;\nconst DEFAULT_ACTIVE = 0;\nconst DEFAULT_CHANNELS = Array(9).fill({ channelNum: '' });\n/**\n * 实时分屏组件\n */\nconst LiveControl = forwardRef((props, ref) => {\n    const { height = '100%', width = '100%', onExpandChange, onChannelChange, polling, isDark = false, } = props;\n    const [state, setState] = useSetState({\n        expand: true,\n        grid: DEFAULT_GRID,\n        activeIndex: DEFAULT_ACTIVE,\n        channels: DEFAULT_CHANNELS,\n    });\n    const wrapRef = useRef(null);\n    const [isFullscreen, { toggleFullscreen }] = useFullscreen(wrapRef);\n    const channelRef = useRef(DEFAULT_CHANNELS);\n    // 实时视频轮询\n    useInterval(() => {\n        // 是否有视频正在播放\n        const hasVideo = state.channels.some((item) => item.channelNum);\n        if (polling && hasVideo) {\n            setState({\n                channels: DEFAULT_CHANNELS,\n            });\n            const timer = setTimeout(() => {\n                setState({\n                    channels: channelRef.current,\n                });\n                clearTimeout(timer);\n            }, 0);\n        }\n    }, polling);\n    useImperativeHandle(ref, () => {\n        return {\n            load: (channel) => {\n                const index = state.channels.findIndex((c) => c.channelId && channel.channelId && c.channelId === channel.channelId);\n                if (~index) {\n                    setState({ activeIndex: index }); // 如果通道号已经存在，则设置激活索引为该通道\n                }\n                else {\n                    // 播放该通道\n                    const newChannels = [...state.channels];\n                    newChannels[state.activeIndex] = channel;\n                    const activeIndex = getActiveIndex(newChannels, state.grid, state.activeIndex);\n                    setState({ channels: newChannels, activeIndex });\n                }\n            },\n            multiLoad: (channels) => {\n                let grid = 1;\n                if (channels.length > 1)\n                    grid = 2;\n                if (channels.length > 4)\n                    grid = 3;\n                const newChannels = [];\n                for (let i = 0; i < 9; i++) {\n                    newChannels.push(channels[i] ? channels[i] : { channelNum: '' });\n                }\n                setState({ grid, channels: newChannels });\n            },\n            unLoad: (channelId) => {\n                const index = state.channels.findIndex((c) => c.channelId === channelId);\n                if (~index) {\n                    // 卸载通道\n                    const newChannels = [...state.channels];\n                    newChannels[index] = { channelNum: '' };\n                    setState({ channels: newChannels });\n                }\n            },\n        };\n    });\n    useEffect(() => {\n        channelRef.current = state.channels;\n        if (onChannelChange) {\n            onChannelChange(state.channels.filter((c) => !!c.channelNum).map((c) => c.channelNum));\n        }\n    }, [state.channels]);\n    const handleCloseAll = () => {\n        setState({ channels: DEFAULT_CHANNELS });\n    };\n    const handleExpand = () => {\n        onExpandChange && onExpandChange(!state.expand);\n        setState({ expand: !state.expand });\n    };\n    const getGridItems = () => {\n        const items = [];\n        for (let i = 0; i < state.grid * state.grid; i++) {\n            const element = (_jsx(GridItem, { active: state.activeIndex === i, onClick: () => setState({ activeIndex: i }), channel: state.channels[i], onClose: () => {\n                    const newChannels = [...state.channels];\n                    newChannels[i] = { channelNum: '' };\n                    setState({ channels: newChannels });\n                } }, i));\n            items.push(element);\n        }\n        return items;\n    };\n    return (_jsxs(\"div\", Object.assign({ className: `vtx-live-control${isDark ? ' live-dark' : ''}`, ref: wrapRef, style: { height, width } }, { children: [_jsx(\"div\", Object.assign({ className: `player-grid-container _${state.grid}` }, { children: getGridItems() })), _jsxs(\"div\", Object.assign({ className: \"controls\" }, { children: [_jsx(Space, Object.assign({ className: \"left\", size: 12, align: \"center\" }, { children: onExpandChange && (_jsx(Tooltip, Object.assign({ title: state.expand ? '收起' : '展开' }, { children: _jsx(\"div\", Object.assign({ onClick: handleExpand, style: { display: 'flex' } }, { children: state.expand ? _jsx(FoldIcon, {}) : _jsx(ExpandIcon, {}) })) }))) })), _jsxs(Space, Object.assign({ className: \"right\", size: 12, align: \"center\" }, { children: [_jsx(Tooltip, Object.assign({ title: \"\\u5168\\u90E8\\u5173\\u95ED\" }, { children: _jsx(\"div\", { children: _jsx(CloseAllIcon, { onClick: handleCloseAll }) }) })), _jsx(Tooltip, Object.assign({ title: \"1\\u5206\\u5C4F\" }, { children: _jsx(\"div\", { children: _jsx(Grid1x1Icon, { active: state.grid === 1, onClick: () => setState({ grid: 1 }) }) }) })), _jsx(Tooltip, Object.assign({ title: \"4\\u5206\\u5C4F\" }, { children: _jsx(\"div\", { children: _jsx(Grid2x2Icon, { active: state.grid === 2, onClick: () => setState({ grid: 2 }) }) }) })), _jsx(Tooltip, Object.assign({ title: \"9\\u5206\\u5C4F\" }, { children: _jsx(\"div\", { children: _jsx(Grid3x3Icon, { active: state.grid === 3, onClick: () => setState({ grid: 3 }) }) }) })), _jsx(Tooltip, Object.assign({ title: \"\\u5168\\u5C4F\" }, { children: _jsx(\"div\", { children: isFullscreen ? (_jsx(ExitFullScreenIcon, { onClick: toggleFullscreen })) : (_jsx(FullScreenIcon, { onClick: toggleFullscreen })) }) }))] }))] }))] })));\n});\nLiveControl.displayName = 'LiveControl';\nconst GridItem = (props) => {\n    const { active, onClick, channel, onClose } = props;\n    const empty = !channel.channelNum;\n    const { data } = useRequest(() => getPreviewUrl(channel), {\n        ready: !!channel.channelNum,\n        refreshDeps: [channel.channelNum],\n    });\n    const name = `${data === null || data === void 0 ? void 0 : data.deviceName}-${data === null || data === void 0 ? void 0 : data.channelName}`;\n    return (_jsx(\"div\", Object.assign({ className: `grid-item-container ${active ? 'active' : ''}`, onClick: onClick }, { children: data && !empty && (_jsxs(_Fragment, { children: [_jsx(PlayerHeader, { name: name, onClose: onClose }), _jsx(\"div\", Object.assign({ className: \"content\" }, { children: _jsx(VtxLivePlayer, { url: data.url, type: (data === null || data === void 0 ? void 0 : data.player) || '', enableAgent: (data === null || data === void 0 ? void 0 : data.enableAgent) || false, captureName: name, showInfo: channel.showInfo, info: channel.info }) }))] })) })));\n};\n/**\n * 获取当前激活的网格\n * @param channels 现有通道数组\n * @param grid 当前网格状态\n * @param currentIndex 当前索引\n * @returns\n */\nconst getActiveIndex = (channels, grid, currentIndex) => {\n    const currentChannels = channels.slice(0, grid * grid);\n    for (let i = currentIndex + 1; i < currentChannels.length; i++) {\n        if (!currentChannels[i].channelNum)\n            return i;\n    }\n    for (let i = 0; i < currentIndex; i++) {\n        if (!currentChannels[i].channelNum)\n            return i;\n    }\n    return currentIndex;\n};\nexport default LiveControl;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["DEFAULT_GRID","DEFAULT_ACTIVE","DEFAULT_CHANNELS","Array","fill","channelNum","LiveControl","forwardRef","props","ref","height","width","onExpandChange","onChannelChange","polling","isDark","useSetState","expand","grid","activeIndex","channels","state","setState","wrapRef","useRef","useFullscreen","isFullscreen","toggleFullscreen","channelRef","useInterval","hasVideo","some","item","timer","setTimeout","current","clearTimeout","useImperativeHandle","load","channel","index","findIndex","c","channelId","newChannels","getActiveIndex","multiLoad","length","i","push","unLoad","useEffect","filter","map","handleCloseAll","handleExpand","getGridItems","items","element","_jsx","GridItem","active","onClick","onClose","_jsxs","Object","assign","className","style","children","Space","size","align","Tooltip","title","display","FoldIcon","ExpandIcon","CloseAllIcon","Grid1x1Icon","Grid2x2Icon","Grid3x3Icon","ExitFullScreenIcon","FullScreenIcon","displayName","empty","useRequest","getPreviewUrl","ready","refreshDeps","data","name","deviceName","channelName","_Fragment","PlayerHeader","VtxLivePlayer","url","type","player","enableAgent","captureName","showInfo","info","currentIndex","currentChannels","slice"],"sources":["live-control/index.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';\nimport { getPreviewUrl } from '../api';\nimport { PlayerHeader } from '../controls';\nimport { CloseAllIcon, ExitFullScreenIcon, ExpandIcon, FoldIcon, FullScreenIcon, Grid1x1Icon, Grid2x2Icon, Grid3x3Icon, } from '../icons';\nimport VtxLivePlayer from '../live-player';\nimport { useFullscreen, useInterval, useRequest, useSetState } from 'ahooks';\nimport Space from 'antd/lib/space';\n// import { Space, Tooltip } from 'antd';\nimport Tooltip from 'antd/lib/tooltip';\nconst DEFAULT_GRID = 2;\nconst DEFAULT_ACTIVE = 0;\nconst DEFAULT_CHANNELS = Array(9).fill({ channelNum: '' });\n/**\n * 实时分屏组件\n */\nconst LiveControl = forwardRef((props, ref) => {\n    const { height = '100%', width = '100%', onExpandChange, onChannelChange, polling, isDark = false, } = props;\n    const [state, setState] = useSetState({\n        expand: true,\n        grid: DEFAULT_GRID,\n        activeIndex: DEFAULT_ACTIVE,\n        channels: DEFAULT_CHANNELS,\n    });\n    const wrapRef = useRef(null);\n    const [isFullscreen, { toggleFullscreen }] = useFullscreen(wrapRef);\n    const channelRef = useRef(DEFAULT_CHANNELS);\n    // 实时视频轮询\n    useInterval(() => {\n        // 是否有视频正在播放\n        const hasVideo = state.channels.some((item) => item.channelNum);\n        if (polling && hasVideo) {\n            setState({\n                channels: DEFAULT_CHANNELS,\n            });\n            const timer = setTimeout(() => {\n                setState({\n                    channels: channelRef.current,\n                });\n                clearTimeout(timer);\n            }, 0);\n        }\n    }, polling);\n    useImperativeHandle(ref, () => {\n        return {\n            load: (channel) => {\n                const index = state.channels.findIndex((c) => c.channelId && channel.channelId && c.channelId === channel.channelId);\n                if (~index) {\n                    setState({ activeIndex: index }); // 如果通道号已经存在，则设置激活索引为该通道\n                }\n                else {\n                    // 播放该通道\n                    const newChannels = [...state.channels];\n                    newChannels[state.activeIndex] = channel;\n                    const activeIndex = getActiveIndex(newChannels, state.grid, state.activeIndex);\n                    setState({ channels: newChannels, activeIndex });\n                }\n            },\n            multiLoad: (channels) => {\n                let grid = 1;\n                if (channels.length > 1)\n                    grid = 2;\n                // if (channels.length > 4) grid = 3;\n                const newChannels = [];\n                for (let i = 0; i < 9; i++) {\n                    newChannels.push(channels[i] ? channels[i] : { channelNum: '' });\n                }\n                setState({ grid, channels: newChannels });\n            },\n            unLoad: (channelId) => {\n                const index = state.channels.findIndex((c) => c.channelId === channelId);\n                if (~index) {\n                    // 卸载通道\n                    const newChannels = [...state.channels];\n                    newChannels[index] = { channelNum: '' };\n                    setState({ channels: newChannels });\n                }\n            },\n        };\n    });\n    useEffect(() => {\n        channelRef.current = state.channels;\n        if (onChannelChange) {\n            onChannelChange(state.channels.filter((c) => !!c.channelNum).map((c) => c.channelNum));\n        }\n    }, [state.channels]);\n    const handleCloseAll = () => {\n        setState({ channels: DEFAULT_CHANNELS });\n    };\n    const handleExpand = () => {\n        onExpandChange && onExpandChange(!state.expand);\n        setState({ expand: !state.expand });\n    };\n    const getGridItems = () => {\n        const items = [];\n        for (let i = 0; i < state.grid * state.grid; i++) {\n            const element = (_jsx(GridItem, { active: state.activeIndex === i, onClick: () => setState({ activeIndex: i }), channel: state.channels[i], onClose: () => {\n                    const newChannels = [...state.channels];\n                    newChannels[i] = { channelNum: '' };\n                    setState({ channels: newChannels });\n                } }, i));\n            items.push(element);\n        }\n        return items;\n    };\n    return (_jsxs(\"div\", Object.assign({ className: `vtx-live-control${isDark ? ' live-dark' : ''}`, ref: wrapRef, style: { height, width } }, { children: [_jsx(\"div\", Object.assign({ className: `player-grid-container _${state.grid}` }, { children: getGridItems() })), _jsxs(\"div\", Object.assign({ className: \"controls\" }, { children: [_jsx(Space, Object.assign({ className: \"left\", size: 12, align: \"center\" }, { children: onExpandChange && (_jsx(Tooltip, Object.assign({ title: state.expand ? '收起' : '展开' }, { children: _jsx(\"div\", Object.assign({ onClick: handleExpand, style: { display: 'flex' } }, { children: state.expand ? _jsx(FoldIcon, {}) : _jsx(ExpandIcon, {}) })) }))) })), _jsxs(Space, Object.assign({ className: \"right\", size: 12, align: \"center\" }, { children: [_jsx(Tooltip, Object.assign({ title: \"\\u5168\\u90E8\\u5173\\u95ED\" }, { children: _jsx(\"div\", { children: _jsx(CloseAllIcon, { onClick: handleCloseAll }) }) })), _jsx(Tooltip, Object.assign({ title: \"1\\u5206\\u5C4F\" }, { children: _jsx(\"div\", { children: _jsx(Grid1x1Icon, { active: state.grid === 1, onClick: () => setState({ grid: 1 }) }) }) })), _jsx(Tooltip, Object.assign({ title: \"4\\u5206\\u5C4F\" }, { children: _jsx(\"div\", { children: _jsx(Grid2x2Icon, { active: state.grid === 2, onClick: () => setState({ grid: 2 }) }) }) })), _jsx(Tooltip, Object.assign({ title: \"9\\u5206\\u5C4F\" }, { children: _jsx(\"div\", { children: _jsx(Grid3x3Icon, { active: state.grid === 3, onClick: () => setState({ grid: 3 }) }) }) })), _jsx(Tooltip, Object.assign({ title: \"\\u5168\\u5C4F\" }, { children: _jsx(\"div\", { children: isFullscreen ? (_jsx(ExitFullScreenIcon, { onClick: toggleFullscreen })) : (_jsx(FullScreenIcon, { onClick: toggleFullscreen })) }) }))] }))] }))] })));\n});\nLiveControl.displayName = 'LiveControl';\nconst GridItem = (props) => {\n    const { active, onClick, channel, onClose } = props;\n    const empty = !channel.channelNum;\n    const { data } = useRequest(() => getPreviewUrl(channel), {\n        ready: !!channel.channelNum,\n        refreshDeps: [channel.channelNum],\n    });\n    const name = `${data === null || data === void 0 ? void 0 : data.deviceName}-${data === null || data === void 0 ? void 0 : data.channelName}`;\n    return (_jsx(\"div\", Object.assign({ className: `grid-item-container ${active ? 'active' : ''}`, onClick: onClick }, { children: data && !empty && (_jsxs(_Fragment, { children: [_jsx(PlayerHeader, { name: name, onClose: onClose }), _jsx(\"div\", Object.assign({ className: \"content\" }, { children: _jsx(VtxLivePlayer, { url: data.url, type: (data === null || data === void 0 ? void 0 : data.player) || '', enableAgent: (data === null || data === void 0 ? void 0 : data.enableAgent) || false, captureName: name, showInfo: channel.showInfo, info: channel.info }) }))] })) })));\n};\n/**\n * 获取当前激活的网格\n * @param channels 现有通道数组\n * @param grid 当前网格状态\n * @param currentIndex 当前索引\n * @returns\n */\nconst getActiveIndex = (channels, grid, currentIndex) => {\n    const currentChannels = channels.slice(0, grid * grid);\n    for (let i = currentIndex + 1; i < currentChannels.length; i++) {\n        if (!currentChannels[i].channelNum)\n            return i;\n    }\n    for (let i = 0; i < currentIndex; i++) {\n        if (!currentChannels[i].channelNum)\n            return i;\n    }\n    return currentIndex;\n};\nexport default LiveControl;\n"],"mappings":"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"}

package/lib/live-player/index.js

@@ -186,7 +186,7 @@ var LivePlayer = function LivePlayer(props, selfRef) {
                   error: false
                 });
                 player.play().then(function () {
-                  return setState({
+                  setState({
                     play: true,
                     error: false
                   });

package/lib/live-player/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["__awaiter","thisArg","_arguments","P","generator","adopt","value","resolve","Promise","reject","fulfilled","step","next","e","rejected","result","done","then","apply","LivePlayer","props","selfRef","url","deviceIp","devicePort","userName","password","enableAgent","width","height","captureName","type","channelNum","deviceId","streamType","deviceCode","cloudParams","showInfo","info","screenshot","loaded","ref","useRef","wrapRef","controlsRef","playerRef","useFullscreen","isFullscreen","toggleFullscreen","useSetState","play","error","loading","id","guidGenerator","volume","showCloudPanel","state","setState","useImperativeHandle","player","current","resize","useEffect","_a","container","destroy","API","getToken","token","localStorage","setItem","Player","handleCapture","capture","stopPropagation","handleFullScreen","_jsxs","Object","assign","className","style","children","_jsx","ErrorState","LoadingState","CloudControlPanel","InfoPanel","Space","size","align","VolumeControl","CaptureIcon","onClick","TalkControl","CloudControlIcon","active","ExitFullScreenIcon","FullScreenIcon","forwardRef"],"sources":["live-player/index.js"],"sourcesContent":["var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';\nimport { CloudControlPanel, ErrorState, InfoPanel, LoadingState, TalkControl, VolumeControl, } from '../controls';\nimport API from '../icc/api';\nimport { CaptureIcon, CloudControlIcon, ExitFullScreenIcon, FullScreenIcon } from '../icons';\nimport Player from '../player';\nimport { guidGenerator } from '../utils';\nimport { useFullscreen, useSetState } from 'ahooks';\n// import { Space } from 'antd';\nimport Space from 'antd/lib/space';\nconst LivePlayer = (props, selfRef) => {\n    const { url, deviceIp, devicePort, userName, password, enableAgent, width = '100%', height = '100%', captureName, type, channelNum, deviceId, streamType, deviceCode, cloudParams, showInfo = false, info = [], screenshot, loaded, } = props;\n    const ref = useRef(null);\n    const wrapRef = useRef(null);\n    const controlsRef = useRef(null);\n    const playerRef = useRef();\n    const [isFullscreen, { toggleFullscreen }] = useFullscreen(wrapRef);\n    const [state, setState] = useSetState({\n        play: false,\n        error: false,\n        loading: false,\n        id: 'vtx_hk_player_' + guidGenerator(),\n        volume: 0,\n        showCloudPanel: false,\n    });\n    useImperativeHandle(selfRef, () => {\n        return {\n            player: playerRef.current,\n            resize: () => {\n                const player = playerRef.current;\n                player && url && player.resize();\n            },\n        };\n    });\n    useEffect(() => {\n        var _a;\n        const container = ref.current;\n        if (!url || !container) {\n            (_a = playerRef.current) === null || _a === void 0 ? void 0 : _a.destroy();\n            return;\n        }\n        let player = null;\n        (() => __awaiter(void 0, void 0, void 0, function* () {\n            // 如果是icc_ws类型，需要获取token\n            if (type === 'icc_ws') {\n                const token = yield API.getToken({\n                    deviceId,\n                });\n                localStorage.setItem('accessToken', token);\n            }\n            player = yield new Player({\n                url,\n                deviceIp,\n                deviceId,\n                devicePort,\n                userName,\n                password,\n                streamType,\n                deviceCode,\n                channelNum,\n                enableAgent,\n                container,\n                type,\n            });\n            playerRef.current = player;\n            setState({ loading: true, error: false });\n            player\n                .play()\n                .then(() => setState({ play: true, error: false }))\n                .catch(() => setState({ error: true }))\n                .finally(() => {\n                setState({ loading: false });\n                loaded && loaded();\n            });\n        }))();\n        return () => {\n            player === null || player === void 0 ? void 0 : player.destroy();\n            setState({ error: false, loading: false, play: false });\n        };\n    }, [url]);\n    const handleCapture = (e) => {\n        const player = playerRef.current;\n        player && player.capture(captureName, screenshot);\n        e.stopPropagation();\n    };\n    const handleFullScreen = (e) => {\n        toggleFullscreen();\n        const player = playerRef.current;\n        player && player.resize();\n        e.stopPropagation();\n    };\n    return (_jsxs(\"div\", Object.assign({ className: \"vtx-live-player\", ref: wrapRef, style: { width, height } }, { children: [_jsx(\"div\", { ref: ref, style: { height: '100%', width: '100%' }, id: state.id }), state.error && _jsx(ErrorState, {}), state.loading && _jsx(LoadingState, {}), state.showCloudPanel && cloudParams && _jsx(CloudControlPanel, Object.assign({}, cloudParams)), _jsx(InfoPanel, { showInfo: showInfo, info: info }), _jsx(\"div\", Object.assign({ className: \"controls\", ref: controlsRef }, { children: _jsxs(Space, Object.assign({ className: \"right\", size: 12, align: \"center\" }, { children: [_jsx(VolumeControl, { player: playerRef.current, container: controlsRef.current }), !!screenshot && _jsx(CaptureIcon, { onClick: handleCapture }), channelNum && deviceId && (_jsx(TalkControl, { player: playerRef.current, channelNum: channelNum, deviceId: deviceId })), (cloudParams === null || cloudParams === void 0 ? void 0 : cloudParams.type) !== 'none' && (_jsx(CloudControlIcon, { active: state.showCloudPanel, onClick: () => setState({ showCloudPanel: !state.showCloudPanel }) })), isFullscreen ? (_jsx(ExitFullScreenIcon, { onClick: handleFullScreen })) : (_jsx(FullScreenIcon, { onClick: handleFullScreen }))] })) }))] })));\n};\n// LivePlayer.displayName = 'live-player';\nexport default forwardRef(LivePlayer);\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["__awaiter","thisArg","_arguments","P","generator","adopt","value","resolve","Promise","reject","fulfilled","step","next","e","rejected","result","done","then","apply","LivePlayer","props","selfRef","url","deviceIp","devicePort","userName","password","enableAgent","width","height","captureName","type","channelNum","deviceId","streamType","deviceCode","cloudParams","showInfo","info","screenshot","loaded","ref","useRef","wrapRef","controlsRef","playerRef","useFullscreen","isFullscreen","toggleFullscreen","useSetState","play","error","loading","id","guidGenerator","volume","showCloudPanel","state","setState","useImperativeHandle","player","current","resize","useEffect","_a","container","destroy","API","getToken","token","localStorage","setItem","Player","handleCapture","capture","stopPropagation","handleFullScreen","_jsxs","Object","assign","className","style","children","_jsx","ErrorState","LoadingState","CloudControlPanel","InfoPanel","Space","size","align","VolumeControl","CaptureIcon","onClick","TalkControl","CloudControlIcon","active","ExitFullScreenIcon","FullScreenIcon","forwardRef"],"sources":["live-player/index.js"],"sourcesContent":["var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';\nimport { CloudControlPanel, ErrorState, InfoPanel, LoadingState, TalkControl, VolumeControl, } from '../controls';\nimport API from '../icc/api';\nimport { CaptureIcon, CloudControlIcon, ExitFullScreenIcon, FullScreenIcon } from '../icons';\nimport Player from '../player';\nimport { guidGenerator } from '../utils';\nimport { useFullscreen, useSetState } from 'ahooks';\n// import { Space } from 'antd';\nimport Space from 'antd/lib/space';\nconst LivePlayer = (props, selfRef) => {\n    const { url, deviceIp, devicePort, userName, password, enableAgent, width = '100%', height = '100%', captureName, type, channelNum, deviceId, streamType, deviceCode, cloudParams, showInfo = false, info = [], screenshot, loaded, } = props;\n    const ref = useRef(null);\n    const wrapRef = useRef(null);\n    const controlsRef = useRef(null);\n    const playerRef = useRef();\n    const [isFullscreen, { toggleFullscreen }] = useFullscreen(wrapRef);\n    const [state, setState] = useSetState({\n        play: false,\n        error: false,\n        loading: false,\n        id: 'vtx_hk_player_' + guidGenerator(),\n        volume: 0,\n        showCloudPanel: false,\n    });\n    useImperativeHandle(selfRef, () => {\n        return {\n            player: playerRef.current,\n            resize: () => {\n                const player = playerRef.current;\n                player && url && player.resize();\n            },\n        };\n    });\n    useEffect(() => {\n        var _a;\n        const container = ref.current;\n        if (!url || !container) {\n            (_a = playerRef.current) === null || _a === void 0 ? void 0 : _a.destroy();\n            return;\n        }\n        let player = null;\n        (() => __awaiter(void 0, void 0, void 0, function* () {\n            // 如果是icc_ws类型，需要获取token\n            if (type === 'icc_ws') {\n                const token = yield API.getToken({\n                    deviceId,\n                });\n                localStorage.setItem('accessToken', token);\n            }\n            player = yield new Player({\n                url,\n                deviceIp,\n                deviceId,\n                devicePort,\n                userName,\n                password,\n                streamType,\n                deviceCode,\n                channelNum,\n                enableAgent,\n                container,\n                type,\n            });\n            playerRef.current = player;\n            setState({ loading: true, error: false });\n            player\n                .play()\n                .then(() => {\n                setState({ play: true, error: false });\n            })\n                .catch(() => setState({ error: true }))\n                .finally(() => {\n                setState({ loading: false });\n                loaded && loaded();\n            });\n        }))();\n        return () => {\n            player === null || player === void 0 ? void 0 : player.destroy();\n            setState({ error: false, loading: false, play: false });\n        };\n    }, [url]);\n    const handleCapture = (e) => {\n        const player = playerRef.current;\n        player && player.capture(captureName, screenshot);\n        e.stopPropagation();\n    };\n    const handleFullScreen = (e) => {\n        toggleFullscreen();\n        const player = playerRef.current;\n        player && player.resize();\n        e.stopPropagation();\n    };\n    return (_jsxs(\"div\", Object.assign({ className: \"vtx-live-player\", ref: wrapRef, style: { width, height } }, { children: [_jsx(\"div\", { ref: ref, style: { height: '100%', width: '100%' }, id: state.id }), state.error && _jsx(ErrorState, {}), state.loading && _jsx(LoadingState, {}), state.showCloudPanel && cloudParams && _jsx(CloudControlPanel, Object.assign({}, cloudParams)), _jsx(InfoPanel, { showInfo: showInfo, info: info }), _jsx(\"div\", Object.assign({ className: \"controls\", ref: controlsRef }, { children: _jsxs(Space, Object.assign({ className: \"right\", size: 12, align: \"center\" }, { children: [_jsx(VolumeControl, { player: playerRef.current, container: controlsRef.current }), !!screenshot && _jsx(CaptureIcon, { onClick: handleCapture }), channelNum && deviceId && (_jsx(TalkControl, { player: playerRef.current, channelNum: channelNum, deviceId: deviceId })), (cloudParams === null || cloudParams === void 0 ? void 0 : cloudParams.type) !== 'none' && (_jsx(CloudControlIcon, { active: state.showCloudPanel, onClick: () => setState({ showCloudPanel: !state.showCloudPanel }) })), isFullscreen ? (_jsx(ExitFullScreenIcon, { onClick: handleFullScreen })) : (_jsx(FullScreenIcon, { onClick: handleFullScreen }))] })) }))] })));\n};\n// LivePlayer.displayName = 'live-player';\nexport default forwardRef(LivePlayer);\n"],"mappings":"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"}

package/lib/live-player/style/index.css

@@ -71,7 +71,7 @@
 .vtx-live-player .error-container .text {
   margin: 20px 0;
   font-size: 14px;
-  color: rgba(255, 255, 255, 0.65);
+  color: rgb(255 255 3.92307692%);
 }
 .vtx-live-player .loading-container {
   position: absolute;

package/lib/live-player/style/index.less

@@ -5,6 +5,7 @@
     justify-content: center;
     background-color: #2b3d51;
     border: 1px solid transparent;
+
     .controls {
         position: absolute;
         bottom: 0;
@@ -57,7 +58,7 @@
         .text {
             margin: 20px 0;
             font-size: 14px;
-            color: rgba(255, 255 ,255 , .65);
+            color: rgb(255 255 255 / 65%);
         }
     }
 

package/lib/player/index.d.ts

@@ -3,6 +3,7 @@ declare global {
     interface Window {
         JSPluginHkCar: any;
         JSPlugin: any;
+        Jessibuca: any;
     }
 }
 /** 视频流格式 */
@@ -22,13 +23,13 @@ interface ConstructorParams {
     /** 主/子码流 */
     streamType?: '0' | '1';
     /** 通道号 */
-    channelNum: string;
+    channelNum?: string;
     /** 设备Code */
     deviceCode?: string;
     /**是否开启代理 */
-    enableAgent: boolean;
+    enableAgent?: boolean;
     /** 渲染容器 */
-    container: HTMLDivElement;
+    container?: HTMLDivElement;
     /** 是否直播，flv.js需要 */
     live?: boolean;
     /** 视频流格式 */

package/lib/player/index.js

@@ -198,6 +198,24 @@ var Player = /*#__PURE__*/function () {
           background: '#2b3d51'
         }
       });
+    } // 处理ws视频
+
+
+    if (this.type === 'vtx_ws') {
+      var $container = document.getElementById(container.id);
+      this.player = new window.Jessibuca({
+        container: $container,
+        videoBuffer: 0.2,
+        isResize: false,
+        isFlv: true,
+        decoder: "./resources/jessibuca/decoder.js",
+        useMSE: false,
+        debug: false,
+        hasAudio: false,
+        useWCS: false,
+        isNotMute: true //是否开启声音
+
+      });
     }
 
     if (this.type === 'icc_ws') {
@@ -318,6 +336,12 @@ var Player = /*#__PURE__*/function () {
       if (this.type === 'mp4') {//
       }
 
+      if (this.type === 'vtx_ws') {
+        var _player5 = this.player;
+
+        _player5.play(this.url);
+      }
+
       return Promise.resolve();
     }
     /** 回放 */
@@ -336,9 +360,9 @@ var Player = /*#__PURE__*/function () {
         this.windowIndex = 1;
         return result;
       } else if (this.type === 'icc_ws') {
-        var _player5 = this.player;
+        var _player6 = this.player;
         return new Promise(function (resolve) {
-          _player5.playRecordVideo({
+          _player6.playRecordVideo({
             channelList: [{
               id: _this.deviceCode + '$1$0$' + _this.channelNum
             }],
@@ -369,15 +393,16 @@ var Player = /*#__PURE__*/function () {
       }
 
       if (this.type === 'hls') {
-        var _player6 = this.player;
+        var _player7 = this.player;
 
-        _player6.destroy();
+        _player7.destroy();
 
         this.player = null;
         this.video.remove();
       }
 
       if (this.type === 'vtxhls' || this.type === 'vtxwhep') {
+        this.video.remove();
         this.player = null;
         var dd = document.getElementById(this.containerId);
 
@@ -387,9 +412,9 @@ var Player = /*#__PURE__*/function () {
       }
 
       if (this.type === 'hk_ws') {
-        var _player7 = this.player;
+        var _player8 = this.player;
 
-        _player7.JS_Stop(1);
+        _player8.JS_Stop(1);
 
         var _dd6 = document.getElementById(this.containerId);
 
@@ -397,9 +422,9 @@ var Player = /*#__PURE__*/function () {
       }
 
       if (this.type === 'hkcar_ws') {
-        var _player8 = this.player;
+        var _player9 = this.player;
 
-        _player8.JS_DestroyWorker();
+        _player9.JS_DestroyWorker();
 
         var _dd7 = document.getElementById(this.containerId);
 
@@ -407,27 +432,27 @@ var Player = /*#__PURE__*/function () {
       }
 
       if (this.type === 'icc_ws') {
-        var _player9 = this.player;
+        var _player10 = this.player;
 
-        _player9.close();
+        _player10.close();
       }
 
       if (this.type === 'webrtc') {
-        var _player10 = this.player;
+        var _player11 = this.player;
 
-        _player10.close();
+        _player11.close();
       }
 
       if (this.type === 'h264') {
-        var _player11 = this.player;
+        var _player12 = this.player;
 
-        _player11.close();
+        _player12.close();
       }
 
       if (this.type === 'bd') {
-        var _player12 = this.player;
+        var _player13 = this.player;
 
-        _player12.close(0);
+        _player13.close(0);
       }
 
       if (this.type === 'mp4') {
@@ -439,6 +464,12 @@ var Player = /*#__PURE__*/function () {
 
         ((_a = _dd8 === null || _dd8 === void 0 ? void 0 : _dd8.children) === null || _a === void 0 ? void 0 : _a.length) > 0 && _dd8.removeChild(_dd8.firstChild);
       }
+
+      if (this.type === 'vtx_ws') {
+        var _player14 = this.player;
+
+        _player14.destroy();
+      }
     }
     /** 截图 */
 
@@ -482,9 +513,9 @@ var Player = /*#__PURE__*/function () {
           player.JS_Resize();
         }, 500);
       } else if (this.type === 'icc_ws') {
-        var _player13 = this.player;
+        var _player15 = this.player;
 
-        _player13.setPlayerAdapter('selfAdaption');
+        _player15.setPlayerAdapter('selfAdaption');
       }
     }
     /**
@@ -505,20 +536,20 @@ var Player = /*#__PURE__*/function () {
       }
 
       if (this.type === 'hk_ws' || this.type === 'hkcar_ws') {
-        var _player14 = this.player;
+        var _player16 = this.player;
 
-        if (_player14.iCurrentSoundWnd !== this.windowIndex) {
-          _player14.JS_OpenSound(this.windowIndex);
+        if (_player16.iCurrentSoundWnd !== this.windowIndex) {
+          _player16.JS_OpenSound(this.windowIndex);
         }
 
-        _player14.JS_SetVolume(this.windowIndex, value);
+        _player16.JS_SetVolume(this.windowIndex, value);
       }
 
       if (this.type === 'bd') {
-        var _player15 = this.player.dp;
-        if (!_player15.ttxplayer.enableAudio) _player15.ttxplayer.openAudio();
+        var _player17 = this.player.dp;
+        if (!_player17.ttxplayer.enableAudio) _player17.ttxplayer.openAudio();
 
-        _player15.ttxplayer.setVolume(value);
+        _player17.ttxplayer.setVolume(value);
       }
     }
     /**
@@ -590,9 +621,9 @@ var Player = /*#__PURE__*/function () {
 
         this.preSpeed = speed;
       } else if (this.type === 'icc_ws') {
-        var _player16 = this.player;
+        var _player18 = this.player;
 
-        _player16.playSpeed(speed);
+        _player18.playSpeed(speed);
       } else if (this.type === 'bd') {// todo
       } else {
         this.video.playbackRate = speed;
@@ -635,7 +666,7 @@ var Player = /*#__PURE__*/function () {
       var _a, _b, _c;
 
       return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-        var player, seekTime, _player17, _seekTime, _player18, _seekTime2;
+        var player, seekTime, _player19, _seekTime, _player20, _seekTime2;
 
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) {
@@ -658,15 +689,15 @@ var Player = /*#__PURE__*/function () {
 
               case 8:
                 if (this.type === 'icc_ws') {
-                  _player17 = this.player;
+                  _player19 = this.player;
                   _seekTime = (_b = (0, _moment["default"])(this.startTime)) === null || _b === void 0 ? void 0 : _b.add(time, 'seconds').format('HH:mm:ss');
 
-                  _player17.jumpPlayByTime(_seekTime);
+                  _player19.jumpPlayByTime(_seekTime);
                 } else if (this.type === 'bd') {
-                  _player18 = this.player;
+                  _player20 = this.player;
                   _seekTime2 = (_c = (0, _moment["default"])(this.startTime)) === null || _c === void 0 ? void 0 : _c.add(time, 'seconds').valueOf();
 
-                  _player18.jumpPlayByTime(_seekTime2);
+                  _player20.jumpPlayByTime(_seekTime2);
                 } else {
                   this.video.currentTime = time;
                 }
@@ -696,9 +727,15 @@ var Player = /*#__PURE__*/function () {
           return callback && callback();
         });
       } else if (this.type === 'bd') {
-        var _player19 = this.player;
+        var _player21 = this.player;
 
-        _player19.pause();
+        _player21.pause();
+
+        callback && callback();
+      } else if (this.type === 'vtx_ws') {
+        var _player22 = this.player;
+
+        _player22.pause();
       } else {
         this.video.pause();
         callback && callback();
@@ -718,9 +755,11 @@ var Player = /*#__PURE__*/function () {
           return callback && callback();
         });
       } else if (this.type === 'bd') {
-        var _player20 = this.player;
+        var _player23 = this.player;
 
-        _player20.close(0);
+        _player23.play();
+
+        callback && callback();
       } else {
         this.video.play();
         callback && callback();