|
|
|
|
@ -138,6 +138,10 @@ var info_icon_namespaceObject = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA
|
|
|
|
|
var onlinedevice = __webpack_require__(50779);
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/_@ant-design_icons@5.6.1@@ant-design/icons/es/icons/RightOutlined.js + 1 modules
|
|
|
|
|
var RightOutlined = __webpack_require__(38819);
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/row/index.js
|
|
|
|
|
var row = __webpack_require__(95237);
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/col/index.js
|
|
|
|
|
var col = __webpack_require__(43604);
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/select/index.js
|
|
|
|
|
var es_select = __webpack_require__(57809);
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/_dayjs@1.11.13@dayjs/dayjs.min.js
|
|
|
|
|
@ -420,6 +424,7 @@ var fetch = __webpack_require__(43391);
|
|
|
|
|
}, false);
|
|
|
|
|
}
|
|
|
|
|
function pushPacket() {
|
|
|
|
|
var _videoRef$current;
|
|
|
|
|
var packet;
|
|
|
|
|
if (!mseSourceBuffer.updating) {
|
|
|
|
|
if (mseQueue.length > 0) {
|
|
|
|
|
@ -429,7 +434,7 @@ var fetch = __webpack_require__(43391);
|
|
|
|
|
mseStreamingStarted = false;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
if (videoRef.current.buffered.length > 0) {
|
|
|
|
|
if (((_videoRef$current = videoRef.current) === null || _videoRef$current === void 0 ? void 0 : _videoRef$current.buffered.length) > 0) {
|
|
|
|
|
if (typeof document.hidden !== 'undefined' && document.hidden) {
|
|
|
|
|
// no sound, browser paused video without sound in background
|
|
|
|
|
videoRef.current.currentTime = videoRef.current.buffered.end(videoRef.current.buffered.length - 1) - 0.5;
|
|
|
|
|
@ -450,7 +455,8 @@ var fetch = __webpack_require__(43391);
|
|
|
|
|
(0,_react_17_0_2_react.useEffect)(function () {
|
|
|
|
|
// fix stalled video in safari
|
|
|
|
|
videoRef.current.addEventListener('pause', function () {
|
|
|
|
|
if (videoRef.current.currentTime > videoRef.current.buffered.end(videoRef.current.buffered.length - 1)) {
|
|
|
|
|
var _videoRef$current2, _videoRef$current3, _videoRef$current4;
|
|
|
|
|
if (((_videoRef$current2 = videoRef.current) === null || _videoRef$current2 === void 0 ? void 0 : _videoRef$current2.currentTime) > ((_videoRef$current3 = videoRef.current) === null || _videoRef$current3 === void 0 || (_videoRef$current3 = _videoRef$current3.buffered) === null || _videoRef$current3 === void 0 ? void 0 : _videoRef$current3.end(((_videoRef$current4 = videoRef.current) === null || _videoRef$current4 === void 0 || (_videoRef$current4 = _videoRef$current4.buffered) === null || _videoRef$current4 === void 0 ? void 0 : _videoRef$current4.length) - 1))) {
|
|
|
|
|
videoRef.current.currentTime = videoRef.current.buffered.end(videoRef.current.buffered.length - 1) - 0.1;
|
|
|
|
|
videoRef.current.play();
|
|
|
|
|
}
|
|
|
|
|
@ -464,8 +470,9 @@ var fetch = __webpack_require__(43391);
|
|
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("video", {
|
|
|
|
|
width: '100%',
|
|
|
|
|
controls: true,
|
|
|
|
|
autoPlay: true,
|
|
|
|
|
ref: videoRef,
|
|
|
|
|
height: 500,
|
|
|
|
|
height: '100%',
|
|
|
|
|
src: src
|
|
|
|
|
})
|
|
|
|
|
});
|
|
|
|
|
@ -501,7 +508,7 @@ var fetch = __webpack_require__(43391);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var IndexPage = function IndexPage(_ref) {
|
|
|
|
|
var _DeviceStatisticsData4, _DeviceStatisticsData5, _DeviceStatisticsData6, _DeviceStatisticsData7;
|
|
|
|
|
var _Array$fill, _DeviceStatisticsData4, _DeviceStatisticsData5, _DeviceStatisticsData6, _DeviceStatisticsData7;
|
|
|
|
|
var loading = _ref.loading,
|
|
|
|
|
dispatch = _ref.dispatch;
|
|
|
|
|
var _useState = (0,_react_17_0_2_react.useState)(''),
|
|
|
|
|
@ -691,14 +698,14 @@ var IndexPage = function IndexPage(_ref) {
|
|
|
|
|
function getlist() {
|
|
|
|
|
return _getlist.apply(this, arguments);
|
|
|
|
|
} // async function setitems() {
|
|
|
|
|
// let res = await Fetch(`/stream/3/add`, {
|
|
|
|
|
// let res = await Fetch(`/stream/7/add`, {
|
|
|
|
|
// method: 'post',
|
|
|
|
|
// body: {
|
|
|
|
|
// name: '六楼录像机',
|
|
|
|
|
// channels: {
|
|
|
|
|
// '3': {
|
|
|
|
|
// '0': {
|
|
|
|
|
// "name": "ch1",
|
|
|
|
|
// "url": "rtsp://admin:zaq12wsx@192.168.1.53:554/Streaming/Channels/101",
|
|
|
|
|
// "url": "rtsp://admin:zaq12wsx@192.168.1.51:554/Streaming/tracks/101?starttime=20240220t010000z&endtime=20240220t040000z",
|
|
|
|
|
// "on_demand": true,
|
|
|
|
|
// "debug": false,
|
|
|
|
|
// "status": 0
|
|
|
|
|
@ -878,13 +885,26 @@ var IndexPage = function IndexPage(_ref) {
|
|
|
|
|
return window.open('http://192.168.1.50/doc/page/preview.asp');
|
|
|
|
|
},
|
|
|
|
|
children: ["\u67E5\u770B\u66F4\u591A ", /*#__PURE__*/(0,jsx_runtime.jsx)(RightOutlined/* default */.Z, {}), ' ']
|
|
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(row/* default */.Z, {
|
|
|
|
|
gutter: [8, 24],
|
|
|
|
|
style: {
|
|
|
|
|
display: 'flex'
|
|
|
|
|
padding: '0px 20px 20px 20px',
|
|
|
|
|
height: '75vh',
|
|
|
|
|
overflow: 'auto',
|
|
|
|
|
marginTop: 20
|
|
|
|
|
},
|
|
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(MsePlayer, {
|
|
|
|
|
src: 'ws://192.168.1.22:8083/stream/4/channel/0/mse?uuid=4&channel=0'
|
|
|
|
|
children: (_Array$fill = Array(16).fill({})) === null || _Array$fill === void 0 ? void 0 : _Array$fill.map(function (item, index) {
|
|
|
|
|
return /*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, {
|
|
|
|
|
span: 6,
|
|
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(MsePlayer, {
|
|
|
|
|
src: "ws://192.168.1.22:8083/stream/1/channel/".concat(index, "/mse?uuid=1&channel=").concat(index)
|
|
|
|
|
})
|
|
|
|
|
});
|
|
|
|
|
})
|
|
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
|
|
style: {
|
|
|
|
|
display: 'flex'
|
|
|
|
|
}
|
|
|
|
|
})]
|
|
|
|
|
})
|
|
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
eduauto
1 year ago