@vtx/player 0.0.30 → 1.0.1

package/lib/live-control-v2/style/index.css

@@ -0,0 +1,217 @@
+.vtx-live-control-v2 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+.vtx-live-control-v2 .player-grid-container {
+  display: grid;
+  -webkit-box-flex: 1;
+      -ms-flex-positive: 1;
+          flex-grow: 1;
+  grid-gap: 1px;
+  height: 0;
+  background-color: rgba(0, 0, 0, 0.8);
+}
+.vtx-live-control-v2 .player-grid-container._1 {
+  grid-template-rows: 1fr;
+  grid-template-columns: 1fr;
+}
+.vtx-live-control-v2 .player-grid-container._4 {
+  grid-template-rows: 1fr 1fr;
+  grid-template-columns: 1fr 1fr;
+}
+.vtx-live-control-v2 .player-grid-container._9 {
+  grid-template-rows: 1fr 1fr 1fr;
+  grid-template-columns: 1fr 1fr 1fr;
+}
+.vtx-live-control-v2 .player-grid-container._16 {
+  grid-template-rows: 1fr 1fr 1fr 1fr;
+  grid-template-columns: 1fr 1fr 1fr 1fr;
+}
+.vtx-live-control-v2 .player-grid-container._25 {
+  grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
+  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
+}
+.vtx-live-control-v2 .player-grid-container._6 {
+  grid-template-rows: 1fr 1fr 1fr;
+  grid-template-columns: 1fr 1fr 1fr;
+}
+.vtx-live-control-v2 .player-grid-container._6 :nth-child(1) {
+  grid-column-start: 1;
+  grid-column-end: 3;
+  grid-row-start: 1;
+  grid-row-end: 3;
+}
+.vtx-live-control-v2 .player-grid-container._8 {
+  grid-template-rows: 1fr 1fr 1fr 1fr;
+  grid-template-columns: 1fr 1fr 1fr 1fr;
+}
+.vtx-live-control-v2 .player-grid-container._8 :nth-child(1) {
+  grid-column-start: 1;
+  grid-column-end: 4;
+  grid-row-start: 1;
+  grid-row-end: 4;
+}
+.vtx-live-control-v2 .player-grid-container._10 {
+  grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
+  grid-template-columns: 1fr 1fr 1fr;
+}
+.vtx-live-control-v2 .player-grid-container._10 :nth-child(1) {
+  grid-column-start: 1;
+  grid-column-end: 3;
+  grid-row-start: 1;
+  grid-row-end: 4;
+}
+.vtx-live-control-v2 .player-grid-container._13 {
+  grid-template-rows: 1fr 1fr 1fr 1fr;
+  grid-template-columns: 1fr 1fr 1fr 1fr;
+}
+.vtx-live-control-v2 .player-grid-container._13 :nth-child(1) {
+  grid-column-start: 1;
+  grid-column-end: 3;
+  grid-row-start: 1;
+  grid-row-end: 3;
+}
+.vtx-live-control-v2 .player-grid-container._14 {
+  grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
+  grid-template-columns: 1fr 1fr 1fr 1fr;
+}
+.vtx-live-control-v2 .player-grid-container._14 :nth-child(1) {
+  grid-column-start: 1;
+  grid-column-end: 3;
+  grid-row-start: 1;
+  grid-row-end: 4;
+}
+.vtx-live-control-v2 .player-grid-container._14 :nth-child(2) {
+  grid-column-start: 3;
+  grid-column-end: 5;
+}
+.vtx-live-control-v2 .player-grid-container._17 {
+  grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
+  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
+}
+.vtx-live-control-v2 .player-grid-container._17 :nth-child(1) {
+  grid-column-start: 1;
+  grid-column-end: 4;
+  grid-row-start: 1;
+  grid-row-end: 4;
+}
+.vtx-live-control-v2 .player-grid-container._22 {
+  grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
+  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
+}
+.vtx-live-control-v2 .player-grid-container._22 :nth-child(1) {
+  grid-column-start: 1;
+  grid-column-end: 3;
+  grid-row-start: 1;
+  grid-row-end: 3;
+}
+.vtx-live-control-v2 .player-grid-container .grid-item-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  min-width: 0;
+  min-height: 0;
+  background-color: #2b3d51;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.vtx-live-control-v2 .player-grid-container .grid-item-container.emptyImg {
+  background-image: url('../images/empty.png');
+  background-repeat: no-repeat;
+  background-position: center;
+}
+.vtx-live-control-v2 .player-grid-container .grid-item-container.active {
+  -webkit-box-shadow: 0 0 0 1px #52c41a;
+          box-shadow: 0 0 0 1px #52c41a;
+}
+.vtx-live-control-v2 .player-grid-container .grid-item-container > .content {
+  width: 100%;
+  height: calc(100% - 26px);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+}
+.vtx-live-control-v2 .bottom-controls {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  width: 100%;
+  height: 33px;
+  padding: 0 12px;
+  background-color: #243241;
+}
+.vtx-live-control-v2 .bottom-controls .right {
+  margin-left: auto;
+}
+.vtx-live-control-v2 .bottom-controls .right > div {
+  height: 24px;
+}
+.vtx-live-control-v2 .bottom-controls .split-line {
+  margin-top: 6px;
+  width: 1px;
+  background-color: rgba(255, 255, 255, 0.1);
+  height: 14px;
+}
+.vtx-live-control-v2 .bottom-controls .controls-icon-hover {
+  color: rgba(255, 255, 255, 0.65);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  padding-top: 2px;
+}
+.vtx-live-control-v2 .bottom-controls .controls-icon-hover .hover-hide {
+  display: inline-block;
+  vertical-align: 0.1em;
+  font-size: 12px;
+}
+.vtx-live-control-v2 .bottom-controls .controls-icon-hover .hover-show {
+  display: none;
+  vertical-align: 0.1em;
+  font-size: 12px;
+}
+.vtx-live-control-v2 .bottom-controls .controls-icon-hover:hover .hover-hide {
+  display: none;
+}
+.vtx-live-control-v2 .bottom-controls .controls-icon-hover:hover .hover-show {
+  display: inline-block;
+  color: #1890ff;
+  vertical-align: 0.2em;
+}
+.vtx-live-control-v2 .bottom-controls .grid-change-disable {
+  color: rgba(255, 255, 255, 0.65);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  padding-top: 2px;
+  cursor: not-allowed;
+}
+.vtx-live-control-v2 .bottom-controls .grid-change-disable .arrow {
+  display: inline-block;
+  vertical-align: 0.1em;
+  font-size: 12px;
+}

