@yimou6/common-ui 1.14.1 → 1.14.2
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/cdn/index.cdn.js +14 -14
- package/cdn/index.cdn.js.map +1 -1
- package/cdn/index.cdn.mjs +16 -16
- package/cdn/index.cdn.mjs.map +1 -1
- package/es/components/tzj-player/index.d.ts +285 -6
- package/es/components/tzj-player/src/ctyun-player.mjs +9 -4
- package/es/components/tzj-player/src/ctyun-player.mjs.map +1 -1
- package/es/components/tzj-player/src/tzj-player.vue.d.ts +285 -6
- package/es/components/tzj-player/src/yunzhiyanPlayer.vue.d.ts +0 -6
- package/es/components/tzj-player/src/yunzhiyanPlayer.vue2.mjs +6 -144
- package/es/components/tzj-player/src/yunzhiyanPlayer.vue2.mjs.map +1 -1
- package/lib/components/tzj-player/index.d.ts +285 -6
- package/lib/components/tzj-player/src/ctyun-player.js +9 -4
- package/lib/components/tzj-player/src/ctyun-player.js.map +1 -1
- package/lib/components/tzj-player/src/tzj-player.vue.d.ts +285 -6
- package/lib/components/tzj-player/src/yunzhiyanPlayer.vue.d.ts +0 -6
- package/lib/components/tzj-player/src/yunzhiyanPlayer.vue2.js +5 -143
- package/lib/components/tzj-player/src/yunzhiyanPlayer.vue2.js.map +1 -1
- package/package.json +1 -1
|
@@ -133,7 +133,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
133
133
|
showBottomBar: import("vue").Ref<boolean, boolean>;
|
|
134
134
|
playerRef: import("vue").ShallowRef<any, any>;
|
|
135
135
|
isPlaying: import("vue").Ref<boolean, boolean>;
|
|
136
|
-
isFullscreen: import("vue").Ref<boolean, boolean>;
|
|
137
136
|
isVolumeMuted: import("vue").Ref<boolean, boolean>;
|
|
138
137
|
audioMsg: import("vue").Ref<{
|
|
139
138
|
type: string;
|
|
@@ -146,13 +145,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
146
145
|
msg: string;
|
|
147
146
|
}>;
|
|
148
147
|
initPlayer: () => Promise<void>;
|
|
149
|
-
playerPlay: () => void;
|
|
150
|
-
playerPause: () => void;
|
|
151
|
-
playerScreenShot: () => void;
|
|
152
|
-
playerFullscreen: (fullscreen: boolean) => void;
|
|
153
148
|
handleVideoInfo: () => void;
|
|
154
149
|
handleMute: (mute: boolean) => void;
|
|
155
|
-
handleSetMute: (volume: number) => void;
|
|
156
150
|
EasyPlayer: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
157
151
|
url: {
|
|
158
152
|
type: StringConstructor;
|
|
@@ -879,6 +873,291 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
879
873
|
areaName: string;
|
|
880
874
|
platformTypeName: string;
|
|
881
875
|
pauseMode: number;
|
|
876
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any> | import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
877
|
+
url: {
|
|
878
|
+
type: StringConstructor;
|
|
879
|
+
default: string;
|
|
880
|
+
};
|
|
881
|
+
accessToken: {
|
|
882
|
+
type: StringConstructor;
|
|
883
|
+
default: string;
|
|
884
|
+
};
|
|
885
|
+
areaName: {
|
|
886
|
+
type: StringConstructor;
|
|
887
|
+
default: string;
|
|
888
|
+
};
|
|
889
|
+
deviceSerial: {
|
|
890
|
+
type: StringConstructor;
|
|
891
|
+
default: string;
|
|
892
|
+
};
|
|
893
|
+
platformTypeName: {
|
|
894
|
+
type: StringConstructor;
|
|
895
|
+
default: string;
|
|
896
|
+
};
|
|
897
|
+
debug: {
|
|
898
|
+
type: BooleanConstructor;
|
|
899
|
+
default: boolean;
|
|
900
|
+
};
|
|
901
|
+
pauseMode: {
|
|
902
|
+
type: NumberConstructor;
|
|
903
|
+
default: number;
|
|
904
|
+
validator: (value: number) => boolean;
|
|
905
|
+
};
|
|
906
|
+
}>, {
|
|
907
|
+
props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
|
|
908
|
+
url: {
|
|
909
|
+
type: StringConstructor;
|
|
910
|
+
default: string;
|
|
911
|
+
};
|
|
912
|
+
accessToken: {
|
|
913
|
+
type: StringConstructor;
|
|
914
|
+
default: string;
|
|
915
|
+
};
|
|
916
|
+
areaName: {
|
|
917
|
+
type: StringConstructor;
|
|
918
|
+
default: string;
|
|
919
|
+
};
|
|
920
|
+
deviceSerial: {
|
|
921
|
+
type: StringConstructor;
|
|
922
|
+
default: string;
|
|
923
|
+
};
|
|
924
|
+
platformTypeName: {
|
|
925
|
+
type: StringConstructor;
|
|
926
|
+
default: string;
|
|
927
|
+
};
|
|
928
|
+
debug: {
|
|
929
|
+
type: BooleanConstructor;
|
|
930
|
+
default: boolean;
|
|
931
|
+
};
|
|
932
|
+
pauseMode: {
|
|
933
|
+
type: NumberConstructor;
|
|
934
|
+
default: number;
|
|
935
|
+
validator: (value: number) => boolean;
|
|
936
|
+
};
|
|
937
|
+
}>> & Readonly<{}> & {}>;
|
|
938
|
+
videoUrl: import("vue").Ref<string, string>;
|
|
939
|
+
errorMsg: import("vue").Ref<string, string>;
|
|
940
|
+
showBottomBar: import("vue").Ref<boolean, boolean>;
|
|
941
|
+
playerRef: import("vue").ShallowRef<any, any>;
|
|
942
|
+
isPlaying: import("vue").Ref<boolean, boolean>;
|
|
943
|
+
isVolumeMuted: import("vue").Ref<boolean, boolean>;
|
|
944
|
+
audioMsg: import("vue").Ref<{
|
|
945
|
+
type: string;
|
|
946
|
+
msg: string;
|
|
947
|
+
}, {
|
|
948
|
+
type: string;
|
|
949
|
+
msg: string;
|
|
950
|
+
} | {
|
|
951
|
+
type: string;
|
|
952
|
+
msg: string;
|
|
953
|
+
}>;
|
|
954
|
+
initPlayer: () => Promise<void>;
|
|
955
|
+
handleVideoInfo: () => void;
|
|
956
|
+
handleMute: (mute: boolean) => void;
|
|
957
|
+
EasyPlayer: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
958
|
+
url: {
|
|
959
|
+
type: StringConstructor;
|
|
960
|
+
default: string;
|
|
961
|
+
};
|
|
962
|
+
accessToken: {
|
|
963
|
+
type: StringConstructor;
|
|
964
|
+
default: string;
|
|
965
|
+
};
|
|
966
|
+
areaName: {
|
|
967
|
+
type: StringConstructor;
|
|
968
|
+
default: string;
|
|
969
|
+
};
|
|
970
|
+
deviceSerial: {
|
|
971
|
+
type: StringConstructor;
|
|
972
|
+
default: string;
|
|
973
|
+
};
|
|
974
|
+
platformTypeName: {
|
|
975
|
+
type: StringConstructor;
|
|
976
|
+
default: string;
|
|
977
|
+
};
|
|
978
|
+
debug: {
|
|
979
|
+
type: BooleanConstructor;
|
|
980
|
+
default: boolean;
|
|
981
|
+
};
|
|
982
|
+
pauseMode: {
|
|
983
|
+
type: NumberConstructor;
|
|
984
|
+
default: number;
|
|
985
|
+
validator: (value: number) => boolean;
|
|
986
|
+
};
|
|
987
|
+
}>, {
|
|
988
|
+
props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
|
|
989
|
+
url: {
|
|
990
|
+
type: StringConstructor;
|
|
991
|
+
default: string;
|
|
992
|
+
};
|
|
993
|
+
accessToken: {
|
|
994
|
+
type: StringConstructor;
|
|
995
|
+
default: string;
|
|
996
|
+
};
|
|
997
|
+
areaName: {
|
|
998
|
+
type: StringConstructor;
|
|
999
|
+
default: string;
|
|
1000
|
+
};
|
|
1001
|
+
deviceSerial: {
|
|
1002
|
+
type: StringConstructor;
|
|
1003
|
+
default: string;
|
|
1004
|
+
};
|
|
1005
|
+
platformTypeName: {
|
|
1006
|
+
type: StringConstructor;
|
|
1007
|
+
default: string;
|
|
1008
|
+
};
|
|
1009
|
+
debug: {
|
|
1010
|
+
type: BooleanConstructor;
|
|
1011
|
+
default: boolean;
|
|
1012
|
+
};
|
|
1013
|
+
pauseMode: {
|
|
1014
|
+
type: NumberConstructor;
|
|
1015
|
+
default: number;
|
|
1016
|
+
validator: (value: number) => boolean;
|
|
1017
|
+
};
|
|
1018
|
+
}>> & Readonly<{
|
|
1019
|
+
onPlay?: ((...args: any[]) => any) | undefined;
|
|
1020
|
+
onPause?: ((...args: any[]) => any) | undefined;
|
|
1021
|
+
onError?: ((...args: any[]) => any) | undefined;
|
|
1022
|
+
onVideoInfo?: ((...args: any[]) => any) | undefined;
|
|
1023
|
+
onTimeout?: ((...args: any[]) => any) | undefined;
|
|
1024
|
+
onMute?: ((...args: any[]) => any) | undefined;
|
|
1025
|
+
}> & {}>;
|
|
1026
|
+
emits: (event: "error" | "play" | "pause" | "videoInfo" | "timeout" | "mute", ...args: any[]) => void;
|
|
1027
|
+
slots: Readonly<{
|
|
1028
|
+
[name: string]: import("vue").Slot<any> | undefined;
|
|
1029
|
+
}>;
|
|
1030
|
+
customBar: import("vue").ComputedRef<import("vue").Slot<any> | undefined>;
|
|
1031
|
+
player: any;
|
|
1032
|
+
id: string;
|
|
1033
|
+
playerRef: import("vue").ShallowRef<HTMLDivElement | undefined, HTMLDivElement | undefined>;
|
|
1034
|
+
playSuccess: import("vue").Ref<boolean, boolean>;
|
|
1035
|
+
playUrl: import("vue").Ref<string, string>;
|
|
1036
|
+
videoInfo: import("vue").Ref<any, any>;
|
|
1037
|
+
eventHandlers: import("vue").Ref<Map<string, Function> & Omit<Map<string, Function>, keyof Map<any, any>>, Map<string, Function> | (Map<string, Function> & Omit<Map<string, Function>, keyof Map<any, any>>)>;
|
|
1038
|
+
waitTimer: number | null;
|
|
1039
|
+
restartTimer: import("vue").Ref<number | null, number | null>;
|
|
1040
|
+
pauseCycleTimer: import("vue").Ref<number | null, number | null>;
|
|
1041
|
+
resizeObserver: ResizeObserver | null;
|
|
1042
|
+
createRetryCount: number;
|
|
1043
|
+
MAX_CREATE_RETRY: number;
|
|
1044
|
+
isUnmounted: boolean;
|
|
1045
|
+
play: (url?: string) => void;
|
|
1046
|
+
playerPause: () => void;
|
|
1047
|
+
playerScreenShot: () => void;
|
|
1048
|
+
formatUrl: (url: string) => string;
|
|
1049
|
+
initPlayer: (url: string) => Promise<void>;
|
|
1050
|
+
removePlayerDom: () => void;
|
|
1051
|
+
createPlayerDom: () => Promise<HTMLDivElement>;
|
|
1052
|
+
createPlayer: () => Promise<void>;
|
|
1053
|
+
startPlayer: () => Promise<void>;
|
|
1054
|
+
destroy: (flag?: boolean) => void;
|
|
1055
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("error" | "play" | "pause" | "videoInfo" | "timeout" | "mute")[], "error" | "play" | "pause" | "videoInfo" | "timeout" | "mute", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
1056
|
+
url: {
|
|
1057
|
+
type: StringConstructor;
|
|
1058
|
+
default: string;
|
|
1059
|
+
};
|
|
1060
|
+
accessToken: {
|
|
1061
|
+
type: StringConstructor;
|
|
1062
|
+
default: string;
|
|
1063
|
+
};
|
|
1064
|
+
areaName: {
|
|
1065
|
+
type: StringConstructor;
|
|
1066
|
+
default: string;
|
|
1067
|
+
};
|
|
1068
|
+
deviceSerial: {
|
|
1069
|
+
type: StringConstructor;
|
|
1070
|
+
default: string;
|
|
1071
|
+
};
|
|
1072
|
+
platformTypeName: {
|
|
1073
|
+
type: StringConstructor;
|
|
1074
|
+
default: string;
|
|
1075
|
+
};
|
|
1076
|
+
debug: {
|
|
1077
|
+
type: BooleanConstructor;
|
|
1078
|
+
default: boolean;
|
|
1079
|
+
};
|
|
1080
|
+
pauseMode: {
|
|
1081
|
+
type: NumberConstructor;
|
|
1082
|
+
default: number;
|
|
1083
|
+
validator: (value: number) => boolean;
|
|
1084
|
+
};
|
|
1085
|
+
}>> & Readonly<{
|
|
1086
|
+
onPlay?: ((...args: any[]) => any) | undefined;
|
|
1087
|
+
onPause?: ((...args: any[]) => any) | undefined;
|
|
1088
|
+
onError?: ((...args: any[]) => any) | undefined;
|
|
1089
|
+
onVideoInfo?: ((...args: any[]) => any) | undefined;
|
|
1090
|
+
onTimeout?: ((...args: any[]) => any) | undefined;
|
|
1091
|
+
onMute?: ((...args: any[]) => any) | undefined;
|
|
1092
|
+
}>, {
|
|
1093
|
+
url: string;
|
|
1094
|
+
accessToken: string;
|
|
1095
|
+
debug: boolean;
|
|
1096
|
+
deviceSerial: string;
|
|
1097
|
+
areaName: string;
|
|
1098
|
+
platformTypeName: string;
|
|
1099
|
+
pauseMode: number;
|
|
1100
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
1101
|
+
ErrorPage: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
1102
|
+
videoName: {
|
|
1103
|
+
type: StringConstructor;
|
|
1104
|
+
default: string;
|
|
1105
|
+
};
|
|
1106
|
+
message: {
|
|
1107
|
+
type: StringConstructor;
|
|
1108
|
+
default: string;
|
|
1109
|
+
};
|
|
1110
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
1111
|
+
videoName: {
|
|
1112
|
+
type: StringConstructor;
|
|
1113
|
+
default: string;
|
|
1114
|
+
};
|
|
1115
|
+
message: {
|
|
1116
|
+
type: StringConstructor;
|
|
1117
|
+
default: string;
|
|
1118
|
+
};
|
|
1119
|
+
}>> & Readonly<{}>, {
|
|
1120
|
+
message: string;
|
|
1121
|
+
videoName: string;
|
|
1122
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
1123
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
1124
|
+
url: {
|
|
1125
|
+
type: StringConstructor;
|
|
1126
|
+
default: string;
|
|
1127
|
+
};
|
|
1128
|
+
accessToken: {
|
|
1129
|
+
type: StringConstructor;
|
|
1130
|
+
default: string;
|
|
1131
|
+
};
|
|
1132
|
+
areaName: {
|
|
1133
|
+
type: StringConstructor;
|
|
1134
|
+
default: string;
|
|
1135
|
+
};
|
|
1136
|
+
deviceSerial: {
|
|
1137
|
+
type: StringConstructor;
|
|
1138
|
+
default: string;
|
|
1139
|
+
};
|
|
1140
|
+
platformTypeName: {
|
|
1141
|
+
type: StringConstructor;
|
|
1142
|
+
default: string;
|
|
1143
|
+
};
|
|
1144
|
+
debug: {
|
|
1145
|
+
type: BooleanConstructor;
|
|
1146
|
+
default: boolean;
|
|
1147
|
+
};
|
|
1148
|
+
pauseMode: {
|
|
1149
|
+
type: NumberConstructor;
|
|
1150
|
+
default: number;
|
|
1151
|
+
validator: (value: number) => boolean;
|
|
1152
|
+
};
|
|
1153
|
+
}>> & Readonly<{}>, {
|
|
1154
|
+
url: string;
|
|
1155
|
+
accessToken: string;
|
|
1156
|
+
debug: boolean;
|
|
1157
|
+
deviceSerial: string;
|
|
1158
|
+
areaName: string;
|
|
1159
|
+
platformTypeName: string;
|
|
1160
|
+
pauseMode: number;
|
|
882
1161
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any> | import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
883
1162
|
url: {
|
|
884
1163
|
type: StringConstructor;
|
|
@@ -65,7 +65,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
65
65
|
showBottomBar: import("vue").Ref<boolean, boolean>;
|
|
66
66
|
playerRef: import("vue").ShallowRef<any, any>;
|
|
67
67
|
isPlaying: import("vue").Ref<boolean, boolean>;
|
|
68
|
-
isFullscreen: import("vue").Ref<boolean, boolean>;
|
|
69
68
|
isVolumeMuted: import("vue").Ref<boolean, boolean>;
|
|
70
69
|
audioMsg: import("vue").Ref<{
|
|
71
70
|
type: string;
|
|
@@ -78,13 +77,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
78
77
|
msg: string;
|
|
79
78
|
}>;
|
|
80
79
|
initPlayer: () => Promise<void>;
|
|
81
|
-
playerPlay: () => void;
|
|
82
|
-
playerPause: () => void;
|
|
83
|
-
playerScreenShot: () => void;
|
|
84
|
-
playerFullscreen: (fullscreen: boolean) => void;
|
|
85
80
|
handleVideoInfo: () => void;
|
|
86
81
|
handleMute: (mute: boolean) => void;
|
|
87
|
-
handleSetMute: (volume: number) => void;
|
|
88
82
|
EasyPlayer: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
89
83
|
url: {
|
|
90
84
|
type: StringConstructor;
|
|
@@ -13,20 +13,6 @@ var easyPlayer_vue_vue_type_script_setup_true_lang = require('./easyPlayer.vue2.
|
|
|
13
13
|
|
|
14
14
|
var __defProp = Object.defineProperty;
|
|
15
15
|
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
16
|
-
const _hoisted_1 = {
|
|
17
|
-
key: 0,
|
|
18
|
-
class: "i-easy-player-bar"
|
|
19
|
-
};
|
|
20
|
-
const _hoisted_2 = { class: "i-easy-player-bar-item i-easy-player-bar-left" };
|
|
21
|
-
const _hoisted_3 = {
|
|
22
|
-
key: 2,
|
|
23
|
-
class: "i-easy-player-bottom-bar"
|
|
24
|
-
};
|
|
25
|
-
const _hoisted_4 = {
|
|
26
|
-
key: 3,
|
|
27
|
-
class: "i-easy-player-bottom-bar"
|
|
28
|
-
};
|
|
29
|
-
const _hoisted_5 = { class: "i-easy-player-bar-item i-easy-player-bar-right" };
|
|
30
16
|
var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
31
17
|
...{
|
|
32
18
|
name: "YunzhiyanPlayer"
|
|
@@ -40,7 +26,6 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
40
26
|
const showBottomBar = vue.ref(false);
|
|
41
27
|
const playerRef = vue.shallowRef();
|
|
42
28
|
const isPlaying = vue.ref(false);
|
|
43
|
-
const isFullscreen = vue.ref(false);
|
|
44
29
|
const isVolumeMuted = vue.ref(true);
|
|
45
30
|
const audioMsg = vue.ref({
|
|
46
31
|
type: "",
|
|
@@ -70,23 +55,6 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
70
55
|
errorMsg.value = `\u521D\u59CB\u5316\u5931\u8D25: ${error instanceof Error ? error.message : "\u672A\u77E5\u9519\u8BEF"}`;
|
|
71
56
|
}
|
|
72
57
|
}, "initPlayer");
|
|
73
|
-
const playerPlay = /* @__PURE__ */ __name(() => {
|
|
74
|
-
var _a;
|
|
75
|
-
(_a = playerRef.value) == null ? void 0 : _a.play();
|
|
76
|
-
}, "playerPlay");
|
|
77
|
-
const playerPause = /* @__PURE__ */ __name(() => {
|
|
78
|
-
var _a;
|
|
79
|
-
(_a = playerRef.value) == null ? void 0 : _a.pause();
|
|
80
|
-
}, "playerPause");
|
|
81
|
-
const playerScreenShot = /* @__PURE__ */ __name(() => {
|
|
82
|
-
var _a;
|
|
83
|
-
(_a = playerRef.value) == null ? void 0 : _a.screenshot();
|
|
84
|
-
}, "playerScreenShot");
|
|
85
|
-
const playerFullscreen = /* @__PURE__ */ __name((fullscreen) => {
|
|
86
|
-
var _a;
|
|
87
|
-
isFullscreen.value = fullscreen;
|
|
88
|
-
(_a = playerRef.value) == null ? void 0 : _a.fullscreen(fullscreen);
|
|
89
|
-
}, "playerFullscreen");
|
|
90
58
|
const handleVideoInfo = /* @__PURE__ */ __name(() => {
|
|
91
59
|
var _a;
|
|
92
60
|
isVolumeMuted.value = (_a = playerRef.value) == null ? void 0 : _a.isMute();
|
|
@@ -94,10 +62,6 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
94
62
|
const handleMute = /* @__PURE__ */ __name((mute) => {
|
|
95
63
|
isVolumeMuted.value = mute;
|
|
96
64
|
}, "handleMute");
|
|
97
|
-
const handleSetMute = /* @__PURE__ */ __name((volume) => {
|
|
98
|
-
var _a;
|
|
99
|
-
(_a = playerRef.value) == null ? void 0 : _a.setMute(volume);
|
|
100
|
-
}, "handleSetMute");
|
|
101
65
|
vue.onMounted(async () => {
|
|
102
66
|
initPlayer();
|
|
103
67
|
});
|
|
@@ -120,115 +84,13 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
120
84
|
"device-serial": _ctx.deviceSerial,
|
|
121
85
|
"area-name": _ctx.areaName,
|
|
122
86
|
"pause-mode": _ctx.pauseMode,
|
|
123
|
-
onMouseenter: _cache[
|
|
124
|
-
onMouseleave: _cache[
|
|
125
|
-
onPause: _cache[
|
|
126
|
-
onPlay: _cache[
|
|
87
|
+
onMouseenter: _cache[0] || (_cache[0] = ($event) => showBottomBar.value = true),
|
|
88
|
+
onMouseleave: _cache[1] || (_cache[1] = ($event) => showBottomBar.value = false),
|
|
89
|
+
onPause: _cache[2] || (_cache[2] = ($event) => isPlaying.value = false),
|
|
90
|
+
onPlay: _cache[3] || (_cache[3] = ($event) => isPlaying.value = true),
|
|
127
91
|
onVideoInfo: handleVideoInfo,
|
|
128
92
|
onMute: handleMute
|
|
129
|
-
},
|
|
130
|
-
customBar: vue.withCtx(() => [
|
|
131
|
-
showBottomBar.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
|
|
132
|
-
vue.createCommentVNode(" \u5DE6\u4FA7\uFF1A\u64AD\u653E/\u6682\u505C "),
|
|
133
|
-
vue.createElementVNode("div", _hoisted_2, [
|
|
134
|
-
vue.createCommentVNode(" \u64AD\u653E "),
|
|
135
|
-
!isPlaying.value ? (vue.openBlock(), vue.createElementBlock("div", {
|
|
136
|
-
key: 0,
|
|
137
|
-
class: "i-easy-player-bottom-bar",
|
|
138
|
-
onClick: playerPlay
|
|
139
|
-
}, _cache[8] || (_cache[8] = [
|
|
140
|
-
vue.createElementVNode(
|
|
141
|
-
"i",
|
|
142
|
-
{ class: "iconfont icon-playfill" },
|
|
143
|
-
null,
|
|
144
|
-
-1
|
|
145
|
-
/* CACHED */
|
|
146
|
-
)
|
|
147
|
-
]))) : (vue.openBlock(), vue.createElementBlock(
|
|
148
|
-
vue.Fragment,
|
|
149
|
-
{ key: 1 },
|
|
150
|
-
[
|
|
151
|
-
vue.createCommentVNode(" \u6682\u505C "),
|
|
152
|
-
vue.createElementVNode("div", {
|
|
153
|
-
class: "i-easy-player-bottom-bar",
|
|
154
|
-
onClick: playerPause
|
|
155
|
-
}, _cache[9] || (_cache[9] = [
|
|
156
|
-
vue.createElementVNode(
|
|
157
|
-
"i",
|
|
158
|
-
{ class: "iconfont icon-stop" },
|
|
159
|
-
null,
|
|
160
|
-
-1
|
|
161
|
-
/* CACHED */
|
|
162
|
-
)
|
|
163
|
-
]))
|
|
164
|
-
],
|
|
165
|
-
2112
|
|
166
|
-
/* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
|
|
167
|
-
)),
|
|
168
|
-
!isVolumeMuted.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
|
|
169
|
-
vue.createCommentVNode(" \u97F3\u91CF\u56FE\u6807 "),
|
|
170
|
-
vue.createElementVNode("i", {
|
|
171
|
-
class: "iconfont icon-notificationfill",
|
|
172
|
-
onClick: _cache[0] || (_cache[0] = ($event) => handleSetMute(1))
|
|
173
|
-
})
|
|
174
|
-
])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
|
|
175
|
-
vue.createCommentVNode(" \u9759\u97F3\u56FE\u6807 "),
|
|
176
|
-
vue.createElementVNode("i", {
|
|
177
|
-
class: "iconfont icon-notificationforbidfill",
|
|
178
|
-
onClick: _cache[1] || (_cache[1] = ($event) => handleSetMute(0))
|
|
179
|
-
})
|
|
180
|
-
]))
|
|
181
|
-
]),
|
|
182
|
-
vue.createCommentVNode(" \u622A\u56FE,\u5168\u5C4F "),
|
|
183
|
-
vue.createElementVNode("div", _hoisted_5, [
|
|
184
|
-
vue.createCommentVNode(" \u622A\u56FE "),
|
|
185
|
-
vue.createElementVNode("div", {
|
|
186
|
-
class: "i-easy-player-bottom-bar",
|
|
187
|
-
onClick: playerScreenShot
|
|
188
|
-
}, _cache[10] || (_cache[10] = [
|
|
189
|
-
vue.createElementVNode(
|
|
190
|
-
"i",
|
|
191
|
-
{ class: "iconfont icon-picfill" },
|
|
192
|
-
null,
|
|
193
|
-
-1
|
|
194
|
-
/* CACHED */
|
|
195
|
-
)
|
|
196
|
-
])),
|
|
197
|
-
vue.createCommentVNode(" \u5168\u5C4F "),
|
|
198
|
-
!isFullscreen.value ? (vue.openBlock(), vue.createElementBlock("div", {
|
|
199
|
-
key: 0,
|
|
200
|
-
title: "\u5168\u5C4F",
|
|
201
|
-
class: "i-easy-player-bottom-bar",
|
|
202
|
-
onClick: _cache[2] || (_cache[2] = ($event) => playerFullscreen(true))
|
|
203
|
-
}, _cache[11] || (_cache[11] = [
|
|
204
|
-
vue.createElementVNode(
|
|
205
|
-
"i",
|
|
206
|
-
{ class: "iconfont icon-full" },
|
|
207
|
-
null,
|
|
208
|
-
-1
|
|
209
|
-
/* CACHED */
|
|
210
|
-
)
|
|
211
|
-
]))) : vue.createCommentVNode("v-if", true),
|
|
212
|
-
vue.createCommentVNode(" \u53D6\u6D88\u5168\u5C4F "),
|
|
213
|
-
isFullscreen.value ? (vue.openBlock(), vue.createElementBlock("div", {
|
|
214
|
-
key: 1,
|
|
215
|
-
class: "i-easy-player-bottom-bar",
|
|
216
|
-
onClick: _cache[3] || (_cache[3] = ($event) => playerFullscreen(false))
|
|
217
|
-
}, _cache[12] || (_cache[12] = [
|
|
218
|
-
vue.createElementVNode(
|
|
219
|
-
"i",
|
|
220
|
-
{ class: "iconfont icon-reduction" },
|
|
221
|
-
null,
|
|
222
|
-
-1
|
|
223
|
-
/* CACHED */
|
|
224
|
-
)
|
|
225
|
-
]))) : vue.createCommentVNode("v-if", true)
|
|
226
|
-
])
|
|
227
|
-
])) : vue.createCommentVNode("v-if", true)
|
|
228
|
-
]),
|
|
229
|
-
_: 1
|
|
230
|
-
/* STABLE */
|
|
231
|
-
}, 8, ["url", "debug", "access-token", "platform-type-name", "device-serial", "area-name", "pause-mode"])) : vue.createCommentVNode("v-if", true),
|
|
93
|
+
}, null, 8, ["url", "debug", "access-token", "platform-type-name", "device-serial", "area-name", "pause-mode"])) : vue.createCommentVNode("v-if", true),
|
|
232
94
|
vue.createCommentVNode(" \u8BED\u97F3\u5BF9\u8BB2\u9519\u8BEF\u63D0\u793A "),
|
|
233
95
|
audioMsg.value.msg ? (vue.openBlock(), vue.createElementBlock(
|
|
234
96
|
"div",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"yunzhiyanPlayer.vue2.js","sources":["../../../../../../../packages/components/tzj-player/src/yunzhiyanPlayer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, ref, shallowRef } from \"vue\";\nimport { ElMessage } from \"element-plus\";\nimport EasyPlayer from \"./easyPlayer.vue\";\nimport ErrorPage from \"./errorPage.vue\";\nimport { TzjPlayerProps } from \"./tzj-player\";\nimport { getVideoUrlByCamreaId } from \"./yunzhiyan\";\n\ndefineOptions({\n name: \"YunzhiyanPlayer\",\n});\n\nconst props = defineProps(TzjPlayerProps);\nconst videoUrl = ref(\"\");\nconst errorMsg = ref(\"\");\nconst showBottomBar = ref(false);\n\n// 播放器相关状态\nconst playerRef = shallowRef();\nconst isPlaying = ref(false); // 是否播放,播放true,暂停false\nconst isFullscreen = ref(false);\nconst isVolumeMuted = ref(true);\n\nconst audioMsg = ref({\n type: \"\",\n msg: \"\",\n}); // 语音对讲提示信息\n\n/**\n * 初始化云智眼播放器\n * 获取设备通道ID和视频播放地址\n */\nconst initPlayer = async (): Promise<void> => {\n try {\n if (!props.deviceSerial) {\n errorMsg.value = \"设备序列号不能为空\";\n return;\n }\n\n const { code, data, msg } = await getVideoUrlByCamreaId(props.deviceSerial);\n\n if (props.debug) {\n console.log(\"获取云智眼设备视频播放地址\", data);\n }\n\n if (code !== 200) {\n errorMsg.value = \"获取视频播放地址失败\";\n ElMessage.error(msg || \"数据获取失败!\");\n return;\n }\n\n videoUrl.value = data;\n errorMsg.value = \"\"; // 清除错误信息\n } catch (error) {\n if (props.debug) {\n console.error(\"初始化云智眼播放器失败:\", error);\n }\n errorMsg.value = `初始化失败: ${error instanceof Error ? error.message : \"未知错误\"}`;\n }\n};\n\n/**\n * 播放视频\n */\nconst playerPlay = (): void => {\n playerRef.value?.play();\n};\n\n/**\n * 暂停视频\n */\nconst playerPause = (): void => {\n playerRef.value?.pause();\n};\n\n/**\n * 截图\n */\nconst playerScreenShot = (): void => {\n playerRef.value?.screenshot();\n};\n\n/**\n * 切换全屏状态\n * @param fullscreen 是否全屏\n */\nconst playerFullscreen = (fullscreen: boolean): void => {\n isFullscreen.value = fullscreen;\n playerRef.value?.fullscreen(fullscreen);\n};\n\n// 获取视频信息,判断当前是否为静音状态\nconst handleVideoInfo = () => {\n // 判断是否静音\n isVolumeMuted.value = playerRef.value?.isMute();\n};\nconst handleMute = (mute: boolean) => {\n isVolumeMuted.value = mute;\n};\nconst handleSetMute = (volume: number) => {\n playerRef.value?.setMute(volume);\n};\n\nonMounted(async () => {\n initPlayer();\n});\n</script>\n\n<template>\n <ErrorPage v-if=\"errorMsg\" :message=\"errorMsg\" />\n <EasyPlayer\n v-else-if=\"videoUrl\"\n ref=\"playerRef\"\n :url=\"videoUrl\"\n :debug=\"debug\"\n :access-token=\"accessToken\"\n :platform-type-name=\"platformTypeName\"\n :device-serial=\"deviceSerial\"\n :area-name=\"areaName\"\n :pause-mode=\"pauseMode\"\n @mouseenter=\"showBottomBar = true\"\n @mouseleave=\"showBottomBar = false\"\n @pause=\"isPlaying = false\"\n @play=\"isPlaying = true\"\n @video-info=\"handleVideoInfo\"\n @mute=\"handleMute\"\n >\n <template #customBar>\n <div v-if=\"showBottomBar\" class=\"i-easy-player-bar\">\n <!-- 左侧:播放/暂停 -->\n <div class=\"i-easy-player-bar-item i-easy-player-bar-left\">\n <!-- 播放 -->\n <div\n v-if=\"!isPlaying\"\n class=\"i-easy-player-bottom-bar\"\n @click=\"playerPlay\"\n >\n <i class=\"iconfont icon-playfill\" />\n </div>\n <!-- 暂停 -->\n <div v-else class=\"i-easy-player-bottom-bar\" @click=\"playerPause\">\n <i class=\"iconfont icon-stop\" />\n </div>\n\n <div v-if=\"!isVolumeMuted\" class=\"i-easy-player-bottom-bar\">\n <!-- 音量图标 -->\n <i\n class=\"iconfont icon-notificationfill\"\n @click=\"handleSetMute(1)\"\n />\n </div>\n <div v-else class=\"i-easy-player-bottom-bar\">\n <!-- 静音图标 -->\n <i\n class=\"iconfont icon-notificationforbidfill\"\n @click=\"handleSetMute(0)\"\n />\n </div>\n </div>\n <!-- 截图,全屏 -->\n <div class=\"i-easy-player-bar-item i-easy-player-bar-right\">\n <!-- 截图 -->\n <div class=\"i-easy-player-bottom-bar\" @click=\"playerScreenShot\">\n <i class=\"iconfont icon-picfill\" />\n </div>\n <!-- 全屏 -->\n <div\n v-if=\"!isFullscreen\"\n title=\"全屏\"\n class=\"i-easy-player-bottom-bar\"\n @click=\"playerFullscreen(true)\"\n >\n <i class=\"iconfont icon-full\" />\n </div>\n <!-- 取消全屏 -->\n <div\n v-if=\"isFullscreen\"\n class=\"i-easy-player-bottom-bar\"\n @click=\"playerFullscreen(false)\"\n >\n <i class=\"iconfont icon-reduction\" />\n </div>\n </div>\n </div>\n </template>\n </EasyPlayer>\n\n <!-- 语音对讲错误提示 -->\n <div\n v-if=\"audioMsg.msg\"\n class=\"i-tzj-player__voice-default\"\n :class=\"`i-tzj-player__voice-${audioMsg.type}`\"\n >\n {{ audioMsg.msg }}\n </div>\n</template>\n"],"names":["ref","shallowRef","getVideoUrlByCamreaId","ElMessage","onMounted","_createBlock","ErrorPage","EasyPlayer","debug","accessToken","platformTypeName","deviceSerial","areaName","pauseMode","_openBlock","_createElementBlock","_createCommentVNode","_createElementVNode","_Fragment","_normalizeClass","_toDisplayString"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"yunzhiyanPlayer.vue2.js","sources":["../../../../../../../packages/components/tzj-player/src/yunzhiyanPlayer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, ref, shallowRef } from \"vue\";\nimport { ElMessage } from \"element-plus\";\nimport EasyPlayer from \"./easyPlayer.vue\";\nimport ErrorPage from \"./errorPage.vue\";\nimport { TzjPlayerProps } from \"./tzj-player\";\nimport { getVideoUrlByCamreaId } from \"./yunzhiyan\";\n\ndefineOptions({\n name: \"YunzhiyanPlayer\",\n});\n\nconst props = defineProps(TzjPlayerProps);\nconst videoUrl = ref(\"\");\nconst errorMsg = ref(\"\");\nconst showBottomBar = ref(false);\n\n// 播放器相关状态\nconst playerRef = shallowRef();\nconst isPlaying = ref(false); // 是否播放,播放true,暂停false\nconst isVolumeMuted = ref(true);\n\nconst audioMsg = ref({\n type: \"\",\n msg: \"\",\n}); // 语音对讲提示信息\n\n/**\n * 初始化云智眼播放器\n * 获取设备通道ID和视频播放地址\n */\nconst initPlayer = async (): Promise<void> => {\n try {\n if (!props.deviceSerial) {\n errorMsg.value = \"设备序列号不能为空\";\n return;\n }\n\n const { code, data, msg } = await getVideoUrlByCamreaId(props.deviceSerial);\n\n if (props.debug) {\n console.log(\"获取云智眼设备视频播放地址\", data);\n }\n\n if (code !== 200) {\n errorMsg.value = \"获取视频播放地址失败\";\n ElMessage.error(msg || \"数据获取失败!\");\n return;\n }\n\n videoUrl.value = data;\n errorMsg.value = \"\"; // 清除错误信息\n } catch (error) {\n if (props.debug) {\n console.error(\"初始化云智眼播放器失败:\", error);\n }\n errorMsg.value = `初始化失败: ${error instanceof Error ? error.message : \"未知错误\"}`;\n }\n};\n\n// 获取视频信息,判断当前是否为静音状态\nconst handleVideoInfo = () => {\n // 判断是否静音\n isVolumeMuted.value = playerRef.value?.isMute();\n};\nconst handleMute = (mute: boolean) => {\n isVolumeMuted.value = mute;\n};\n\nonMounted(async () => {\n initPlayer();\n});\n</script>\n\n<template>\n <ErrorPage v-if=\"errorMsg\" :message=\"errorMsg\" />\n <EasyPlayer\n v-else-if=\"videoUrl\"\n ref=\"playerRef\"\n :url=\"videoUrl\"\n :debug=\"debug\"\n :access-token=\"accessToken\"\n :platform-type-name=\"platformTypeName\"\n :device-serial=\"deviceSerial\"\n :area-name=\"areaName\"\n :pause-mode=\"pauseMode\"\n @mouseenter=\"showBottomBar = true\"\n @mouseleave=\"showBottomBar = false\"\n @pause=\"isPlaying = false\"\n @play=\"isPlaying = true\"\n @video-info=\"handleVideoInfo\"\n @mute=\"handleMute\"\n >\n </EasyPlayer>\n\n <!-- 语音对讲错误提示 -->\n <div\n v-if=\"audioMsg.msg\"\n class=\"i-tzj-player__voice-default\"\n :class=\"`i-tzj-player__voice-${audioMsg.type}`\"\n >\n {{ audioMsg.msg }}\n </div>\n</template>\n"],"names":["ref","shallowRef","getVideoUrlByCamreaId","ElMessage","onMounted","_createBlock","ErrorPage","EasyPlayer","debug","accessToken","platformTypeName","deviceSerial","areaName","pauseMode","_createCommentVNode","_createElementBlock","_normalizeClass","_toDisplayString"],"mappings":"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"}
|