matrix_components 2.0.318 → 2.0.319
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -1
- package/dist/ComponentDemo/VideoDemo copy 2.vue +268 -0
- package/dist/ComponentDemo/VideoDemo copy 3.vue +356 -0
- package/dist/ComponentDemo/VideoDemo copy.vue +289 -0
- package/dist/ComponentDemo/VideoDemo.vue +187 -131
- package/dist/matrix_components.css +1 -1
- package/dist/matrix_components.js +159 -152
- package/dist/matrix_components.umd.cjs +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
var _a2;
|
|
2
|
-
import { defineComponent, createElementBlock, openBlock, createElementVNode, reactive, withDirectives, normalizeStyle, Fragment, renderList, toDisplayString, vShow, nextTick, useCssVars, ref as ref$1, unref, inject, watch, onMounted, normalizeClass, renderSlot, createCommentVNode, createBlock, isRef, onUnmounted, onBeforeUnmount, resolveDirective, resolveComponent, createVNode, withCtx, resolveDynamicComponent, createTextVNode, provide, computed, Teleport, defineAsyncComponent, createSlots, mergeProps, toHandlers, createApp, render, useAttrs, watchEffect, shallowRef, createStaticVNode, vModelText, Transition, getCurrentInstance, h as h$2, onUpdated } from "vue";
|
|
2
|
+
import { defineComponent, createElementBlock, openBlock, createElementVNode, reactive, withDirectives, normalizeStyle, Fragment, renderList, toDisplayString, vShow, nextTick, useCssVars, ref as ref$1, unref, inject, watch, onMounted, normalizeClass, renderSlot, createCommentVNode, createBlock, isRef, onUnmounted, onBeforeUnmount, resolveDirective, resolveComponent, createVNode, withCtx, resolveDynamicComponent, createTextVNode, useSlots, provide, computed, Teleport, defineAsyncComponent, createSlots, mergeProps, toHandlers, createApp, render, useAttrs, watchEffect, shallowRef, createStaticVNode, vModelText, Transition, getCurrentInstance, h as h$2, onUpdated } from "vue";
|
|
3
3
|
import { ElMessage } from "element-plus";
|
|
4
4
|
import VuePdfApp from "vue3-pdf-app";
|
|
5
5
|
import axios from "axios";
|
|
@@ -6316,6 +6316,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
|
6316
6316
|
},
|
|
6317
6317
|
emits: ["removeVideo", "errorVideo", "urlError", "videoOriginalInfo"],
|
|
6318
6318
|
setup(__props, { emit: __emit }) {
|
|
6319
|
+
const injectedSlots = inject("slots");
|
|
6319
6320
|
const videoModelsInfo = ref$1({
|
|
6320
6321
|
easyplayer: {
|
|
6321
6322
|
name: "easyplayer",
|
|
@@ -6487,164 +6488,168 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
|
6487
6488
|
height: "100%",
|
|
6488
6489
|
isVideo: true
|
|
6489
6490
|
}, {
|
|
6490
|
-
"video-view-slot": withCtx(({ index: index2, url, info }) =>
|
|
6491
|
-
|
|
6492
|
-
|
|
6493
|
-
|
|
6494
|
-
|
|
6495
|
-
|
|
6496
|
-
onMouseleave: ($event) => hideCloseBtnHandler(index2)
|
|
6497
|
-
}, [
|
|
6498
|
-
!url ? (openBlock(), createElementBlock("span", _hoisted_3$4, "无信号")) : (openBlock(), createBlock(resolveDynamicComponent(getVideoModel(info)), {
|
|
6499
|
-
key: 1,
|
|
6500
|
-
ref: (el2) => videoPlayerRefHandler(el2, index2),
|
|
6501
|
-
videoUrl: url,
|
|
6502
|
-
MSE: __props.videoConfig.MSE,
|
|
6503
|
-
WCS: __props.videoConfig.WCS,
|
|
6504
|
-
WASM: __props.videoConfig.WASM,
|
|
6505
|
-
WASMSIMD: __props.videoConfig.WASMSIMD,
|
|
6506
|
-
loadTimeReplay: __props.videoErrorMaxCount,
|
|
6507
|
-
stretch: __props.videoConfig.stretch,
|
|
6508
|
-
hasAudio: __props.videoConfig.hasAudio,
|
|
6509
|
-
isLive: __props.videoConfig.isLive,
|
|
6510
|
-
playerIndex: index2,
|
|
6511
|
-
hkPath: info == null ? void 0 : info.hkPath,
|
|
6491
|
+
"video-view-slot": withCtx(({ index: index2, url, info }) => {
|
|
6492
|
+
var _a3;
|
|
6493
|
+
return [
|
|
6494
|
+
createElementVNode("div", {
|
|
6495
|
+
class: "live-player-box",
|
|
6496
|
+
ref: (el2) => videoDivRefHandler(el2, index2),
|
|
6512
6497
|
onDblclick: toggleFullScreen,
|
|
6513
|
-
|
|
6514
|
-
|
|
6515
|
-
|
|
6516
|
-
|
|
6517
|
-
|
|
6518
|
-
|
|
6519
|
-
|
|
6520
|
-
|
|
6521
|
-
|
|
6522
|
-
|
|
6523
|
-
|
|
6524
|
-
|
|
6525
|
-
|
|
6526
|
-
|
|
6527
|
-
|
|
6528
|
-
|
|
6529
|
-
|
|
6530
|
-
|
|
6531
|
-
|
|
6532
|
-
|
|
6533
|
-
|
|
6534
|
-
|
|
6535
|
-
|
|
6536
|
-
|
|
6537
|
-
|
|
6538
|
-
|
|
6539
|
-
|
|
6540
|
-
|
|
6541
|
-
|
|
6542
|
-
|
|
6543
|
-
|
|
6544
|
-
|
|
6545
|
-
|
|
6546
|
-
]),
|
|
6547
|
-
_: 1
|
|
6548
|
-
}, 8, ["onMousedown"]),
|
|
6549
|
-
createVNode(_component_el_icon, {
|
|
6550
|
-
class: "ctrl-btn right",
|
|
6551
|
-
onMousedown: ($event) => ctrlHandler("right", info)
|
|
6552
|
-
}, {
|
|
6553
|
-
default: withCtx(() => [
|
|
6554
|
-
createVNode(_component_CaretRight)
|
|
6555
|
-
]),
|
|
6556
|
-
_: 1
|
|
6557
|
-
}, 8, ["onMousedown"]),
|
|
6558
|
-
createVNode(_component_el_icon, {
|
|
6559
|
-
class: "ctrl-btn bottom",
|
|
6560
|
-
onMousedown: ($event) => ctrlHandler("bottom", info)
|
|
6561
|
-
}, {
|
|
6562
|
-
default: withCtx(() => [
|
|
6563
|
-
createVNode(_component_CaretBottom)
|
|
6564
|
-
]),
|
|
6565
|
-
_: 1
|
|
6566
|
-
}, 8, ["onMousedown"]),
|
|
6567
|
-
createVNode(_component_el_icon, {
|
|
6568
|
-
class: normalizeClass(["ctrl-btn speak", [speakStatue.value ? "running" : ""]]),
|
|
6569
|
-
onMousedown: ($event) => ctrlHandler("speak", info)
|
|
6570
|
-
}, {
|
|
6571
|
-
default: withCtx(() => [
|
|
6572
|
-
createVNode(_component_Microphone)
|
|
6573
|
-
]),
|
|
6574
|
-
_: 1
|
|
6575
|
-
}, 8, ["class", "onMousedown"]),
|
|
6576
|
-
createElementVNode("div", _hoisted_6, [
|
|
6577
|
-
_cache[3] || (_cache[3] = createElementVNode("span", { class: "speed-title" }, "速度:", -1)),
|
|
6578
|
-
createVNode(_component_el_slider, {
|
|
6579
|
-
class: "slid-btn",
|
|
6580
|
-
modelValue: unref(slidValue),
|
|
6581
|
-
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(slidValue) ? slidValue.value = $event : null),
|
|
6582
|
-
step: 5,
|
|
6583
|
-
max: 255,
|
|
6584
|
-
"show-tooltip": false,
|
|
6585
|
-
onChange: ($event) => slidHandler(info)
|
|
6586
|
-
}, null, 8, ["modelValue", "onChange"])
|
|
6587
|
-
])
|
|
6498
|
+
onMouseover: ($event) => showCloseBtnHandler(index2),
|
|
6499
|
+
onMouseleave: ($event) => hideCloseBtnHandler(index2)
|
|
6500
|
+
}, [
|
|
6501
|
+
!url ? (openBlock(), createElementBlock("span", _hoisted_3$4, "无信号")) : (openBlock(), createBlock(resolveDynamicComponent(getVideoModel(info)), {
|
|
6502
|
+
key: 1,
|
|
6503
|
+
ref: (el2) => videoPlayerRefHandler(el2, index2),
|
|
6504
|
+
videoUrl: url,
|
|
6505
|
+
MSE: __props.videoConfig.MSE,
|
|
6506
|
+
WCS: __props.videoConfig.WCS,
|
|
6507
|
+
WASM: __props.videoConfig.WASM,
|
|
6508
|
+
WASMSIMD: __props.videoConfig.WASMSIMD,
|
|
6509
|
+
loadTimeReplay: __props.videoErrorMaxCount,
|
|
6510
|
+
stretch: __props.videoConfig.stretch,
|
|
6511
|
+
hasAudio: __props.videoConfig.hasAudio,
|
|
6512
|
+
isLive: __props.videoConfig.isLive,
|
|
6513
|
+
playerIndex: index2,
|
|
6514
|
+
hkPath: info == null ? void 0 : info.hkPath,
|
|
6515
|
+
onDblclick: toggleFullScreen,
|
|
6516
|
+
onError: ($event) => messageHandler($event, index2),
|
|
6517
|
+
onUrlError: ($event) => urlErrorHandler($event, index2),
|
|
6518
|
+
onVideoOriginalInfo: ($event) => videoOriginalInfoHandler($event, index2)
|
|
6519
|
+
}, null, 40, ["videoUrl", "MSE", "WCS", "WASM", "WASMSIMD", "loadTimeReplay", "stretch", "hasAudio", "isLive", "playerIndex", "hkPath", "onError", "onUrlError", "onVideoOriginalInfo"])),
|
|
6520
|
+
withDirectives(createVNode(_component_el_button, {
|
|
6521
|
+
onClick: ($event) => closeVideoHandler(index2),
|
|
6522
|
+
type: "info",
|
|
6523
|
+
class: "close-btn"
|
|
6524
|
+
}, {
|
|
6525
|
+
default: withCtx(() => [..._cache[2] || (_cache[2] = [
|
|
6526
|
+
createTextVNode("关闭", -1)
|
|
6527
|
+
])]),
|
|
6528
|
+
_: 1
|
|
6529
|
+
}, 8, ["onClick"]), [
|
|
6530
|
+
[vShow, closeBtnStatusList.value[index2] && !!url && showClose]
|
|
6588
6531
|
]),
|
|
6589
|
-
|
|
6590
|
-
|
|
6591
|
-
|
|
6592
|
-
|
|
6593
|
-
|
|
6594
|
-
|
|
6595
|
-
|
|
6596
|
-
|
|
6597
|
-
|
|
6598
|
-
|
|
6599
|
-
|
|
6600
|
-
|
|
6601
|
-
|
|
6602
|
-
|
|
6603
|
-
|
|
6604
|
-
|
|
6605
|
-
|
|
6606
|
-
|
|
6607
|
-
|
|
6608
|
-
|
|
6609
|
-
|
|
6610
|
-
|
|
6611
|
-
|
|
6612
|
-
|
|
6613
|
-
|
|
6614
|
-
|
|
6615
|
-
|
|
6616
|
-
|
|
6617
|
-
|
|
6618
|
-
|
|
6619
|
-
|
|
6620
|
-
|
|
6621
|
-
|
|
6622
|
-
|
|
6623
|
-
|
|
6624
|
-
|
|
6625
|
-
|
|
6626
|
-
|
|
6627
|
-
|
|
6628
|
-
|
|
6629
|
-
|
|
6630
|
-
|
|
6631
|
-
|
|
6632
|
-
|
|
6633
|
-
|
|
6634
|
-
|
|
6635
|
-
|
|
6636
|
-
|
|
6637
|
-
|
|
6638
|
-
|
|
6639
|
-
|
|
6640
|
-
|
|
6532
|
+
unref(showVideoCtrls) ? withDirectives((openBlock(), createElementBlock("div", _hoisted_4$2, [
|
|
6533
|
+
createElementVNode("div", _hoisted_5$2, [
|
|
6534
|
+
createVNode(_component_el_icon, {
|
|
6535
|
+
class: "ctrl-btn left",
|
|
6536
|
+
onMousedown: ($event) => ctrlHandler("left", info)
|
|
6537
|
+
}, {
|
|
6538
|
+
default: withCtx(() => [
|
|
6539
|
+
createVNode(_component_CaretLeft)
|
|
6540
|
+
]),
|
|
6541
|
+
_: 1
|
|
6542
|
+
}, 8, ["onMousedown"]),
|
|
6543
|
+
createVNode(_component_el_icon, {
|
|
6544
|
+
class: "ctrl-btn top",
|
|
6545
|
+
onMousedown: ($event) => ctrlHandler("top", info)
|
|
6546
|
+
}, {
|
|
6547
|
+
default: withCtx(() => [
|
|
6548
|
+
createVNode(_component_CaretTop)
|
|
6549
|
+
]),
|
|
6550
|
+
_: 1
|
|
6551
|
+
}, 8, ["onMousedown"]),
|
|
6552
|
+
createVNode(_component_el_icon, {
|
|
6553
|
+
class: "ctrl-btn right",
|
|
6554
|
+
onMousedown: ($event) => ctrlHandler("right", info)
|
|
6555
|
+
}, {
|
|
6556
|
+
default: withCtx(() => [
|
|
6557
|
+
createVNode(_component_CaretRight)
|
|
6558
|
+
]),
|
|
6559
|
+
_: 1
|
|
6560
|
+
}, 8, ["onMousedown"]),
|
|
6561
|
+
createVNode(_component_el_icon, {
|
|
6562
|
+
class: "ctrl-btn bottom",
|
|
6563
|
+
onMousedown: ($event) => ctrlHandler("bottom", info)
|
|
6564
|
+
}, {
|
|
6565
|
+
default: withCtx(() => [
|
|
6566
|
+
createVNode(_component_CaretBottom)
|
|
6567
|
+
]),
|
|
6568
|
+
_: 1
|
|
6569
|
+
}, 8, ["onMousedown"]),
|
|
6570
|
+
createVNode(_component_el_icon, {
|
|
6571
|
+
class: normalizeClass(["ctrl-btn speak", [speakStatue.value ? "running" : ""]]),
|
|
6572
|
+
onMousedown: ($event) => ctrlHandler("speak", info)
|
|
6573
|
+
}, {
|
|
6574
|
+
default: withCtx(() => [
|
|
6575
|
+
createVNode(_component_Microphone)
|
|
6576
|
+
]),
|
|
6577
|
+
_: 1
|
|
6578
|
+
}, 8, ["class", "onMousedown"]),
|
|
6579
|
+
createElementVNode("div", _hoisted_6, [
|
|
6580
|
+
_cache[3] || (_cache[3] = createElementVNode("span", { class: "speed-title" }, "速度:", -1)),
|
|
6581
|
+
createVNode(_component_el_slider, {
|
|
6582
|
+
class: "slid-btn",
|
|
6583
|
+
modelValue: unref(slidValue),
|
|
6584
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(slidValue) ? slidValue.value = $event : null),
|
|
6585
|
+
step: 5,
|
|
6586
|
+
max: 255,
|
|
6587
|
+
"show-tooltip": false,
|
|
6588
|
+
onChange: ($event) => slidHandler(info)
|
|
6589
|
+
}, null, 8, ["modelValue", "onChange"])
|
|
6590
|
+
])
|
|
6591
|
+
]),
|
|
6592
|
+
createElementVNode("div", _hoisted_7, [
|
|
6593
|
+
createVNode(_component_el_icon, {
|
|
6594
|
+
class: "ctrl-btn zoom-in",
|
|
6595
|
+
onMousedown: ($event) => ctrlHandler("zoom-in", info)
|
|
6596
|
+
}, {
|
|
6597
|
+
default: withCtx(() => [
|
|
6598
|
+
createVNode(_component_ZoomIn)
|
|
6599
|
+
]),
|
|
6600
|
+
_: 1
|
|
6601
|
+
}, 8, ["onMousedown"]),
|
|
6602
|
+
createVNode(_component_el_icon, {
|
|
6603
|
+
class: "ctrl-btn zoom-out",
|
|
6604
|
+
onMousedown: ($event) => ctrlHandler("zoom-out", info)
|
|
6605
|
+
}, {
|
|
6606
|
+
default: withCtx(() => [
|
|
6607
|
+
createVNode(_component_ZoomOut)
|
|
6608
|
+
]),
|
|
6609
|
+
_: 1
|
|
6610
|
+
}, 8, ["onMousedown"]),
|
|
6611
|
+
createVNode(_component_el_icon, {
|
|
6612
|
+
class: "ctrl-btn scan",
|
|
6613
|
+
onMousedown: ($event) => ctrlHandler("scan", info)
|
|
6614
|
+
}, {
|
|
6615
|
+
default: withCtx(() => [
|
|
6616
|
+
createVNode(_component_Files)
|
|
6617
|
+
]),
|
|
6618
|
+
_: 1
|
|
6619
|
+
}, 8, ["onMousedown"]),
|
|
6620
|
+
createVNode(_component_el_icon, {
|
|
6621
|
+
class: "ctrl-btn cruise",
|
|
6622
|
+
onMousedown: ($event) => ctrlHandler("cruise", info)
|
|
6623
|
+
}, {
|
|
6624
|
+
default: withCtx(() => [
|
|
6625
|
+
createVNode(_component_MapLocation)
|
|
6626
|
+
]),
|
|
6627
|
+
_: 1
|
|
6628
|
+
}, 8, ["onMousedown"]),
|
|
6629
|
+
createVNode(_component_el_icon, {
|
|
6630
|
+
class: "ctrl-btn call",
|
|
6631
|
+
onMousedown: ($event) => ctrlHandler("call", info)
|
|
6632
|
+
}, {
|
|
6633
|
+
default: withCtx(() => [
|
|
6634
|
+
createVNode(_component_VideoCamera)
|
|
6635
|
+
]),
|
|
6636
|
+
_: 1
|
|
6637
|
+
}, 8, ["onMousedown"])
|
|
6638
|
+
])
|
|
6639
|
+
], 512)), [
|
|
6640
|
+
[vShow, (unref(activeIndex) == 1 || isFullScreen.value) && closeBtnStatusList.value[index2] && !!url]
|
|
6641
|
+
]) : createCommentVNode("", true),
|
|
6642
|
+
((_a3 = unref(injectedSlots)) == null ? void 0 : _a3["video-player-cover"]) ? (openBlock(), createBlock(resolveDynamicComponent(unref(injectedSlots)["video-player-cover"]), { key: 3 })) : createCommentVNode("", true)
|
|
6643
|
+
], 40, _hoisted_2$5)
|
|
6644
|
+
];
|
|
6645
|
+
}),
|
|
6641
6646
|
_: 1
|
|
6642
6647
|
}, 8, ["type", "activeIndex"])
|
|
6643
6648
|
]);
|
|
6644
6649
|
};
|
|
6645
6650
|
}
|
|
6646
6651
|
});
|
|
6647
|
-
const SplitVideoGroup = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-
|
|
6652
|
+
const SplitVideoGroup = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-7ea8a538"]]);
|
|
6648
6653
|
const ctrlApis = {
|
|
6649
6654
|
fnUrl: "http://199.10.11.47:9091/videoTest/wvpFunction",
|
|
6650
6655
|
commandUrl: "http://199.10.11.47:9091/videoTest/wvpMove",
|
|
@@ -6819,6 +6824,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
|
6819
6824
|
"changeSplit"
|
|
6820
6825
|
],
|
|
6821
6826
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
6827
|
+
const slots = useSlots();
|
|
6828
|
+
provide("slots", slots);
|
|
6822
6829
|
const props = __props;
|
|
6823
6830
|
const treeRef = ref$1();
|
|
6824
6831
|
let videoErrorInfos = {};
|
|
@@ -7247,7 +7254,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
|
7247
7254
|
};
|
|
7248
7255
|
}
|
|
7249
7256
|
});
|
|
7250
|
-
const NsVideo = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-
|
|
7257
|
+
const NsVideo = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-675ac530"]]);
|
|
7251
7258
|
function registerDirective(app2) {
|
|
7252
7259
|
app2.directive("sline", {
|
|
7253
7260
|
mounted(el2) {
|