package/lib/live-control-v2/style/index.d.ts

@@ -0,0 +1,8 @@
+import 'antd/lib/popover/style';
+import 'antd/lib/space/style';
+import 'antd/lib/tooltip/style';
+import '../../controls/style';
+import '../../live-player/style';
+import '../../components/split-screen/style';
+import '../../components/video-scale/style';
+import './index.less';

package/lib/live-control-v2/style/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+require("antd/lib/popover/style");
+
+require("antd/lib/space/style");
+
+require("antd/lib/tooltip/style");
+
+require("../../controls/style");
+
+require("../../live-player/style");
+
+require("../../components/split-screen/style");
+
+require("../../components/video-scale/style");
+
+require("./index.less");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["live-control-v2/style/index.js"],"sourcesContent":["import 'antd/lib/popover/style';\nimport 'antd/lib/space/style';\nimport 'antd/lib/tooltip/style';\nimport '../../controls/style';\nimport '../../live-player/style';\nimport '../../components/split-screen/style';\nimport '../../components/video-scale/style';\nimport './index.less';\n"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA"}

package/lib/live-control-v2/style/index.less

@@ -0,0 +1,192 @@
+.vtx-live-control-v2 {
+    display: flex;
+    flex-direction: column;
+
+    .player-grid-container {
+        display: grid;
+        flex-grow: 1;
+        grid-gap: 1px;
+        height: 0;
+        background-color: rgba(0, 0, 0, 0.8);
+
+        &._1 {
+            grid-template-rows: 1fr;
+            grid-template-columns: 1fr;
+        }
+
+        &._4 {
+            grid-template-rows: 1fr 1fr;
+            grid-template-columns: 1fr 1fr;
+        }
+        &._9 {
+            grid-template-rows: 1fr 1fr 1fr;
+            grid-template-columns: 1fr 1fr 1fr;
+        }
+        &._16 {
+            grid-template-rows: 1fr 1fr 1fr 1fr;
+            grid-template-columns: 1fr 1fr 1fr 1fr;
+        }
+        &._25 {
+            grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
+            grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
+        }
+        &._6 {
+            grid-template-rows: 1fr 1fr 1fr;
+            grid-template-columns: 1fr 1fr 1fr;
+            :nth-child(1) {
+                grid-column-start: 1;
+                grid-column-end: 3;
+                grid-row-start: 1;
+                grid-row-end: 3;
+            }
+        }
+        &._8 {
+            grid-template-rows: 1fr 1fr 1fr 1fr;
+            grid-template-columns: 1fr 1fr 1fr 1fr;
+            :nth-child(1) {
+                grid-column-start: 1;
+                grid-column-end: 4;
+                grid-row-start: 1;
+                grid-row-end: 4;
+            }
+        }
+        &._10 {
+            grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
+            grid-template-columns: 1fr 1fr 1fr;
+            :nth-child(1) {
+                grid-column-start: 1;
+                grid-column-end: 3;
+                grid-row-start: 1;
+                grid-row-end: 4;
+            }
+        }
+        &._13 {
+            grid-template-rows: 1fr 1fr 1fr 1fr;
+            grid-template-columns: 1fr 1fr 1fr 1fr;
+            :nth-child(1) {
+                grid-column-start: 1;
+                grid-column-end: 3;
+                grid-row-start: 1;
+                grid-row-end: 3;
+            }
+        }
+        &._14 {
+            grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
+            grid-template-columns: 1fr 1fr 1fr 1fr;
+            :nth-child(1) {
+                grid-column-start: 1;
+                grid-column-end: 3;
+                grid-row-start: 1;
+                grid-row-end: 4;
+            }
+            :nth-child(2) {
+                grid-column-start: 3;
+                grid-column-end: 5;
+            }
+        }
+        &._17 {
+            grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
+            grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
+            :nth-child(1) {
+                grid-column-start: 1;
+                grid-column-end: 4;
+                grid-row-start: 1;
+                grid-row-end: 4;
+            }
+        }
+        &._22 {
+            grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
+            grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
+            :nth-child(1) {
+                grid-column-start: 1;
+                grid-column-end: 3;
+                grid-row-start: 1;
+                grid-row-end: 3;
+            }
+        }
+        .grid-item-container {
+            display: flex;
+            flex-direction: column;
+            min-width: 0;
+            min-height: 0;
+            background-color: #2b3d51;
+            align-items: center;
+            &.emptyImg {
+                background-image: url('../images/empty.png');
+                background-repeat: no-repeat;
+                background-position: center;
+            }
+            &.active {
+                box-shadow: 0 0 0 1px #52c41a;
+            }
+            > .content {
+                width: 100%;
+                height: calc(100% - 26px);
+                display: flex;
+                align-items: center;
+                justify-content: center;
+            }
+        }
+    }
+
+    .bottom-controls {
+        display: flex;
+        align-items: center;
+        width: 100%;
+        height: 33px;
+        padding: 0 12px;
+        background-color: #243241;
+
+        .right {
+            margin-left: auto;
+
+            > div {
+                height: 24px;
+            }
+        }
+        .split-line {
+            margin-top: 6px;
+            width: 1px;
+            background-color: rgba(255, 255, 255, 0.1);
+            height: 14px;
+        }
+        .controls-icon-hover {
+            color: rgba(255, 255, 255, 0.65);
+            display: flex;
+            align-items: center;
+            padding-top: 2px;
+            .hover-hide {
+                display: inline-block;
+                vertical-align: 0.1em;
+                font-size: 12px;
+            }
+            .hover-show {
+                display: none;
+                vertical-align: 0.1em;
+                font-size: 12px;
+            }
+            &:hover {
+                .hover-hide {
+                    display: none;
+                }
+                .hover-show {
+                    display: inline-block;
+                    color: #1890ff;
+                    vertical-align: 0.2em;
+                }
+            }
+        }
+        .grid-change-disable {
+            color: rgba(255, 255, 255, 0.65);
+            display: flex;
+            align-items: center;
+            padding-top: 2px;
+            cursor: not-allowed;
+            .arrow {
+                display: inline-block;
+                vertical-align: 0.1em;
+                font-size: 12px;
+            }
+        }
+    }
+}

package/lib/live-player/index.d.ts

@@ -4,7 +4,7 @@ interface VtxPlayerProps {
     /** 视频流地址 */
     url: string;
     /** 是否使用代理播放 */
-    enableAgent: boolean;
+    enableAgent?: boolean;
     /** 宽度 */
     width?: number;
     /** 高度 */

package/lib/live-player/index.js

@@ -75,7 +75,12 @@ var LivePlayer = function LivePlayer(props) {
 
   (0, _react.useEffect)(function () {
     var container = ref.current;
-    if (!url || !container) return;
+
+    if (!url || !container) {
+      playerRef.current && playerRef.current.destroy();
+      return;
+    }
+
     var player = new _player["default"]({
       url: url,
       enableAgent: enableAgent,
@@ -138,7 +143,7 @@ var LivePlayer = function LivePlayer(props) {
         width: '100%'
       },
       id: state.id
-    }), state.loading && (0, _jsxRuntime.jsx)(_controls.LoadingState, {}), state.showCloudPanel && cloudParams && (0, _jsxRuntime.jsx)(_controls.CloudControlPanel, Object.assign({}, cloudParams)), (0, _jsxRuntime.jsx)(_controls.InfoPanel, {
+    }), state.error && (0, _jsxRuntime.jsx)(_controls.ErrorState, {}), state.loading && (0, _jsxRuntime.jsx)(_controls.LoadingState, {}), state.showCloudPanel && cloudParams && (0, _jsxRuntime.jsx)(_controls.CloudControlPanel, Object.assign({}, cloudParams)), (0, _jsxRuntime.jsx)(_controls.InfoPanel, {
       showInfo: showInfo,
       info: info
     }), (0, _jsxRuntime.jsx)("div", Object.assign({

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["LivePlayer","props","url","enableAgent","width","height","captureName","type","talkUrl","cloudParams","showInfo","info","screenshot","ref","useRef","wrapRef","controlsRef","playerRef","useFullscreen","isFullscreen","toggleFullscreen","useSetState","play","error","loading","id","guidGenerator","volume","showCloudPanel","state","setState","useEffect","container","current","player","Player","then","destroy","handleCapture","e","capture","stopPropagation","handleFullScreen","resize","_jsxs","Object","assign","className","style","children","_jsx","LoadingState","CloudControlPanel","InfoPanel","Space","size","align","VolumeControl","CaptureIcon","onClick","TalkControl","CloudControlIcon","active","ExitFullScreenIcon","FullScreenIcon"],"sources":["live-player/index.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useEffect, useRef } from 'react';\nimport { useFullscreen, useSetState } from 'ahooks';\n// import { Space } from 'antd';\nimport Space from 'antd/lib/space';\nimport { CaptureIcon, CloudControlIcon, ExitFullScreenIcon, FullScreenIcon } from '../icons';\nimport { guidGenerator } from '../utils';\nimport { CloudControlPanel, InfoPanel, LoadingState, TalkControl, VolumeControl, } from '../controls';\nimport Player from '../player';\nexport const LivePlayer = (props) => {\n    const { url, enableAgent, width = '100%', height = '100%', captureName, type, talkUrl, cloudParams, showInfo = false, info = [], screenshot, } = 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    useEffect(() => {\n        const container = ref.current;\n        if (!url || !container)\n            return;\n        const player = new Player({ url, enableAgent, container, type });\n        playerRef.current = player;\n        setState({ loading: true });\n        player\n            .play()\n            .then(() => setState({ play: true, error: false }))\n            .catch(() => setState({ error: true }))\n            .finally(() => setState({ loading: false }));\n        return () => {\n            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.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 }), _jsx(CaptureIcon, { onClick: handleCapture }), talkUrl && _jsx(TalkControl, { player: playerRef.current, url: talkUrl }), cloudParams && (_jsx(CloudControlIcon, { active: state.showCloudPanel, onClick: () => setState({ showCloudPanel: !state.showCloudPanel }) })), isFullscreen ? (_jsx(ExitFullScreenIcon, { onClick: handleFullScreen })) : (_jsx(FullScreenIcon, { onClick: handleFullScreen }))] })) }))] })));\n};\nexport default LivePlayer;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["LivePlayer","props","url","enableAgent","width","height","captureName","type","talkUrl","cloudParams","showInfo","info","screenshot","ref","useRef","wrapRef","controlsRef","playerRef","useFullscreen","isFullscreen","toggleFullscreen","useSetState","play","error","loading","id","guidGenerator","volume","showCloudPanel","state","setState","useEffect","container","current","destroy","player","Player","then","handleCapture","e","capture","stopPropagation","handleFullScreen","resize","_jsxs","Object","assign","className","style","children","_jsx","ErrorState","LoadingState","CloudControlPanel","InfoPanel","Space","size","align","VolumeControl","CaptureIcon","onClick","TalkControl","CloudControlIcon","active","ExitFullScreenIcon","FullScreenIcon"],"sources":["live-player/index.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useEffect, useRef } from 'react';\nimport { useFullscreen, useSetState } from 'ahooks';\n// import { Space } from 'antd';\nimport Space from 'antd/lib/space';\nimport { CaptureIcon, CloudControlIcon, ExitFullScreenIcon, FullScreenIcon } from '../icons';\nimport { guidGenerator } from '../utils';\nimport { CloudControlPanel, InfoPanel, LoadingState, TalkControl, VolumeControl, ErrorState } from '../controls';\nimport Player from '../player';\nexport const LivePlayer = (props) => {\n    const { url, enableAgent, width = '100%', height = '100%', captureName, type, talkUrl, cloudParams, showInfo = false, info = [], screenshot, } = 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    useEffect(() => {\n        const container = ref.current;\n        if (!url || !container) {\n            playerRef.current && playerRef.current.destroy();\n            return;\n        }\n        const player = new Player({ url, enableAgent, container, type });\n        playerRef.current = player;\n        setState({ loading: true });\n        player\n            .play()\n            .then(() => setState({ play: true, error: false }))\n            .catch(() => setState({ error: true }))\n            .finally(() => setState({ loading: false }));\n        return () => {\n            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 }), _jsx(CaptureIcon, { onClick: handleCapture }), talkUrl && _jsx(TalkControl, { player: playerRef.current, url: talkUrl }), cloudParams && (_jsx(CloudControlIcon, { active: state.showCloudPanel, onClick: () => setState({ showCloudPanel: !state.showCloudPanel }) })), isFullscreen ? (_jsx(ExitFullScreenIcon, { onClick: handleFullScreen })) : (_jsx(FullScreenIcon, { onClick: handleFullScreen }))] })) }))] })));\n};\nexport default LivePlayer;\n"],"mappings":"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"}

package/lib/player/index.js

@@ -143,10 +143,13 @@ var Player = /*#__PURE__*/function () {
 
       if (this.type === 'hk_ws') {
         var _player = this.player;
-        return _player.JS_Play(this.url, {
+
+        var result = _player.JS_Play(this.url, {
           playURL: this.url,
           mode: 0
-        }, 1);
+        }, 0);
+
+        return result;
       }
 
       return Promise.resolve();
@@ -158,10 +161,11 @@ var Player = /*#__PURE__*/function () {
     value: function playBack() {
       if (this.type === 'hk_ws') {
         var player = this.player;
-        return player.JS_Play(this.url, {
+        var result = player.JS_Play(this.url, {
           playURL: this.url,
           mode: 0
         }, 1, (0, _utils.getHKTimeString)(this.startTime), (0, _utils.getHKTimeString)(this.endTime));
+        return result;
       } else {
         return this.play();
       }
@@ -336,6 +340,13 @@ var Player = /*#__PURE__*/function () {
         }
 
         callback(currentTime, _this.type === 'hk_ws' ? _this.preSpeed : _this.video.playbackRate);
+      }); // 增加hw_ws 流播放结束回调
+
+      var player = this.player;
+      player === null || player === void 0 ? void 0 : player.JS_SetWindowControlCallback({
+        StreamEnd: function StreamEnd() {
+          callback((0, _moment["default"])(_this.endTime).diff(_this.startTime, 'seconds'), _this.preSpeed);
+        }
       });
     }
     /** 跳转到 */