vue-video-plus 1.3.2 → 1.3.4
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 +5 -3
- package/dist/style.css +1 -1
- package/dist/types/src/package/components/Handle.vue.d.ts +0 -4
- package/dist/types/src/package/index.d.ts +4 -5
- package/dist/types/src/package/version.d.ts +1 -1
- package/dist/vueVideo-es.js +684 -692
- package/dist/vueVideo-umd.js +1 -1
- package/package.json +1 -1
package/dist/vueVideo-es.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
const
|
|
1
|
+
import { defineComponent as q, openBlock as f, createElementBlock as h, normalizeClass as I, normalizeStyle as R, createElementVNode as o, getCurrentInstance as L6, computed as A, withDirectives as C, toDisplayString as T, createCommentVNode as B, createVNode as g, vShow as L, createTextVNode as D, useCssVars as i6, ref as N, reactive as Z, withModifiers as $6, nextTick as g6, watch as t6, onMounted as l6, onUnmounted as w6, Transition as o6, withCtx as a6, Fragment as n6, renderList as s6, createStaticVNode as E6, mergeProps as H6, unref as F6, withKeys as j, createBlock as A6 } from "vue";
|
|
2
|
+
const f6 = [
|
|
3
3
|
//当浏览器开始查找音频/视频时触发。
|
|
4
4
|
"loadstart",
|
|
5
5
|
//当音频/视频已开始或不再暂停时触发。
|
|
@@ -29,8 +29,8 @@ const h6 = [
|
|
|
29
29
|
//当浏览器尝试获取媒体数据，但数据不可用时触发
|
|
30
30
|
"stalled"
|
|
31
31
|
], J = {
|
|
32
|
-
width: { type: String, default: "
|
|
33
|
-
height: { type: String, default: "
|
|
32
|
+
width: { type: String, default: "1080px" },
|
|
33
|
+
height: { type: String, default: "608px" },
|
|
34
34
|
colorStart: { type: String, default: "#52a0fd" },
|
|
35
35
|
//主题颜色起始点（单独设置时为纯色，配合colorEnd时为渐变起点）
|
|
36
36
|
colorEnd: { type: String, default: "#00e2fa" },
|
|
@@ -89,63 +89,63 @@ const h6 = [
|
|
|
89
89
|
//预加载
|
|
90
90
|
playBtnPosition: { type: String, default: "center" },
|
|
91
91
|
//中央播放按钮位置：center(中央) | bottom-right(右下) | bottom-left(左下)
|
|
92
|
-
borderRadius: { type: String, default: "
|
|
92
|
+
borderRadius: { type: String, default: "8px" },
|
|
93
93
|
//播放器圆角大小，如：'0px'(无圆角) | '8px' | '16px'
|
|
94
94
|
playBtnAnimation: { type: String, default: "scale" },
|
|
95
95
|
//播放/暂停按钮切换动画：'rotate'(旋转) | 'scale'(缩放) | 'flip'(翻转) | 'slide'(滑动) | 'none'(无动画，默认)
|
|
96
96
|
playRetryTimeout: { type: Number, default: 500 }
|
|
97
97
|
//播放失败重试时等待视频准备就绪的超时时间（毫秒），默认500ms
|
|
98
|
-
},
|
|
98
|
+
}, I6 = (a) => `${parseInt("0x" + a.slice(1, 3))},${parseInt(
|
|
99
99
|
"0x" + a.slice(3, 5)
|
|
100
|
-
)},${parseInt("0x" + a.slice(5, 7))}`,
|
|
100
|
+
)},${parseInt("0x" + a.slice(5, 7))}`, D6 = (a) => a.charAt(0).toUpperCase() + a.slice(1), Q = (a) => {
|
|
101
101
|
let i = ~~(a / 3600), n = ~~(a % 3600 / 60), t = ~~(a % 60);
|
|
102
102
|
return i = i < 10 ? "0" + i : i, n = n < 10 ? "0" + n : n, t = t < 10 ? "0" + t : t, `${i}:${n}:${t}`;
|
|
103
|
-
},
|
|
103
|
+
}, q6 = (a) => {
|
|
104
104
|
document.pictureInPictureElement ? document.exitPictureInPicture().catch((i) => {
|
|
105
105
|
console.log(i, "Video failed to leave Picture-in-Picture mode.");
|
|
106
106
|
}) : a.requestPictureInPicture().catch((i) => {
|
|
107
107
|
console.log(i, "Video failed to enter Picture-in-Picture mode.");
|
|
108
108
|
});
|
|
109
|
-
},
|
|
109
|
+
}, R6 = (a) => {
|
|
110
110
|
let i = document, n = document.fullscreenElement;
|
|
111
111
|
return n ? (document.exitFullscreen || i.webkitExitFullScreen).call(i) : a.requestFullscreen.call(a), !n;
|
|
112
112
|
};
|
|
113
113
|
window._iconfont_svg_string_4726673 = '<svg><symbol id="icon-guanbi" viewBox="0 0 1024 1024"><path d="M1023.997 114.97 911.408 2.388 516.149 397.629 118.5 0 5.91 112.585l397.649 397.629L7.107 906.648l112.587 112.59 396.454-396.439 395.259 395.249 112.59-112.59L628.738 510.214 1023.997 114.97z" fill="#272636" ></path></symbol><symbol id="icon-x" viewBox="0 0 1024 1024"><path d="M720.298667 768c-12.714667 0-23.850667-4.778667-33.408-14.293333L270.293333 337.066667c-19.072-19.114667-19.072-49.322667 0-66.816 19.114667-19.072 49.322667-19.072 66.816 0l416.597334 415.018666c19.072 19.072 19.072 49.28 0 66.773334-9.557333 11.136-22.272 15.914667-33.408 15.914666z" fill="#172B4D" ></path><path d="M303.701333 768c-12.714667 0-23.850667-4.778667-33.408-14.293333-19.072-19.114667-19.072-49.322667 0-66.816l415.018667-416.597334c19.072-19.072 49.28-19.072 66.773333 0 19.114667 19.114667 19.114667 49.322667 0 66.816l-414.976 416.597334a45.781333 45.781333 0 0 1-33.408 14.293333z" fill="#172B4D" ></path></symbol><symbol id="icon-X" viewBox="0 0 1024 1024"><path d="M808.680727 212.650667a31.030303 31.030303 0 0 1 0 43.876848l-558.545454 558.545455a31.030303 31.030303 0 0 1-43.876849-43.876849l558.545455-558.545454a31.030303 31.030303 0 0 1 43.876848 0z" fill="#303133" ></path><path d="M206.258424 212.650667a31.030303 31.030303 0 0 1 43.876849 0l558.545454 558.545454a31.030303 31.030303 0 0 1-43.876848 43.876849l-558.545455-558.545455a31.030303 31.030303 0 0 1 0-43.876848z" fill="#303133" ></path></symbol><symbol id="icon-x-copy" viewBox="0 0 1024 1024"><path d="M720.298667 768c-12.714667 0-23.850667-4.778667-33.408-14.293333L270.293333 337.066667c-19.072-19.114667-19.072-49.322667 0-66.816 19.114667-19.072 49.322667-19.072 66.816 0l416.597334 415.018666c19.072 19.072 19.072 49.28 0 66.773334-9.557333 11.136-22.272 15.914667-33.408 15.914666z" fill="#ffffff" ></path><path d="M303.701333 768c-12.714667 0-23.850667-4.778667-33.408-14.293333-19.072-19.114667-19.072-49.322667 0-66.816l415.018667-416.597334c19.072-19.072 49.28-19.072 66.773333 0 19.114667 19.114667 19.114667 49.322667 0 66.816l-414.976 416.597334a45.781333 45.781333 0 0 1-33.408 14.293333z" fill="#ffffff" ></path></symbol><symbol id="icon-guanbi-copy" viewBox="0 0 1024 1024"><path d="M1023.997 114.97 911.408 2.388 516.149 397.629 118.5 0 5.91 112.585l397.649 397.629L7.107 906.648l112.587 112.59 396.454-396.439 395.259 395.249 112.59-112.59L628.738 510.214 1023.997 114.97z" fill="#ffffff" ></path></symbol><symbol id="icon-shezhi" viewBox="0 0 1024 1024"><path d="M945.230769 590.769231v-157.538462h-87.433846c-9.058462-39.384615-24.418462-76.8-45.686154-109.883077l61.833846-61.833846-111.458461-111.458461-61.833846 61.833846c-33.476923-20.873846-70.498462-36.627692-109.883077-45.686154V78.769231h-157.538462v87.433846c-39.384615 9.058462-76.8 24.418462-109.883077 45.686154L261.513846 150.055385 150.055385 261.513846l61.833846 61.833846c-20.873846 33.476923-36.627692 70.498462-45.686154 109.883077H78.769231v157.538462h87.433846c9.058462 39.384615 24.418462 76.8 45.686154 109.883077l-61.833846 61.833846 111.458461 111.458461 61.833846-61.833846c33.476923 20.873846 70.498462 36.627692 109.883077 45.686154V945.230769h157.538462v-87.433846c39.384615-9.058462 76.8-24.418462 109.883077-45.686154l61.833846 61.833846 111.458461-111.458461-61.833846-61.833846c20.873846-33.476923 36.627692-70.498462 45.686154-109.883077H945.230769z m-433.230769 181.169231c-143.36 0-259.938462-116.578462-259.938462-259.938462s116.578462-259.938462 259.938462-259.938462 259.938462 116.578462 259.938462 259.938462-116.578462 259.938462-259.938462 259.938462z" ></path><path d="M512 512m-78.769231 0a78.769231 78.769231 0 1 0 157.538462 0 78.769231 78.769231 0 1 0-157.538462 0Z" ></path></symbol><symbol id="icon-settings1" viewBox="0 0 1024 1024"><path d="M512 605.090909c-51.432727 0-93.090909-41.658182-93.090909-93.090909s41.658182-93.090909 93.090909-93.090909 93.090909 41.658182 93.090909 93.090909-41.658182 93.090909-93.090909 93.090909z m0 93.090909c102.865455 0 186.181818-83.316364 186.181818-186.181818s-83.316364-186.181818-186.181818-186.181818-186.181818 83.316364-186.181818 186.181818 83.316364 186.181818 186.181818 186.181818z m52.829091 132.491637c-17.221818 2.792727-34.792727 4.189091-52.829091 4.18909-18.036364 0-35.607273-1.396364-52.829091-4.18909l-48.407273 58.763636a46.533818 46.533818 0 0 1-59.229091 10.705454l-92.974545-53.643636a46.557091 46.557091 0 0 1-20.247273-56.669091l25.949091-69.12a327.424 327.424 0 0 1-57.250909-96.581818l-75.054545-12.567273A46.475636 46.475636 0 0 1 93.090909 565.713455v-107.403637c0-22.690909 16.407273-42.123636 38.865455-45.847273l72.843636-12.218181c12.683636-35.84 31.534545-68.770909 55.156364-97.629091l-26.763637-71.330909c-7.912727-21.410909 0.698182-45.265455 20.363637-56.669091l92.974545-53.643637c19.665455-11.403636 44.683636-6.865455 59.229091 10.705455l46.894545 57.018182c19.2-3.607273 39.098182-5.469091 59.345455-5.469091 20.247273 0 40.145455 1.861818 59.345455 5.469091l46.894545-57.018182c14.545455-17.570909 39.563636-22.109091 59.229091-10.705455l92.974545 53.643637c19.665455 11.403636 28.276364 35.258182 20.363637 56.669091l-26.763637 71.330909c23.621818 28.858182 42.472727 61.789091 55.156364 97.629091l72.843636 12.218181c22.458182 3.723636 38.865455 23.156364 38.865455 45.847273v107.403637c0 22.690909-16.407273 42.123636-38.865455 45.847272l-75.054545 12.567273a327.424 327.424 0 0 1-57.250909 96.581818l25.949091 69.12c8.029091 21.294545-0.581818 45.265455-20.247273 56.669091l-92.974545 53.643636c-19.665455 11.403636-44.8 6.865455-59.229091-10.705454l-48.407273-58.763636z" ></path></symbol><symbol id="icon-pause" viewBox="0 0 1024 1024"><path d="M311.442286 146.285714C221.147429 146.285714 219.428571 220.013714 219.428571 220.013714l-0.292571 583.972572s0.877714 73.435429 91.721143 73.435428 91.282286-72.996571 91.282286-72.996571L402.870857 219.428571s-1.133714-73.142857-91.428571-73.142857z" ></path><path d="M311.442286 146.285714C221.147429 146.285714 219.428571 220.013714 219.428571 220.013714l-0.292571 583.972572s0.877714 73.435429 91.721143 73.435428 91.282286-72.996571 91.282286-72.996571L402.870857 219.428571s-1.133714-73.142857-91.428571-73.142857z" ></path><path d="M706.852571 146.285714c-90.294857 0-92.013714 73.728-92.013714 73.728l-0.292571 583.972572s0.877714 73.435429 91.721143 73.435428 91.282286-72.996571 91.282285-72.996571L798.281143 219.428571s-1.133714-73.142857-91.428572-73.142857z" ></path><path d="M706.852571 146.285714c-90.294857 0-92.013714 73.728-92.013714 73.728l-0.292571 583.972572s0.877714 73.435429 91.721143 73.435428 91.282286-72.996571 91.282285-72.996571L798.281143 219.428571s-1.133714-73.142857-91.428572-73.142857z" ></path></symbol><symbol id="icon-play" viewBox="0 0 1024 1024"><path d="M254.866286 114.285714s-47.433143-13.714286-87.442286 14.848C142.262857 149.686857 146.285714 219.721143 146.285714 219.721143v585.435428s-4.571429 81.408 36.571429 108.836572 146.285714-35.145143 146.285714-35.145143l474.294857-298.276571S841.142857 550.838857 841.142857 512s-37.705143-70.875429-37.705143-70.875429l-548.571428-326.838857z" ></path><path d="M254.866286 114.285714s-47.433143-13.714286-87.442286 14.848C142.262857 149.686857 146.285714 219.721143 146.285714 219.721143v585.435428s-4.571429 81.408 36.571429 108.836572 146.285714-35.145143 146.285714-35.145143l474.294857-298.276571S841.142857 550.838857 841.142857 512s-37.705143-70.875429-37.705143-70.875429l-548.571428-326.838857z" ></path></symbol><symbol id="icon-volume-mute" viewBox="0 0 1024 1024"><path d="M463.0559082 183.06933619a88.98925781 88.98925781 0 0 1 88.98925782 88.98925781v482.68432592a88.98925781 88.98925781 0 0 1-142.08618165 71.38916016L256.2382815 711.83032227H216.0612793A88.46191381 88.46191381 0 0 1 127.63232397 623.40136693V402.64208984A88.46191381 88.46191381 0 0 1 216.02832006 314.24609375h40.24291992l153.85253906-113.70849609a88.98925781 88.98925781 0 0 1 52.89916993-17.40234375z m0 72.50976512a16.47949193 16.47949193 0 0 0-9.78881836 3.22998097L299.41455078 372.51757838c-12.49145533 9.22851588-27.58666992 14.17236353-43.07739232 14.17236277H216.02832006a15.95214869 15.95214869 0 0 0-15.91918945 15.95214869v220.75927709c0 8.80004883 7.11914063 15.91918945 15.91918945 15.91918946h40.20996144c15.58959936 0 30.75073242 5.04272461 43.242187 14.3371582l153.72070363 114.30175781a16.47949193 16.47949193 0 0 0 26.30126953-13.21655248V272.058594a16.47949193 16.47949193 0 0 0-16.47949269-16.47949269z m166.90429688 123.26660207l103.82080078 103.82080078 103.19457982-103.22753906 51.2841802 51.28417943-103.22753906 103.16162135 103.82080078 103.82080078-51.2841802 51.28417943-103.82080078-103.82080078-103.16162059 103.22753906-51.28418019-51.28417943 103.16162135-103.19458058-103.75488307-103.82080079 51.25122096-51.25122019z" ></path></symbol><symbol id="icon-volume-down" viewBox="0 0 1024 1024"><path d="M461.312 246.4768a17.066667 17.066667 0 0 1 17.066667 17.066667V763.392a17.066667 17.066667 0 0 1-27.2384 13.687467l-159.197867-118.3744a75.076267 75.076267 0 0 0-44.782933-14.813867h-41.642667a16.5376 16.5376 0 0 1-16.520533-16.520533V398.779733c0-9.1136 7.406933-16.520533 16.520533-16.520533h41.710933a75.264 75.264 0 0 0 44.612267-14.677333l159.3344-117.76a16.9472 16.9472 0 0 1 10.1376-3.345067z m0-75.093333c-19.729067 0-38.912 6.314667-54.784 18.056533L247.1936 307.2h-41.6768a91.5968 91.5968 0 0 0-91.613867 91.579733V627.370667a91.630933 91.630933 0 0 0 91.613867 91.613866h41.608533l159.197867 118.3744a92.194133 92.194133 0 0 0 147.1488-73.966933V263.543467a92.16 92.16 0 0 0-92.16-92.16zM635.460267 416.4608l6.075733 7.406933c25.2928 32.4608 39.0144 71.304533 39.0144 112.0256 0 44.032-16.145067 85.8112-45.4656 119.842134l56.866133 49.015466 6.997334-8.3968c36.488533-45.909333 56.695467-101.751467 56.695466-160.4608 0-62.122667-22.562133-121.002667-63.1808-168.311466l-57.002666 48.878933z" ></path></symbol><symbol id="icon-volume-down-fill" viewBox="0 0 1024 1024"><path d="M379.264 682.666667H213.333333a42.666667 42.666667 0 0 1-42.666666-42.666667V384a42.666667 42.666667 0 0 1 42.666666-42.666667h165.930667l225.877333-184.832a21.333333 21.333333 0 0 1 34.858667 16.512v677.973334a21.333333 21.333333 0 0 1-34.858667 16.512L379.306667 682.666667z m425.557333 25.216l-60.672-60.672A170.368 170.368 0 0 0 810.666667 512c0-61.013333-32-114.56-80.213334-144.725333l61.397334-61.397334A255.616 255.616 0 0 1 896 512c0 78.592-35.413333 148.906667-91.178667 195.882667z" ></path></symbol><symbol id="icon-volume-mute-fill" viewBox="0 0 1024 1024"><path d="M251.264 682.666667H85.333333a42.666667 42.666667 0 0 1-42.666666-42.666667V384a42.666667 42.666667 0 0 1 42.666666-42.666667h165.930667l225.877333-184.832a21.333333 21.333333 0 0 1 34.858667 16.512v677.973334a21.333333 21.333333 0 0 1-34.858667 16.512L251.306667 682.666667z m619.733333-170.666667l150.869334 150.869333-60.330667 60.330667L810.666667 572.330667l-150.869334 150.869333-60.330666-60.330667L750.336 512 599.466667 361.130667l60.330666-60.330667L810.666667 451.669333l150.869333-150.869333 60.330667 60.330667L870.997333 512z" ></path></symbol><symbol id="icon-volume-up-fill" viewBox="0 0 1024 1024"><path d="M251.264 682.666667H85.333333a42.666667 42.666667 0 0 1-42.666666-42.666667V384a42.666667 42.666667 0 0 1 42.666666-42.666667h165.930667l225.877333-184.832a21.333333 21.333333 0 0 1 34.858667 16.512v677.973334a21.333333 21.333333 0 0 1-34.858667 16.512L251.306667 682.666667z m576.725333 176.384l-60.416-60.416A383.061333 383.061333 0 0 0 896 512a383.232 383.232 0 0 0-140.970667-297.301333l60.586667-60.586667A468.309333 468.309333 0 0 1 981.333333 512c0 137.514667-59.136 261.205333-153.344 347.050667z m-151.168-151.168l-60.672-60.672A170.368 170.368 0 0 0 682.666667 512c0-61.013333-32-114.56-80.213334-144.725333l61.397334-61.397334A255.616 255.616 0 0 1 768 512c0 78.592-35.413333 148.906667-91.178667 195.882667z" ></path></symbol><symbol id="icon-huazhonghua" viewBox="0 0 1024 1024"><path d="M297.984 105.472h76.288c11.776 0 20.48 6.144 25.6 16.384 5.12 9.728 4.608 19.456-1.024 28.672-6.144 9.728-14.848 14.848-26.624 14.848H254.976c-16.384 0-32.256 3.584-46.592 11.776-29.696 17.92-45.568 44.032-46.08 78.848-0.512 31.232 0 62.464 0 93.696 0 6.656-1.024 12.8-4.608 18.944-6.656 11.264-20.48 16.896-33.792 13.312-12.8-3.584-22.016-15.36-22.016-28.672 0-40.96-0.512-81.92 0-122.88 0.512-41.472 18.432-74.752 51.2-99.84 18.432-13.824 39.424-22.016 62.464-24.064 1.536-0.512 3.584-0.512 6.144-0.512h76.288z m443.392 0h-76.288c-11.776 0-20.48 6.144-25.6 16.384-5.12 9.728-4.608 19.456 1.024 28.672 6.144 9.728 14.848 14.848 26.624 14.848h117.248c16.384 0 32.256 3.584 46.592 11.776 29.696 17.92 45.568 44.032 46.08 78.848 0.512 31.232 0 62.464 0 93.696 0 6.656 1.024 12.8 4.608 18.944 6.656 11.264 20.48 16.896 33.792 13.312 12.8-3.584 22.016-15.36 22.016-28.672 0-40.96 0.512-81.92 0-122.88-0.512-41.472-18.432-74.752-51.2-99.84-18.432-13.824-39.424-22.016-62.464-24.064-2.048 0-4.096-0.512-6.144-0.512h-76.288zM297.984 912.384h76.288c11.776 0 20.48-6.144 25.6-16.384 5.12-9.728 4.608-19.456-1.024-28.672-6.144-9.728-14.848-14.848-26.624-14.848H254.976c-16.384 0-32.256-3.584-46.592-11.776-29.696-17.92-45.568-44.032-46.08-78.848-0.512-31.232 0-62.464 0-93.696 0-6.656-1.024-12.8-4.608-18.944-6.656-11.264-20.48-16.896-33.792-13.312-12.8 3.584-22.016 15.36-22.016 28.672 0 40.96-0.512 81.92 0 122.88 0.512 41.472 18.432 74.752 51.2 99.84 18.432 13.824 39.424 22.016 62.464 24.064 2.048 0 4.096 0.512 6.144 0.512h76.288z m443.392 0h-76.288c-11.776 0-20.48-6.144-25.6-16.384-5.12-9.728-4.608-19.456 1.024-28.672 6.144-9.728 14.848-14.848 26.624-14.848h117.248c16.384 0 32.256-3.584 46.592-11.776 29.696-17.92 45.568-44.032 46.08-78.848 0.512-31.232 0-62.464 0-93.696 0-6.656 1.024-12.8 4.608-18.944 6.656-11.264 20.48-16.896 33.792-13.312 12.8 3.584 22.016 15.36 22.016 28.672 0 40.96 0.512 81.92 0 122.88-0.512 41.472-18.432 74.752-51.2 99.84-18.432 13.824-39.424 22.016-62.464 24.064-2.048 0-4.096 0.512-6.144 0.512h-76.288z m-468.48-244.736c4.608 11.776 14.336 18.944 26.112 18.944H737.28c7.68 0 14.848-3.072 20.48-9.728 5.632-6.144 11.264-14.336 11.264-23.552V374.272c0-24.064-10.24-36.352-21.504-41.472s-23.552-1.536-31.744 9.216L563.2 545.28c-5.632 7.68-12.8 11.264-21.504 11.264-8.704 0-15.872-3.584-21.504-11.264L452.096 454.656c-5.632-7.68-13.312-11.264-21.504-11.264-8.704 0-15.872 4.096-21.504 11.264l-131.072 177.664c-8.192 10.24-9.728 23.552-5.12 35.328z m0 0" ></path><path d="M325.12 373.76m-56.32 0a56.32 56.32 0 1 0 112.64 0 56.32 56.32 0 1 0-112.64 0Z" ></path></symbol><symbol id="icon-huazhonghua1" viewBox="0 0 1024 1024"><path d="M432 304c-16 0-32 12.8-32 32v89.6l-102.4-102.4c-12.8-12.8-32-12.8-44.8 0-3.2 3.2-6.4 9.6-9.6 12.8-3.2 9.6 0 22.4 9.6 28.8l102.4 102.4H268.8c-16 0-32 12.8-32 32 0 16 12.8 32 32 32h163.2c3.2 0 6.4 0 9.6-3.2 6.4-3.2 12.8-9.6 16-16 0-3.2 3.2-6.4 3.2-12.8v-163.2c3.2-19.2-12.8-32-28.8-32z" ></path><path d="M908.8 889.6H544c-32 0-60.8-28.8-60.8-60.8v-240c0-32 28.8-60.8 60.8-60.8h364.8c32 0 60.8 28.8 60.8 60.8v240c0 35.2-28.8 60.8-60.8 60.8zM544 585.6c-3.2 0-3.2 0-3.2 3.2v240c0 3.2 0 3.2 3.2 3.2h364.8c3.2 0 3.2 0 3.2-3.2v-240c0-3.2 0-3.2-3.2-3.2H544z" ></path><path d="M835.2 163.2H208C140.8 163.2 89.6 217.6 89.6 288v457.6c0 67.2 54.4 124.8 118.4 124.8H352c19.2 0 32-12.8 32-32s-12.8-32-32-32H208c-32 0-60.8-28.8-60.8-60.8V284.8c0-32 28.8-60.8 60.8-60.8h627.2c32 0 60.8 28.8 60.8 60.8V416c0 16 12.8 32 28.8 32s28.8-12.8 28.8-32V284.8c0-67.2-54.4-121.6-118.4-121.6z" ></path></symbol><symbol id="icon-huazhonghua2" viewBox="0 0 1024 1024"><path d="M568.32 377.344c-16.384 0-29.696 13.312-29.696 29.696v136.704L321.536 326.656c-11.776-11.264-30.208-11.264-41.472 0.512-11.264 11.264-11.776 30.208-0.512 41.472L496.64 586.24H359.936c-16.384 0-29.696 13.312-29.696 29.696s13.312 29.696 29.696 29.696h179.2c32.768 0 59.392-26.624 59.392-59.392v-179.2c-0.512-16.384-13.824-29.696-30.208-29.696zM874.496 666.112h-158.72c-35.328 0-64 28.672-64 64v100.864c0 35.328 28.672 64 64 64h158.72c35.328 0 64-28.672 64-64v-100.864c0-35.328-28.672-64-64-64z" ></path><path d="M513.536 820.224H211.968c-29.696 0-54.272-24.064-54.272-54.272V249.344c0-29.696 24.064-54.272 54.272-54.272h603.136c29.696 0 54.272 24.064 54.272 54.272v232.448c0 18.432 14.848 33.28 33.28 33.28s33.28-14.848 33.28-33.28V249.344c0-66.56-54.272-120.832-120.832-120.832H211.968c-66.56 0-120.832 54.272-120.832 120.832v516.608c0 66.56 54.272 120.832 120.832 120.832h301.568c18.432 0 33.28-14.848 33.28-33.28s-14.848-33.28-33.28-33.28z" ></path></symbol><symbol id="icon-picture-in" viewBox="0 0 1024 1024"><path d="M810.666667 192H405.333333V128h426.666667a42.666667 42.666667 0 0 1 42.666667 42.666667v384h21.333333a42.666667 42.666667 0 0 1 42.666667 42.666666v256a42.666667 42.666667 0 0 1-42.666667 42.666667H469.333333a42.666667 42.666667 0 0 1-42.666666-42.666667v-85.333333H128a42.666667 42.666667 0 0 1-42.666667-42.666667v-277.333333h64v256H426.666667V597.333333a42.666667 42.666667 0 0 1 42.666666-42.666666h341.333334V192z m64 426.666667h-384v213.333333h384v-213.333333z" ></path><path d="M232.106667 320H150.058667a8.533333 8.533333 0 0 0-8.533334 8.533333v46.933334c0 4.693333 3.84 8.533333 8.533334 8.533333H341.333333V192.768a8.533333 8.533333 0 0 0-8.533333-8.533333H285.866667a8.533333 8.533333 0 0 0-8.533334 8.533333v81.962667L134.357333 131.754667a8.533333 8.533333 0 0 0-12.074666 0l-33.194667 33.194666a8.533333 8.533333 0 0 0 0 12.074667L232.064 320z" ></path></symbol><symbol id="icon-huazhonghua3" viewBox="0 0 1024 1024"><path d="M196.736 813.013333l219.904 0.298667q11.946667 0 20.608 8.106667 8.704 8.149333 9.557333 20.053333 0.810667 11.904-6.741333 21.12-7.424 9.173333-19.114667 10.837333l-4.522666 0.298667H196.736c-93.44 0-127.829333-45.354667-127.829333-127.914667V257.706667c0-85.162667 40.234667-127.829333 127.914666-127.829334H806.826667c89.728 0 127.829333 46.677333 127.829333 127.914667v198.613333q0 11.904-8.106667 20.608-8.149333 8.704-20.053333 9.514667-11.861333 0.810667-21.12-6.698667-9.130667-7.466667-10.837333-19.114666l-0.298667-4.565334v-198.4c0-52.352-13.226667-67.413333-67.285333-67.456H196.736c-54.357333 0-67.413333 11.946667-67.413333 67.285334v488.277333c0 47.658667 17.493333 67.114667 67.413333 67.114667zM290.346667 285.098667l144.64 144.64V306.517333q0-11.306667 7.466666-19.84c6.101333-6.997333 14.08-9.728 22.997334-10.368q11.178667 0.085333 19.626666 7.466667c6.997333 6.058667 9.728 14.037333 10.368 22.954667v170.666666q0 20.992-14.08 36.608c-10.794667 11.946667-24.96 17.237333-40.704 18.005334h-170.666666q-11.946667 0-20.650667-8.149334-8.704-8.106667-9.514667-20.053333-0.810667-11.861333 6.698667-21.077333c6.101333-7.509333 14.336-10.538667 23.637333-11.136h121.258667L247.466667 327.68q-8.576-8.405333-9.088-20.352-0.469333-11.946667 7.296-20.949333 7.808-9.045333 19.669333-10.325334c9.813333-1.066667 17.834667 2.816 25.002667 9.045334z m622.336 280.064h-341.717334q-17.536 0-29.952 12.458666-12.458667 12.373333-12.458666 29.994667v244.053333q0 17.578667 12.458666 29.994667 12.373333 12.416 29.952 12.416h341.76q17.493333 0 29.952-12.416 12.416-12.416 12.416-29.994667v-244.053333q0-17.578667-12.373333-29.994667-12.458667-12.458667-30.037333-12.458666z" ></path></symbol><symbol id="icon-replay01" viewBox="0 0 1024 1024"><path d="M814.421333 825.002667l-245.76 0c-10.581333 0-19.114667-8.533333-19.114667-19.114667s8.533333-19.114667 19.114667-19.114667l245.76 0c24.917333 0 45.056-20.138667 45.056-45.056L859.477333 289.450667c0-24.917333-20.138667-45.056-45.056-45.056l-193.877333 0c-10.581333 0-19.114667-8.533333-19.114667-19.114667s8.533333-19.114667 19.114667-19.114667l193.877333 0c46.08 0 83.626667 37.546667 83.626667 83.626667l0 451.925333C898.048 787.456 860.501333 825.002667 814.421333 825.002667z" ></path><path d="M423.936 825.002667 225.28 825.002667c-46.08 0-83.626667-37.546667-83.626667-83.626667L141.653333 289.450667c0-46.08 37.546667-83.626667 83.626667-83.626667l250.88 0c10.581333 0 19.114667 8.533333 19.114667 19.114667s-8.533333 19.114667-19.114667 19.114667L225.28 244.053333c-24.917333 0-45.056 20.138667-45.056 45.056l0 451.925333c0 24.917333 20.138667 45.056 45.056 45.056l198.656 0c10.581333 0 19.114667 8.533333 19.114667 19.114667S434.517333 825.002667 423.936 825.002667z" ></path><path d="M381.610667 897.024c-4.778667 0-9.898667-2.048-13.653333-5.802667-7.509333-7.509333-7.509333-19.797333 0-27.306667l61.781333-61.781333L367.957333 740.693333c-7.509333-7.509333-7.509333-19.797333 0-27.306667 7.509333-7.509333 19.797333-7.509333 27.306667 0l89.088 89.088-89.088 89.088C391.509333 894.976 386.389333 897.024 381.610667 897.024z" ></path><path d="M652.629333 316.416c-4.778667 0-9.898667-2.048-13.653333-5.802667L549.888 221.866667l89.088-89.088c7.509333-7.509333 19.797333-7.509333 27.306667 0 7.509333 7.509333 7.509333 19.797333 0 27.306667L604.501333 221.866667 666.282667 283.306667c7.509333 7.509333 7.509333 19.797333 0 27.306667C662.528 314.368 657.749333 316.416 652.629333 316.416z" ></path><path d="M627.029333 501.418667 445.781333 606.208 445.781333 396.970667Z" ></path><path d="M445.781333 630.442667c-4.096 0-8.192-1.024-11.946667-3.072-7.509333-4.437333-11.946667-12.288-11.946667-20.821333l0-209.237333c0-8.533333 4.437333-16.725333 11.946667-20.821333 7.509333-4.437333 16.725333-4.437333 24.234667 0l181.248 104.789333c7.509333 4.437333 11.946667 12.288 11.946667 20.821333 0 8.533333-4.437333 16.725333-11.946667 20.821333l-181.248 104.789333C453.973333 629.418667 449.877333 630.442667 445.781333 630.442667zM470.016 438.613333l0 125.952 108.885333-62.805333L470.016 438.613333z" ></path></symbol><symbol id="icon-zhongbo" viewBox="0 0 1024 1024"><path d="M530.432 91.136h-1.024c-119.808 0-232.96 47.616-317.952 134.656s-131.584 202.24-131.584 325.12c0 253.44 201.728 459.264 449.536 459.264 119.808 0 232.96-47.616 317.952-134.656s131.584-202.24 131.584-325.12c0-117.76-43.52-229.888-122.88-315.904L834.56 256c73.728 79.872 114.688 183.808 114.688 293.888 0 114.176-43.52 221.696-122.368 302.592-79.36 80.896-184.32 125.44-296.96 125.44s-217.6-44.544-296.96-125.44c-78.848-80.896-122.368-188.416-122.368-302.592 0-114.176 43.52-221.696 122.368-302.592 79.36-80.896 184.32-125.44 296.96-125.44h14.848V201.728L701.44 112.64 544.256 23.552v67.584h-13.824z" ></path><path d="M689.152 544.256L452.608 368.128v352.768z" ></path></symbol><symbol id="icon-zhongbo1" viewBox="0 0 1024 1024"><path d="M148.48 512c0-200.704 162.816-363.52 363.52-363.52 67.584 0 132.096 18.432 189.44 53.248l-34.816 7.168c-11.264 2.048-18.432 13.312-16.384 24.576 2.048 9.216 10.24 16.384 20.48 16.384h4.096l91.136-18.432c11.264-2.048 18.432-13.312 16.384-24.576 0-1.024-1.024-3.072-1.024-4.096 0-2.048-1.024-4.096-1.024-6.144l-30.72-71.68c-4.096-10.24-16.384-15.36-26.624-10.24-10.24 4.096-15.36 16.384-10.24 26.624l11.264 25.6c-63.488-38.912-135.168-59.392-209.92-59.392-223.232 0-404.48 181.248-404.48 404.48 0 80.896 23.552 159.744 68.608 226.304 4.096 6.144 10.24 9.216 17.408 9.216 4.096 0 8.192-1.024 11.264-3.072 9.216-6.144 12.288-19.456 5.12-28.672-41.984-60.416-63.488-131.072-63.488-203.776zM849.92 289.792c-6.144-9.216-18.432-12.288-28.672-6.144-9.216 6.144-12.288 18.432-6.144 28.672 38.912 59.392 59.392 128 59.392 199.68 0 200.704-162.816 363.52-363.52 363.52-67.584 0-134.144-18.432-191.488-54.272l31.744-6.144c11.264-2.048 18.432-13.312 16.384-24.576-2.048-11.264-13.312-18.432-24.576-16.384l-91.136 18.432c-11.264 2.048-18.432 13.312-16.384 24.576 0 1.024 1.024 3.072 1.024 4.096 0 2.048 1.024 4.096 1.024 6.144l30.72 71.68c3.072 8.192 11.264 12.288 18.432 12.288 3.072 0 5.12-1.024 8.192-2.048 10.24-4.096 15.36-16.384 10.24-26.624l-8.192-27.648c64.512 39.936 138.24 61.44 215.04 61.44 223.232 0 404.48-181.248 404.48-404.48 0-78.848-22.528-155.648-66.56-222.208z" ></path><path d="M453.632 347.136c-8.192-4.096-16.384-7.168-25.6-7.168-28.672 0-51.2 22.528-51.2 51.2v262.144c0 28.672 22.528 51.2 51.2 51.2 9.216 0 17.408-2.048 25.6-7.168l226.304-131.072c16.384-9.216 25.6-25.6 25.6-44.032s-9.216-34.816-25.6-44.032L453.632 347.136z m205.824 184.32L433.152 661.504c-6.144 4.096-15.36 0-15.36-9.216V391.168c0-6.144 5.12-10.24 10.24-10.24 2.048 0 3.072 0 5.12 1.024l226.304 131.072c5.12 3.072 5.12 7.168 5.12 9.216s0 6.144-5.12 9.216z" ></path></symbol><symbol id="icon-loading" viewBox="0 0 1024 1024"><path d="M876.864 782.592c3.264 0 6.272-3.2 6.272-6.656 0-3.456-3.008-6.592-6.272-6.592-3.264 0-6.272 3.2-6.272 6.592 0 3.456 3.008 6.656 6.272 6.656z m-140.544 153.344c2.304 2.432 5.568 3.84 8.768 3.84a12.16 12.16 0 0 0 8.832-3.84 13.76 13.76 0 0 0 0-18.56 12.224 12.224 0 0 0-8.832-3.84 12.16 12.16 0 0 0-8.768 3.84 13.696 13.696 0 0 0 0 18.56zM552.32 1018.24c3.456 3.648 8.32 5.76 13.184 5.76a18.368 18.368 0 0 0 13.184-5.76 20.608 20.608 0 0 0 0-27.968 18.368 18.368 0 0 0-13.184-5.824 18.368 18.368 0 0 0-13.184 5.76 20.608 20.608 0 0 0 0 28.032z m-198.336-5.76c4.608 4.8 11.072 7.68 17.6 7.68a24.448 24.448 0 0 0 17.536-7.68 27.456 27.456 0 0 0 0-37.248 24.448 24.448 0 0 0-17.536-7.68 24.448 24.448 0 0 0-17.6 7.68 27.52 27.52 0 0 0 0 37.184z m-175.68-91.84c5.76 6.08 13.824 9.6 21.952 9.6a30.592 30.592 0 0 0 22.016-9.6 34.368 34.368 0 0 0 0-46.592 30.592 30.592 0 0 0-22.016-9.6 30.592 30.592 0 0 0-21.952 9.6 34.368 34.368 0 0 0 0 46.592z m-121.152-159.36c6.912 7.36 16.64 11.648 26.368 11.648a36.736 36.736 0 0 0 26.432-11.584 41.28 41.28 0 0 0 0-55.936 36.736 36.736 0 0 0-26.432-11.584 36.8 36.8 0 0 0-26.368 11.52 41.28 41.28 0 0 0 0 56zM12.736 564.672a42.88 42.88 0 0 0 30.784 13.44 42.88 42.88 0 0 0 30.784-13.44 48.128 48.128 0 0 0 0-65.216 42.88 42.88 0 0 0-30.72-13.44 42.88 42.88 0 0 0-30.848 13.44 48.128 48.128 0 0 0 0 65.216z m39.808-195.392a48.96 48.96 0 0 0 35.2 15.36 48.96 48.96 0 0 0 35.2-15.36 54.976 54.976 0 0 0 0-74.56 48.96 48.96 0 0 0-35.2-15.424 48.96 48.96 0 0 0-35.2 15.424 54.976 54.976 0 0 0 0 74.56zM168.32 212.48c10.368 11.008 24.96 17.408 39.68 17.408 14.592 0 29.184-6.4 39.552-17.408a61.888 61.888 0 0 0 0-83.84 55.104 55.104 0 0 0-39.616-17.408c-14.656 0-29.248 6.4-39.616 17.408a61.888 61.888 0 0 0 0 83.84zM337.344 124.8c11.52 12.16 27.712 19.264 43.968 19.264 16.256 0 32.448-7.04 43.968-19.264a68.672 68.672 0 0 0 0-93.184 61.248 61.248 0 0 0-43.968-19.264 61.248 61.248 0 0 0-43.968 19.264 68.736 68.736 0 0 0 0 93.184z m189.632-1.088c12.672 13.44 30.528 21.248 48.448 21.248s35.712-7.808 48.384-21.248a75.584 75.584 0 0 0 0-102.464A67.392 67.392 0 0 0 575.36 0c-17.92 0-35.776 7.808-48.448 21.248a75.584 75.584 0 0 0 0 102.464z m173.824 86.592c13.824 14.592 33.28 23.104 52.736 23.104 19.584 0 39.04-8.512 52.8-23.104a82.432 82.432 0 0 0 0-111.744 73.472 73.472 0 0 0-52.8-23.168c-19.52 0-38.912 8.512-52.736 23.168a82.432 82.432 0 0 0 0 111.744z m124.032 158.528c14.976 15.872 36.032 25.088 57.216 25.088 21.12 0 42.24-9.216 57.152-25.088a89.344 89.344 0 0 0 0-121.088 79.616 79.616 0 0 0-57.152-25.088c-21.184 0-42.24 9.216-57.216 25.088a89.344 89.344 0 0 0 0 121.088z m50.432 204.032c16.128 17.088 38.784 27.008 61.632 27.008 22.784 0 45.44-9.92 61.568-27.008a96.256 96.256 0 0 0 0-130.432 85.76 85.76 0 0 0-61.568-27.072c-22.848 0-45.44 9.984-61.632 27.072a96.192 96.192 0 0 0 0 130.432z" ></path></symbol><symbol id="icon-replay" viewBox="0 0 1024 1024"><path d="M512 85.333333c200.448 0 368.64 138.24 414.378667 324.565334 8.021333 32.682667 12.288 66.901333 12.288 102.101333 0 231.68-184.618667 420.181333-414.72 426.496L512 938.666667a425.258667 425.258667 0 0 1-298.325333-121.642667 42.666667 42.666667 0 1 1 59.648-61.013333A340.053333 340.053333 0 0 0 512 853.333333l10.666667-0.170666A341.333333 341.333333 0 0 0 853.333333 512l-0.213333-11.946667a341.333333 341.333333 0 0 0-330.496-329.216L512 170.666667l-9.984 0.128-9.898667 0.426666-9.941333 0.725334-13.013333 1.365333-16.042667 2.432-14.976 2.901333-15.701333 3.882667-11.008 3.2-13.397334 4.394667-8.96 3.328-9.813333 3.968-9.258667 4.096-5.12 2.389333c-6.229333 2.986667-12.416 6.186667-18.474666 9.557333l-10.965334 6.314667-6.4 4.010667a342.016 342.016 0 0 0-16.554666 11.221333l-6.101334 4.522667-9.856 7.722666a343.381333 343.381333 0 0 0-30.933333 28.544l-10.752 11.776-7.381333 8.704-8.234667 10.496-10.581333 14.848-5.418667 8.32a341.12 341.12 0 0 0-10.24 17.237334l-4.906667 9.301333-3.882666 7.765333-4.693334 10.24-4.096 9.642667-4.949333 12.970667-5.589333 17.152-4.053334 14.72-2.389333 10.368a332.970667 332.970667 0 0 0-5.12 29.994666H256l5.546667 0.256a42.666667 42.666667 0 0 1 28.928 68.565334l-3.584 4.010666-112.085334 112.128-3.925333 3.456a42.666667 42.666667 0 0 1-67.072-21.205333A426.624 426.624 0 0 1 85.333333 511.957333C85.333333 276.394667 276.352 85.333333 512 85.333333z m-63.36 298.666667c3.84 0 7.637333 1.066667 10.965333 3.157333l169.386667 104.533334a24.362667 24.362667 0 0 1 0 40.618666l-169.386667 104.533334a21.205333 21.205333 0 0 1-29.994666-8.576 24.746667 24.746667 0 0 1-2.944-11.733334v-209.066666c0-12.970667 9.813333-23.466667 21.973333-23.466667z" ></path></symbol><symbol id="icon-fullscreen" viewBox="0 0 1024 1024"><path d="M174.933333 587.264v135.68c0 43.989333 34.048 80.042667 77.226667 83.2l6.229333 0.256h135.68v93.866667h-135.68a177.322667 177.322667 0 0 1-177.066666-168.448l-0.256-8.874667v-135.68h93.866666z m451.712-26.965333l178.304 178.218666c0.597333-3.029333 0.981333-6.144 1.237334-9.344l0.213333-6.229333v-135.68h93.866667v135.68a177.322667 177.322667 0 0 1-168.448 177.066667l-8.874667 0.256h-135.68v-93.866667h135.68c5.333333 0 10.538667-0.512 15.573333-1.450667l-178.218666-178.304 66.389333-66.346666zM394.069333 81.066667v93.866666h-135.68c-5.333333 0-10.538667 0.512-15.573333 1.450667l178.218667 178.261333-66.346667 66.389334-178.304-178.218667a83.498667 83.498667 0 0 0-1.237333 9.344l-0.213334 6.229333v135.68H81.066667v-135.68a177.322667 177.322667 0 0 1 168.448-177.066666l8.874666-0.256h135.68z m328.874667 0a177.322667 177.322667 0 0 1 177.066667 168.448l0.256 8.874666v135.68h-93.866667v-135.68c0-43.989333-34.048-80.042667-77.226667-83.2l-6.229333-0.256h-135.68V81.066667h135.68z" ></path></symbol><symbol id="icon-volume-up" viewBox="0 0 1024 1024"><path d="M461.312 246.4768a17.066667 17.066667 0 0 1 17.066667 17.066667V763.392a17.066667 17.066667 0 0 1-27.2384 13.687467l-159.197867-118.3744a75.076267 75.076267 0 0 0-44.782933-14.813867h-41.642667a16.5376 16.5376 0 0 1-16.520533-16.520533V398.779733c0-9.1136 7.406933-16.520533 16.520533-16.520533h41.710933a75.264 75.264 0 0 0 44.612267-14.677333l159.3344-117.76a16.9472 16.9472 0 0 1 10.1376-3.345067z m0-75.093333c-19.729067 0-38.912 6.314667-54.784 18.056533L247.1936 307.2h-41.6768a91.5968 91.5968 0 0 0-91.613867 91.579733V627.370667a91.630933 91.630933 0 0 0 91.613867 91.613866h41.608533l159.197867 118.3744a92.194133 92.194133 0 0 0 147.1488-73.966933V263.543467a92.16 92.16 0 0 0-92.16-92.16zM734.037333 319.761067l7.850667 7.304533c56.695467 54.203733 90.965333 128.375467 90.965333 205.0048 0 84.992-38.536533 166.229333-96.290133 217.838933l55.125333 47.7184 8.0896-7.4752c69.0176-65.979733 106.018133-158.378667 106.018134-260.1984 0-102.024533-44.612267-197.256533-121.7536-266.171733l-50.005334 55.978667z" ></path><path d="M635.460267 416.4608l6.075733 7.406933c25.2928 32.4608 39.0144 71.304533 39.0144 112.0256 0 44.032-16.145067 85.8112-45.4656 119.842134l56.866133 49.015466 6.997334-8.3968c36.488533-45.909333 56.695467-101.751467 56.695466-160.4608 0-62.122667-22.562133-121.002667-63.1808-168.311466l-57.002666 48.878933z" ></path></symbol><symbol id="icon-webfullscreen" viewBox="0 0 1024 1024"><path d="M708.266667 81.066667a234.666667 234.666667 0 0 1 234.666666 234.666666v392.533334a234.666667 234.666667 0 0 1-234.666666 234.666666H315.733333a234.666667 234.666667 0 0 1-234.666666-234.666666V315.733333a234.666667 234.666667 0 0 1 234.666666-234.666666z m0 93.866666H315.733333a140.8 140.8 0 0 0-140.8 140.8v392.533334a140.8 140.8 0 0 0 140.8 140.8h392.533334a140.8 140.8 0 0 0 140.8-140.8V315.733333a140.8 140.8 0 0 0-140.8-140.8z m52.992 405.930667v137.258667a46.933333 46.933333 0 0 1-41.813334 46.677333l-5.12 0.256h-137.258666v-93.866667h90.368v-90.325333h93.866666zM445.013333 264.618667v93.866666L354.645333 358.4v90.368h-93.866666V311.552a46.933333 46.933333 0 0 1 41.856-46.677333l5.12-0.256h137.258666z" ></path></symbol><symbol id="icon-settings" viewBox="0 0 1024 1024"><path d="M722.4832 704.512l-149.162667 86.084267a123.630933 123.630933 0 0 1-123.665066-0.034134l-149.128534-86.101333a123.682133 123.682133 0 0 1-61.883733-107.093333v-172.202667a123.665067 123.665067 0 0 1 61.8496-107.178667l149.162667-86.084266a123.733333 123.733333 0 0 1 123.6992 0l149.128533 86.1184a123.665067 123.665067 0 0 1 61.8496 107.1104V597.333333a123.818667 123.818667 0 0 1-61.8496 107.178667zM859.426133 597.333333V425.130667a198.7584 198.7584 0 0 0-99.396266-172.151467l-149.128534-86.101333a198.826667 198.826667 0 0 0-198.792533 0l-149.162667 86.084266A198.843733 198.843733 0 0 0 163.584 425.130667V597.333333a198.826667 198.826667 0 0 0 99.413333 172.168534l149.128534 86.101333a198.7584 198.7584 0 0 0 198.775466 0l149.162667-86.101333A198.690133 198.690133 0 0 0 859.409067 597.333333z" ></path><path d="M452.676267 512.785067a58.9312 58.9312 0 0 1 58.9824-58.914134 58.88 58.88 0 0 1 58.914133 58.914134 58.9312 58.9312 0 1 1-117.896533 0z m-75.0592 0a134.0928 134.0928 0 0 0 134.0416 134.109866c74.0352 0 133.973333-60.074667 133.973333-134.109866a133.9904 133.9904 0 1 0-268.014933 0z" ></path></symbol><symbol id="icon-ai07" viewBox="0 0 1024 1024"><path d="M209.645253 863.934444l201.049992 0 0-703.866842L209.645253 160.067602 209.645253 863.934444zM611.804588 863.934444l201.113437 0 0-703.866842L611.804588 160.067602 611.804588 863.934444z" ></path></symbol><symbol id="icon-24gl-pause2" viewBox="0 0 1024 1024"><path d="M373.333333 85.333333H266.666667a53.393333 53.393333 0 0 0-53.333334 53.333334v746.666666a53.393333 53.393333 0 0 0 53.333334 53.333334h106.666666a53.393333 53.393333 0 0 0 53.333334-53.333334V138.666667a53.393333 53.393333 0 0 0-53.333334-53.333334z m10.666667 800a10.666667 10.666667 0 0 1-10.666667 10.666667H266.666667a10.666667 10.666667 0 0 1-10.666667-10.666667V138.666667a10.666667 10.666667 0 0 1 10.666667-10.666667h106.666666a10.666667 10.666667 0 0 1 10.666667 10.666667z m373.333333-800H650.666667a53.393333 53.393333 0 0 0-53.333334 53.333334v746.666666a53.393333 53.393333 0 0 0 53.333334 53.333334h106.666666a53.393333 53.393333 0 0 0 53.333334-53.333334V138.666667a53.393333 53.393333 0 0 0-53.333334-53.333334z m10.666667 800a10.666667 10.666667 0 0 1-10.666667 10.666667H650.666667a10.666667 10.666667 0 0 1-10.666667-10.666667V138.666667a10.666667 10.666667 0 0 1 10.666667-10.666667h106.666666a10.666667 10.666667 0 0 1 10.666667 10.666667z" ></path></symbol><symbol id="icon-play6" viewBox="0 0 1024 1024"><path d="M213.333333 278.698667C213.333333 179.2 321.877333 117.76 407.168 168.96l388.821333 233.301333c82.858667 49.706667 82.858667 169.813333 0 219.477334L407.168 855.04C321.834667 906.24 213.333333 844.8 213.333333 745.301333V278.698667z" ></path></symbol><symbol id="icon-play1" viewBox="0 0 1024 1024"><path d="M791.04 384L378.88 147.626667a145.92 145.92 0 0 0-218.88 128v474.453333A145.92 145.92 0 0 0 305.92 896a146.346667 146.346667 0 0 0 72.96-19.626667L791.04 640a145.92 145.92 0 0 0 0-252.586667z m-42.666667 178.773333l-412.16 239.786667a61.44 61.44 0 0 1-60.586666 0 60.586667 60.586667 0 0 1-30.293334-52.48V273.92a60.586667 60.586667 0 0 1 30.293334-52.48A64.426667 64.426667 0 0 1 305.92 213.333333a65.706667 65.706667 0 0 1 30.293333 8.106667l412.16 238.08a60.586667 60.586667 0 0 1 0 104.96z" ></path></symbol><symbol id="icon-play2" viewBox="0 0 1024 1024"><path d="M298.666667 247.04V682.666667a42.666667 42.666667 0 0 1-85.333334 0V170.666667a42.666667 42.666667 0 0 1 65.024-36.352l554.666667 341.333333a42.666667 42.666667 0 0 1 0 72.704l-554.666667 341.333333a42.666667 42.666667 0 0 1-44.714666-72.704L729.258667 512 298.666667 247.04z" ></path></symbol><symbol id="icon-Stop" viewBox="0 0 1024 1024"><path d="M243.712 261.275152v527.515151h527.515152v-527.515151h-527.515152z m-62.060606-4.220122c0-31.961212 25.879273-57.840485 57.840485-57.840485H775.447273c31.961212 0 57.840485 25.879273 57.840485 57.840485v535.955394c0 31.961212-25.879273 57.840485-57.840485 57.840485H239.491879a57.840485 57.840485 0 0 1-57.840485-57.840485V257.05503z" ></path></symbol><symbol id="icon-Play3" viewBox="0 0 1024 1024"><path d="M290.940121 129.613576a62.060606 62.060606 0 0 1 62.681212 1.179151l558.483394 341.271273a62.091636 62.091636 0 0 1 0 105.937455L353.652364 919.272727a62.029576 62.029576 0 0 1-94.425212-52.937697V183.761455a62.060606 62.060606 0 0 1 31.712969-54.147879zM879.709091 525.032727L321.287758 183.761455v682.573575L879.740121 525.032727z" ></path></symbol></svg>', ((a) => {
|
|
114
114
|
var i = (n = (n = document.getElementsByTagName("script"))[n.length - 1]).getAttribute("data-injectcss"), n = n.getAttribute("data-disable-injectsvg");
|
|
115
115
|
if (!n) {
|
|
116
|
-
var t, c,
|
|
117
|
-
r.parentNode.insertBefore(
|
|
116
|
+
var t, c, y, u, z, w = function(p, r) {
|
|
117
|
+
r.parentNode.insertBefore(p, r);
|
|
118
118
|
};
|
|
119
119
|
if (i && !a.__iconfont__svg__cssinject__) {
|
|
120
120
|
a.__iconfont__svg__cssinject__ = !0;
|
|
121
121
|
try {
|
|
122
122
|
document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>");
|
|
123
|
-
} catch (
|
|
124
|
-
console && console.log(
|
|
123
|
+
} catch (p) {
|
|
124
|
+
console && console.log(p);
|
|
125
125
|
}
|
|
126
126
|
}
|
|
127
127
|
t = function() {
|
|
128
|
-
var
|
|
129
|
-
r.innerHTML = a._iconfont_svg_string_4726673, (r = r.getElementsByTagName("svg")[0]) && (r.setAttribute("aria-hidden", "true"), r.style.position = "absolute", r.style.width = 0, r.style.height = 0, r.style.overflow = "hidden", r = r, (
|
|
128
|
+
var p, r = document.createElement("div");
|
|
129
|
+
r.innerHTML = a._iconfont_svg_string_4726673, (r = r.getElementsByTagName("svg")[0]) && (r.setAttribute("aria-hidden", "true"), r.style.position = "absolute", r.style.width = 0, r.style.height = 0, r.style.overflow = "hidden", r = r, (p = document.body).firstChild ? w(r, p.firstChild) : p.appendChild(r));
|
|
130
130
|
}, document.addEventListener ? ~["complete", "loaded", "interactive"].indexOf(document.readyState) ? setTimeout(t, 0) : (c = function() {
|
|
131
131
|
document.removeEventListener("DOMContentLoaded", c, !1), t();
|
|
132
|
-
}, document.addEventListener("DOMContentLoaded", c, !1)) : document.attachEvent && (
|
|
133
|
-
|
|
132
|
+
}, document.addEventListener("DOMContentLoaded", c, !1)) : document.attachEvent && (y = t, u = a.document, z = !1, b(), u.onreadystatechange = function() {
|
|
133
|
+
u.readyState == "complete" && (u.onreadystatechange = null, k());
|
|
134
134
|
});
|
|
135
135
|
}
|
|
136
|
-
function
|
|
137
|
-
|
|
136
|
+
function k() {
|
|
137
|
+
z || (z = !0, y());
|
|
138
138
|
}
|
|
139
|
-
function
|
|
139
|
+
function b() {
|
|
140
140
|
try {
|
|
141
|
-
|
|
141
|
+
u.documentElement.doScroll("left");
|
|
142
142
|
} catch {
|
|
143
|
-
return void setTimeout(
|
|
143
|
+
return void setTimeout(b, 50);
|
|
144
144
|
}
|
|
145
|
-
|
|
145
|
+
k();
|
|
146
146
|
}
|
|
147
147
|
})(window);
|
|
148
|
-
const
|
|
148
|
+
const N6 = ["xlink:href", "fill"], O6 = /* @__PURE__ */ q({
|
|
149
149
|
__name: "SvgIcon",
|
|
150
150
|
props: {
|
|
151
151
|
//复杂写法
|
|
@@ -178,22 +178,22 @@ const O6 = ["xlink:href", "fill"], W6 = /* @__PURE__ */ D({
|
|
|
178
178
|
setup(a) {
|
|
179
179
|
return (i, n) => (f(), h("div", null, [
|
|
180
180
|
(f(), h("svg", {
|
|
181
|
-
class:
|
|
182
|
-
style:
|
|
181
|
+
class: I(["icon", a.iconClass]),
|
|
182
|
+
style: R({ width: a.width, height: a.height })
|
|
183
183
|
}, [
|
|
184
184
|
o("use", {
|
|
185
185
|
"xlink:href": a.prefix + a.name,
|
|
186
186
|
fill: a.color
|
|
187
|
-
}, null, 8,
|
|
187
|
+
}, null, 8, N6)
|
|
188
188
|
], 6))
|
|
189
189
|
]));
|
|
190
190
|
}
|
|
191
|
-
}),
|
|
191
|
+
}), F = (a, i) => {
|
|
192
192
|
const n = a.__vccOpts || a;
|
|
193
193
|
for (const [t, c] of i)
|
|
194
194
|
n[t] = c;
|
|
195
195
|
return n;
|
|
196
|
-
},
|
|
196
|
+
}, H = /* @__PURE__ */ F(O6, [["__scopeId", "data-v-2680e372"]]), W6 = { key: 0 }, j6 = { class: "mr5" }, U6 = { class: "mr5" }, X6 = /* @__PURE__ */ q({
|
|
197
197
|
__name: "Loading",
|
|
198
198
|
props: {
|
|
199
199
|
loadType: String,
|
|
@@ -203,79 +203,79 @@ const O6 = ["xlink:href", "fill"], W6 = /* @__PURE__ */ D({
|
|
|
203
203
|
}
|
|
204
204
|
},
|
|
205
205
|
setup(a) {
|
|
206
|
-
const { proxy: i } =
|
|
206
|
+
const { proxy: i } = L6(), n = ["loadstart", "waiting", "ended", "error", "stalled"], t = a, c = () => {
|
|
207
207
|
i.$parent.play();
|
|
208
|
-
},
|
|
209
|
-
let
|
|
210
|
-
return t.loadType == "loadstart" && (
|
|
208
|
+
}, y = A(() => {
|
|
209
|
+
let u = "background: rgba(0, 0, 0, .1);z-index:1";
|
|
210
|
+
return t.loadType == "loadstart" && (u = "background: rgba(0, 0, 0, 1);;z-index:3"), u;
|
|
211
211
|
});
|
|
212
|
-
return (
|
|
212
|
+
return (u, z) => C((f(), h("div", {
|
|
213
213
|
class: "loading",
|
|
214
|
-
style:
|
|
214
|
+
style: R(y.value)
|
|
215
215
|
}, [
|
|
216
216
|
o("div", null, [
|
|
217
|
-
a.loadType == "loadstart" ? (f(), h("span",
|
|
218
|
-
|
|
219
|
-
o("p", null,
|
|
220
|
-
])) :
|
|
221
|
-
|
|
222
|
-
|
|
217
|
+
a.loadType == "loadstart" ? (f(), h("span", W6, [
|
|
218
|
+
z[0] || (z[0] = o("i", { class: "rotating iconfont icon-loading f50" }, null, -1)),
|
|
219
|
+
o("p", null, T(a.text), 1)
|
|
220
|
+
])) : B("", !0),
|
|
221
|
+
C(o("span", null, [
|
|
222
|
+
g(H, {
|
|
223
223
|
color: "#fff",
|
|
224
224
|
name: "loading",
|
|
225
225
|
width: "40",
|
|
226
226
|
height: "40",
|
|
227
227
|
class: "rotating"
|
|
228
228
|
}),
|
|
229
|
-
|
|
229
|
+
z[1] || (z[1] = o("p", { style: { "margin-top": "6px" } }, "正在缓冲...", -1))
|
|
230
230
|
], 512), [
|
|
231
|
-
[
|
|
231
|
+
[L, a.loadType == "waiting"]
|
|
232
232
|
]),
|
|
233
|
-
|
|
233
|
+
C(o("span", null, [
|
|
234
234
|
o("p", {
|
|
235
235
|
onClick: c,
|
|
236
236
|
class: "d-flex-x d-pointer"
|
|
237
237
|
}, [
|
|
238
|
-
o("span",
|
|
239
|
-
|
|
238
|
+
o("span", j6, [
|
|
239
|
+
g(H, {
|
|
240
240
|
color: "#fff",
|
|
241
241
|
name: "replay",
|
|
242
242
|
width: "26",
|
|
243
243
|
height: "26"
|
|
244
244
|
}),
|
|
245
|
-
|
|
245
|
+
z[2] || (z[2] = D("重新播放 "))
|
|
246
246
|
])
|
|
247
247
|
])
|
|
248
248
|
], 512), [
|
|
249
|
-
[
|
|
249
|
+
[L, a.loadType == "ended"]
|
|
250
250
|
]),
|
|
251
|
-
|
|
251
|
+
C(o("span", null, [
|
|
252
252
|
o("p", {
|
|
253
253
|
onClick: c,
|
|
254
254
|
class: "d-flex-x d-pointer"
|
|
255
255
|
}, [
|
|
256
|
-
o("span",
|
|
257
|
-
|
|
256
|
+
o("span", U6, [
|
|
257
|
+
g(H, {
|
|
258
258
|
color: "#fff",
|
|
259
259
|
name: "replay",
|
|
260
260
|
width: "26",
|
|
261
261
|
height: "26"
|
|
262
262
|
}),
|
|
263
|
-
|
|
263
|
+
z[3] || (z[3] = D(" 请求错误 "))
|
|
264
264
|
])
|
|
265
265
|
])
|
|
266
266
|
], 512), [
|
|
267
|
-
[
|
|
267
|
+
[L, a.loadType == "error" || a.loadType == "stalled"]
|
|
268
268
|
])
|
|
269
269
|
])
|
|
270
270
|
], 4)), [
|
|
271
|
-
[
|
|
271
|
+
[L, n.includes(a.loadType)]
|
|
272
272
|
]);
|
|
273
273
|
}
|
|
274
|
-
}),
|
|
274
|
+
}), K6 = /* @__PURE__ */ F(X6, [["__scopeId", "data-v-4b3e3899"]]), O = function(a, i, n, t = !1) {
|
|
275
275
|
a && i && n && a.addEventListener(i, n, t);
|
|
276
|
-
},
|
|
276
|
+
}, M = function(a, i, n, t = !1) {
|
|
277
277
|
a && i && n && a.removeEventListener(i, n, t);
|
|
278
|
-
},
|
|
278
|
+
}, Y6 = /* @__PURE__ */ q({
|
|
279
279
|
__name: "ProgressBar",
|
|
280
280
|
props: {
|
|
281
281
|
modelValue: {
|
|
@@ -312,125 +312,125 @@ const O6 = ["xlink:href", "fill"], W6 = /* @__PURE__ */ D({
|
|
|
312
312
|
},
|
|
313
313
|
emits: ["update:modelValue", "change", "onMousemove"],
|
|
314
314
|
setup(a, { emit: i }) {
|
|
315
|
-
i6((
|
|
315
|
+
i6((m) => ({
|
|
316
316
|
"49cbfd54": a.size
|
|
317
317
|
}));
|
|
318
|
-
const n =
|
|
318
|
+
const n = N(), t = N(), c = a, y = i, u = Z({
|
|
319
319
|
dragging: !1,
|
|
320
320
|
//拖拽状态
|
|
321
321
|
mousePosition: 0,
|
|
322
322
|
//鼠标位置
|
|
323
323
|
hoverTipsPos: "50%"
|
|
324
324
|
//提示偏移位置
|
|
325
|
-
}),
|
|
326
|
-
let
|
|
327
|
-
const
|
|
328
|
-
let
|
|
329
|
-
return c.colorEnd ?
|
|
330
|
-
}),
|
|
331
|
-
let
|
|
332
|
-
return c.vertical ? `height:${
|
|
333
|
-
}),
|
|
334
|
-
let
|
|
335
|
-
return c.vertical ? `bottom:${
|
|
336
|
-
}),
|
|
337
|
-
|
|
338
|
-
},
|
|
339
|
-
c.disabled || (
|
|
340
|
-
}, r = (
|
|
325
|
+
}), z = A(() => {
|
|
326
|
+
let m = c.modelValue < 0 ? 0 : c.modelValue > 1 ? 1 : c.modelValue;
|
|
327
|
+
const x = c.vertical ? `height:${m * 100}%` : `width:${m * 100}%`;
|
|
328
|
+
let V;
|
|
329
|
+
return c.colorEnd ? V = `background: linear-gradient(${c.vertical ? "to top" : "to right"}, ${c.colorStart} 0%, ${c.colorEnd} 80%, ${c.colorEnd} 100%)` : V = `background: ${c.colorStart}`, `${x};${V}`;
|
|
330
|
+
}), w = A(() => {
|
|
331
|
+
let m = c.preload < 0 ? 0 : c.preload > 1 ? 1 : c.preload;
|
|
332
|
+
return c.vertical ? `height:${m * 100}%` : `width:${m * 100}%`;
|
|
333
|
+
}), k = A(() => {
|
|
334
|
+
let m = u.mousePosition < 0 ? 0 : u.mousePosition > 1 ? 1 : u.mousePosition;
|
|
335
|
+
return c.vertical ? `bottom:${m * 100}%` : `left:${m * 100}%`;
|
|
336
|
+
}), b = (m) => {
|
|
337
|
+
m.preventDefault();
|
|
338
|
+
}, p = (m) => {
|
|
339
|
+
c.disabled || (m.preventDefault(), u.dragging = !0, e(m), O(window, "mousemove", S), O(window, "touchmove", S), O(window, "mouseup", v), O(window, "touchend", v));
|
|
340
|
+
}, r = (m) => {
|
|
341
341
|
if (!c.hover) return;
|
|
342
|
-
let
|
|
343
|
-
if (
|
|
344
|
-
let
|
|
345
|
-
|
|
346
|
-
}, e = (
|
|
347
|
-
let
|
|
348
|
-
|
|
349
|
-
},
|
|
350
|
-
let
|
|
342
|
+
let x = _(m);
|
|
343
|
+
if (y("onMousemove", m, x), u.mousePosition = x, c.vertical) return;
|
|
344
|
+
let V = n.value, $ = t.value.clientWidth / 2, P = m.clientX - V.getBoundingClientRect().left;
|
|
345
|
+
P < $ ? (console.log("11"), u.hoverTipsPos = $ - P + "px") : V.clientWidth - P < $ ? (console.log("22"), u.hoverTipsPos = V.clientWidth - P - $ + "px") : u.hoverTipsPos = "50%";
|
|
346
|
+
}, e = (m) => {
|
|
347
|
+
let x = _(m);
|
|
348
|
+
y("update:modelValue", x), y("change", m, x);
|
|
349
|
+
}, _ = (m) => {
|
|
350
|
+
let x = n.value, V = 0;
|
|
351
351
|
if (c.vertical) {
|
|
352
|
-
let
|
|
353
|
-
|
|
352
|
+
let $ = x.clientHeight;
|
|
353
|
+
V = (x.getBoundingClientRect().bottom - m.clientY) / $;
|
|
354
354
|
} else
|
|
355
|
-
|
|
356
|
-
return
|
|
357
|
-
},
|
|
358
|
-
e(
|
|
359
|
-
},
|
|
360
|
-
|
|
361
|
-
|
|
355
|
+
V = (m.clientX - x.getBoundingClientRect().left) / x.clientWidth;
|
|
356
|
+
return V < 0 ? 0 : V > 1 ? 1 : V;
|
|
357
|
+
}, S = (m) => {
|
|
358
|
+
e(m);
|
|
359
|
+
}, v = (m) => {
|
|
360
|
+
u.dragging && (M(window, "mousemove", S), M(window, "touchmove", S), M(window, "mouseup", v), M(window, "touchend", v), M(window, "contextmenu", v), setTimeout(() => {
|
|
361
|
+
u.dragging = !1;
|
|
362
362
|
}, 0));
|
|
363
363
|
};
|
|
364
|
-
return (
|
|
364
|
+
return (m, x) => (f(), h("div", {
|
|
365
365
|
ref_key: "refProgress",
|
|
366
366
|
ref: n,
|
|
367
|
-
class:
|
|
368
|
-
onMousedown:
|
|
369
|
-
onContextmenu:
|
|
367
|
+
class: I(["progress", { "is-vertical": c.vertical }]),
|
|
368
|
+
onMousedown: $6(p, ["stop"]),
|
|
369
|
+
onContextmenu: b
|
|
370
370
|
}, [
|
|
371
371
|
o("div", {
|
|
372
372
|
class: "progress__runway",
|
|
373
373
|
onMousemove: r
|
|
374
374
|
}, [
|
|
375
|
-
|
|
375
|
+
C(o("div", {
|
|
376
376
|
class: "progress__cursor",
|
|
377
|
-
style:
|
|
377
|
+
style: R(k.value)
|
|
378
378
|
}, [
|
|
379
|
-
|
|
379
|
+
C(o("div", {
|
|
380
380
|
class: "progress__tips",
|
|
381
381
|
ref_key: "refTips",
|
|
382
382
|
ref: t,
|
|
383
|
-
style:
|
|
384
|
-
},
|
|
385
|
-
[
|
|
383
|
+
style: R({ left: u.hoverTipsPos })
|
|
384
|
+
}, T(a.hoverText), 5), [
|
|
385
|
+
[L, c.hoverText]
|
|
386
386
|
])
|
|
387
387
|
], 4), [
|
|
388
|
-
[
|
|
388
|
+
[L, a.hover]
|
|
389
389
|
]),
|
|
390
390
|
o("div", {
|
|
391
391
|
class: "progress__preload",
|
|
392
|
-
style:
|
|
392
|
+
style: R(w.value)
|
|
393
393
|
}, null, 4),
|
|
394
394
|
o("div", {
|
|
395
395
|
class: "progress__bar",
|
|
396
|
-
style:
|
|
396
|
+
style: R(z.value)
|
|
397
397
|
}, null, 4)
|
|
398
398
|
], 32)
|
|
399
399
|
], 34));
|
|
400
400
|
}
|
|
401
|
-
}),
|
|
402
|
-
function
|
|
403
|
-
var t = n, c = t.noTrailing,
|
|
401
|
+
}), U = /* @__PURE__ */ F(Y6, [["__scopeId", "data-v-f5b77156"]]);
|
|
402
|
+
function Z6(a, i, n) {
|
|
403
|
+
var t = n, c = t.noTrailing, y = c === void 0 ? !1 : c, u = t.noLeading, z = u === void 0 ? !1 : u, w = t.debounceMode, k = w === void 0 ? void 0 : w, b, p = !1, r = 0;
|
|
404
404
|
function e() {
|
|
405
|
-
|
|
405
|
+
b && clearTimeout(b);
|
|
406
406
|
}
|
|
407
|
-
function v
|
|
408
|
-
var
|
|
409
|
-
e(),
|
|
407
|
+
function _(v) {
|
|
408
|
+
var m = v || {}, x = m.upcomingOnly, V = x === void 0 ? !1 : x;
|
|
409
|
+
e(), p = !V;
|
|
410
410
|
}
|
|
411
|
-
function
|
|
412
|
-
for (var
|
|
413
|
-
|
|
414
|
-
var
|
|
415
|
-
if (
|
|
411
|
+
function S() {
|
|
412
|
+
for (var v = arguments.length, m = new Array(v), x = 0; x < v; x++)
|
|
413
|
+
m[x] = arguments[x];
|
|
414
|
+
var V = this, $ = Date.now() - r;
|
|
415
|
+
if (p)
|
|
416
416
|
return;
|
|
417
|
-
function
|
|
418
|
-
r = Date.now(), i.apply(
|
|
417
|
+
function P() {
|
|
418
|
+
r = Date.now(), i.apply(V, m);
|
|
419
419
|
}
|
|
420
|
-
function
|
|
421
|
-
|
|
420
|
+
function X() {
|
|
421
|
+
b = void 0;
|
|
422
422
|
}
|
|
423
|
-
!
|
|
423
|
+
!z && k && !b && P(), e(), k === void 0 && $ > a ? z ? (r = Date.now(), y || (b = setTimeout(k ? X : P, a))) : P() : y !== !0 && (b = setTimeout(k ? X : P, k === void 0 ? a - $ : a));
|
|
424
424
|
}
|
|
425
|
-
return
|
|
425
|
+
return S.cancel = _, S;
|
|
426
426
|
}
|
|
427
|
-
function
|
|
428
|
-
var t = {}, c = t.atBegin,
|
|
429
|
-
return
|
|
430
|
-
debounceMode:
|
|
427
|
+
function h6(a, i, n) {
|
|
428
|
+
var t = {}, c = t.atBegin, y = c === void 0 ? !1 : c;
|
|
429
|
+
return Z6(a, i, {
|
|
430
|
+
debounceMode: y !== !1
|
|
431
431
|
});
|
|
432
432
|
}
|
|
433
|
-
const
|
|
433
|
+
const G6 = ["checked"], J6 = /* @__PURE__ */ q({
|
|
434
434
|
__name: "Switch",
|
|
435
435
|
props: {
|
|
436
436
|
modelValue: {
|
|
@@ -460,83 +460,80 @@ const J6 = ["checked"], Q6 = /* @__PURE__ */ D({
|
|
|
460
460
|
},
|
|
461
461
|
emits: ["update:modelValue", "change"],
|
|
462
462
|
setup(a, { emit: i }) {
|
|
463
|
-
i6((
|
|
463
|
+
i6((z) => ({
|
|
464
464
|
"8eab8736": a.width,
|
|
465
465
|
"7a1ce148": a.activeColor
|
|
466
466
|
}));
|
|
467
|
-
const n = a, t = i, c =
|
|
468
|
-
|
|
469
|
-
const
|
|
470
|
-
t("update:modelValue",
|
|
467
|
+
const n = a, t = i, c = N(), y = A(() => n.modelValue === n.trueValue), u = (z) => {
|
|
468
|
+
g6(() => {
|
|
469
|
+
const w = z.target.checked;
|
|
470
|
+
t("update:modelValue", w), t("change", w);
|
|
471
471
|
});
|
|
472
472
|
};
|
|
473
|
-
return (
|
|
474
|
-
class:
|
|
473
|
+
return (z, w) => (f(), h("div", {
|
|
474
|
+
class: I(["switch", { "is-checked": y.value }])
|
|
475
475
|
}, [
|
|
476
476
|
o("input", {
|
|
477
477
|
type: "checkbox",
|
|
478
478
|
class: "switch_input",
|
|
479
479
|
ref_key: "input",
|
|
480
480
|
ref: c,
|
|
481
|
-
checked:
|
|
482
|
-
onChange:
|
|
483
|
-
}, null, 40,
|
|
484
|
-
|
|
481
|
+
checked: y.value,
|
|
482
|
+
onChange: w[0] || (w[0] = (k) => u(k))
|
|
483
|
+
}, null, 40, G6),
|
|
484
|
+
w[1] || (w[1] = o("span", { class: "switch_action" }, null, -1))
|
|
485
485
|
], 2));
|
|
486
486
|
}
|
|
487
|
-
}), e6 = /* @__PURE__ */
|
|
487
|
+
}), e6 = /* @__PURE__ */ F(J6, [["__scopeId", "data-v-4ddca1e1"]]), Q6 = { class: "status" }, e3 = { class: "flex-center" }, t3 = { class: "status-icon" }, l3 = { class: "flex-center" }, o3 = { style: { "margin-right": "5px" } }, a3 = /* @__PURE__ */ q({
|
|
488
488
|
__name: "Handle",
|
|
489
489
|
props: {
|
|
490
490
|
state: {}
|
|
491
491
|
},
|
|
492
492
|
setup(a) {
|
|
493
|
-
return (i, n) =>
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
color: "#fff"
|
|
503
|
-
}, null, 8, ["name"])
|
|
504
|
-
]),
|
|
505
|
-
I(" " + M(~~(i.state.volume * 100)) + "% ", 1)
|
|
506
|
-
], 512), [
|
|
507
|
-
[$, i.state.handleType == "volume"]
|
|
493
|
+
return (i, n) => C((f(), h("div", Q6, [
|
|
494
|
+
C(o("li", e3, [
|
|
495
|
+
o("span", t3, [
|
|
496
|
+
g(H, {
|
|
497
|
+
name: `volume-${i.state.volume == 0 || i.state.muted ? "mute" : i.state.volume > 0.5 ? "up" : "down"}`,
|
|
498
|
+
width: "25",
|
|
499
|
+
height: "25",
|
|
500
|
+
color: "#fff"
|
|
501
|
+
}, null, 8, ["name"])
|
|
508
502
|
]),
|
|
509
|
-
|
|
510
|
-
|
|
503
|
+
D(" " + T(~~(i.state.volume * 100)) + "% ", 1)
|
|
504
|
+
], 512), [
|
|
505
|
+
[L, i.state.handleType == "volume"]
|
|
506
|
+
]),
|
|
507
|
+
C(o("li", l3, [
|
|
508
|
+
g(H, {
|
|
509
|
+
color: "#fff",
|
|
510
|
+
name: "play",
|
|
511
|
+
width: "16",
|
|
512
|
+
height: "16"
|
|
513
|
+
}),
|
|
514
|
+
o("span", o3, [
|
|
515
|
+
g(H, {
|
|
511
516
|
color: "#fff",
|
|
512
517
|
name: "play",
|
|
513
518
|
width: "16",
|
|
514
519
|
height: "16"
|
|
515
|
-
})
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
n[0] || (n[0] = I(" 5倍速播放中 "))
|
|
525
|
-
], 512), [
|
|
526
|
-
[$, i.state.handleType == "playbackRate" || i.state.isMultiplesPlay]
|
|
527
|
-
])
|
|
528
|
-
], 512)), [
|
|
529
|
-
[$, i.state.handleType || i.state.isMultiplesPlay]
|
|
530
|
-
]);
|
|
531
|
-
};
|
|
520
|
+
})
|
|
521
|
+
]),
|
|
522
|
+
n[0] || (n[0] = D(" 5倍速播放中 "))
|
|
523
|
+
], 512), [
|
|
524
|
+
[L, i.state.handleType == "playbackRate" || i.state.isMultiplesPlay]
|
|
525
|
+
])
|
|
526
|
+
], 512)), [
|
|
527
|
+
[L, i.state.handleType || i.state.isMultiplesPlay]
|
|
528
|
+
]);
|
|
532
529
|
}
|
|
533
|
-
}),
|
|
530
|
+
}), n3 = /* @__PURE__ */ F(a3, [["__scopeId", "data-v-0b21d222"]]), v6 = "1.3.4", s3 = {
|
|
534
531
|
key: 0,
|
|
535
532
|
class: "player-dialog"
|
|
536
|
-
},
|
|
533
|
+
}, i3 = { class: "player-dialog-body" }, r3 = { class: "player-dialog-title" }, c3 = { class: "player-hotkey-panel" }, d3 = { class: "player-hotkey-panel-item" }, u3 = { class: "player-filter-panel" }, p3 = { class: "player-filter-panel-item" }, m3 = { class: "player-filter-panel-item" }, y3 = { class: "player-filter-panel-item" }, f3 = {
|
|
537
534
|
key: 0,
|
|
538
535
|
class: "player-contextmenu"
|
|
539
|
-
},
|
|
536
|
+
}, h3 = ["playerKeyCode"], v3 = /* @__PURE__ */ q({
|
|
540
537
|
__name: "Contextmenu",
|
|
541
538
|
props: {
|
|
542
539
|
colorStart: {
|
|
@@ -553,14 +550,14 @@ const J6 = ["checked"], Q6 = /* @__PURE__ */ D({
|
|
|
553
550
|
show: !1,
|
|
554
551
|
dialogType: "",
|
|
555
552
|
dialogTitle: "11",
|
|
556
|
-
version:
|
|
553
|
+
version: v6,
|
|
557
554
|
mouseX: 0,
|
|
558
555
|
mouseY: 0
|
|
559
556
|
}), t = [
|
|
560
557
|
{ label: "视频色彩调整", key: "filter" },
|
|
561
558
|
{ label: "快捷键说明", key: "hotkey" },
|
|
562
559
|
{ label: "复制视频网址", key: "copy" },
|
|
563
|
-
{ label: "版本：" +
|
|
560
|
+
{ label: "版本：" + v6, key: "version" }
|
|
564
561
|
], c = [
|
|
565
562
|
{ key: "Space", label: "播放/暂停" },
|
|
566
563
|
{ key: "→", label: "单次快进10s，长按5倍速播放" },
|
|
@@ -569,148 +566,145 @@ const J6 = ["checked"], Q6 = /* @__PURE__ */ D({
|
|
|
569
566
|
{ key: "↓", label: "音量增加降低10%" },
|
|
570
567
|
{ key: "Esc", label: "退出全屏/退出网页全屏" },
|
|
571
568
|
{ key: "F", label: "全屏/退出全屏" }
|
|
572
|
-
],
|
|
569
|
+
], y = Z({
|
|
573
570
|
//饱和度
|
|
574
571
|
saturate: 0.392,
|
|
575
572
|
//亮度
|
|
576
573
|
brightness: 0.392,
|
|
577
574
|
//对比度
|
|
578
575
|
contrast: 0.392
|
|
579
|
-
}),
|
|
576
|
+
}), u = A(() => ({
|
|
580
577
|
left: n.mouseX + "px",
|
|
581
578
|
top: n.mouseY + "px"
|
|
582
579
|
}));
|
|
583
|
-
t6(
|
|
584
|
-
console.log(
|
|
585
|
-
let r = document.querySelector("#PlayerVideo"), e = (
|
|
586
|
-
r.style.filter = `saturate(${e}) brightness(${
|
|
580
|
+
t6(y, (p) => {
|
|
581
|
+
console.log(p.saturate, "newval");
|
|
582
|
+
let r = document.querySelector("#PlayerVideo"), e = (p.saturate * 2.55).toFixed(2), _ = (p.brightness * 2.55).toFixed(2), S = (p.contrast * 2.55).toFixed(2);
|
|
583
|
+
r.style.filter = `saturate(${e}) brightness(${_}) contrast(${S})`;
|
|
587
584
|
});
|
|
588
|
-
const
|
|
589
|
-
|
|
590
|
-
},
|
|
591
|
-
|
|
592
|
-
},
|
|
593
|
-
|
|
585
|
+
const z = () => {
|
|
586
|
+
y.saturate = 0.392, y.brightness = 0.392, y.contrast = 0.392;
|
|
587
|
+
}, w = (p) => {
|
|
588
|
+
p.key == "Escape" && b(0);
|
|
589
|
+
}, k = (p) => {
|
|
590
|
+
p.preventDefault();
|
|
594
591
|
let r = document.querySelector("#playerWrap");
|
|
595
|
-
|
|
592
|
+
M(window, "keydown", w), M(window, "click", b), O(window, "keydown", w), O(window, "click", b);
|
|
596
593
|
let e = r.clientWidth;
|
|
597
|
-
n.mouseX =
|
|
598
|
-
},
|
|
599
|
-
let r =
|
|
600
|
-
if (r &&
|
|
601
|
-
if (n.dialogTitle =
|
|
594
|
+
n.mouseX = p.clientX - r.getBoundingClientRect().left, e - n.mouseX < 130 && (n.mouseX = n.mouseX + (e - n.mouseX - 130)), n.mouseY = p.clientY - r.getBoundingClientRect().top, n.show = !0;
|
|
595
|
+
}, b = async (p) => {
|
|
596
|
+
let r = p.target.nodeName == "LI", e = p.target.attributes.playerKeyCode && p.target.attributes.playerKeyCode.value, _ = t.map((S) => S.key);
|
|
597
|
+
if (r && _.includes(e))
|
|
598
|
+
if (n.dialogTitle = p.target.innerText, n.dialogType = e, e == "copy") {
|
|
602
599
|
try {
|
|
603
600
|
await navigator.clipboard.writeText(window.location.href), alert("网址信息已复制到剪切板");
|
|
604
|
-
} catch (
|
|
605
|
-
console.log("复制失败: ",
|
|
601
|
+
} catch (S) {
|
|
602
|
+
console.log("复制失败: ", S);
|
|
606
603
|
}
|
|
607
604
|
n.dialogType = "";
|
|
608
605
|
} else e == "version" && (n.dialogType = "");
|
|
609
|
-
n.show = !1,
|
|
606
|
+
n.show = !1, M(window, "keydown", w), M(window, "click", b);
|
|
610
607
|
};
|
|
611
608
|
return l6(() => {
|
|
612
|
-
let
|
|
613
|
-
|
|
614
|
-
}),
|
|
615
|
-
let
|
|
616
|
-
|
|
617
|
-
}), (
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
o("
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
609
|
+
let p = document.querySelector("#playerWrap");
|
|
610
|
+
M(window, "click", b), M(window, "keydown", w), O(p, "contextmenu", k);
|
|
611
|
+
}), w6(() => {
|
|
612
|
+
let p = document.querySelector("#playerWrap");
|
|
613
|
+
M(window, "keydown", w), M(window, "click", b), M(p, "contextmenu", k);
|
|
614
|
+
}), (p, r) => (f(), h("div", null, [
|
|
615
|
+
g(o6, { name: "fade-in" }, {
|
|
616
|
+
default: a6(() => [
|
|
617
|
+
n.dialogType ? (f(), h("div", s3, [
|
|
618
|
+
o("div", i3, [
|
|
619
|
+
o("h5", r3, [
|
|
620
|
+
D(T(n.dialogTitle) + " ", 1),
|
|
621
|
+
o("span", {
|
|
622
|
+
class: "icon-close",
|
|
623
|
+
onClick: r[0] || (r[0] = (e) => n.dialogType = "")
|
|
624
|
+
}, [
|
|
625
|
+
g(H, {
|
|
626
|
+
color: "#fff",
|
|
627
|
+
name: "x-copy",
|
|
628
|
+
width: "25",
|
|
629
|
+
height: "25",
|
|
630
|
+
class: "icon-close"
|
|
631
|
+
})
|
|
632
|
+
])
|
|
633
|
+
]),
|
|
634
|
+
C(o("ul", c3, [
|
|
635
|
+
(f(), h(n6, null, s6(c, (e) => o("li", d3, [
|
|
636
|
+
o("span", null, T(e.key), 1),
|
|
637
|
+
o("span", null, T(e.label), 1)
|
|
638
|
+
])), 64))
|
|
639
|
+
], 512), [
|
|
640
|
+
[L, n.dialogType == "hotkey"]
|
|
641
|
+
]),
|
|
642
|
+
C(o("ul", u3, [
|
|
643
|
+
o("li", p3, [
|
|
644
|
+
r[4] || (r[4] = o("span", null, "饱和度", -1)),
|
|
645
|
+
g(U, {
|
|
646
|
+
class: "filter-panel-progress",
|
|
647
|
+
size: "5px",
|
|
648
|
+
modelValue: y.saturate,
|
|
649
|
+
"onUpdate:modelValue": r[1] || (r[1] = (e) => y.saturate = e),
|
|
650
|
+
colorStart: i.colorStart,
|
|
651
|
+
colorEnd: i.colorEnd
|
|
652
|
+
}, null, 8, ["modelValue", "colorStart", "colorEnd"]),
|
|
653
|
+
o("span", null, T(Math.round(y.saturate * 255)), 1)
|
|
638
654
|
]),
|
|
639
|
-
|
|
640
|
-
(
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
|
|
655
|
+
o("li", m3, [
|
|
656
|
+
r[5] || (r[5] = o("span", null, "亮度", -1)),
|
|
657
|
+
g(U, {
|
|
658
|
+
class: "filter-panel-progress",
|
|
659
|
+
size: "5px",
|
|
660
|
+
modelValue: y.brightness,
|
|
661
|
+
"onUpdate:modelValue": r[2] || (r[2] = (e) => y.brightness = e),
|
|
662
|
+
colorStart: i.colorStart,
|
|
663
|
+
colorEnd: i.colorEnd
|
|
664
|
+
}, null, 8, ["modelValue", "colorStart", "colorEnd"]),
|
|
665
|
+
o("span", null, T(Math.round(y.brightness * 255)), 1)
|
|
646
666
|
]),
|
|
647
|
-
|
|
648
|
-
o("
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
|
|
652
|
-
|
|
653
|
-
|
|
654
|
-
|
|
655
|
-
|
|
656
|
-
|
|
657
|
-
|
|
658
|
-
|
|
659
|
-
|
|
660
|
-
|
|
661
|
-
|
|
662
|
-
|
|
663
|
-
|
|
664
|
-
|
|
665
|
-
|
|
666
|
-
|
|
667
|
-
colorStart: i.colorStart,
|
|
668
|
-
colorEnd: i.colorEnd
|
|
669
|
-
}, null, 8, ["modelValue", "colorStart", "colorEnd"]),
|
|
670
|
-
o("span", null, M(Math.round(m.brightness * 255)), 1)
|
|
671
|
-
]),
|
|
672
|
-
o("li", f3, [
|
|
673
|
-
r[6] || (r[6] = o("span", null, "对比度", -1)),
|
|
674
|
-
b(j, {
|
|
675
|
-
class: "filter-panel-progress",
|
|
676
|
-
size: "5px",
|
|
677
|
-
modelValue: m.contrast,
|
|
678
|
-
"onUpdate:modelValue": r[3] || (r[3] = (v) => m.contrast = v),
|
|
679
|
-
colorStart: i.colorStart,
|
|
680
|
-
colorEnd: i.colorEnd
|
|
681
|
-
}, null, 8, ["modelValue", "colorStart", "colorEnd"]),
|
|
682
|
-
o("span", null, M(Math.round(m.contrast * 255)), 1)
|
|
683
|
-
]),
|
|
684
|
-
o("span", {
|
|
685
|
-
onClick: S,
|
|
686
|
-
title: "重置",
|
|
687
|
-
"aria-label": "重置",
|
|
688
|
-
class: "player-filter-reset"
|
|
689
|
-
}, "重置")
|
|
690
|
-
], 512), [
|
|
691
|
-
[$, n.dialogType == "filter"]
|
|
692
|
-
])
|
|
667
|
+
o("li", y3, [
|
|
668
|
+
r[6] || (r[6] = o("span", null, "对比度", -1)),
|
|
669
|
+
g(U, {
|
|
670
|
+
class: "filter-panel-progress",
|
|
671
|
+
size: "5px",
|
|
672
|
+
modelValue: y.contrast,
|
|
673
|
+
"onUpdate:modelValue": r[3] || (r[3] = (e) => y.contrast = e),
|
|
674
|
+
colorStart: i.colorStart,
|
|
675
|
+
colorEnd: i.colorEnd
|
|
676
|
+
}, null, 8, ["modelValue", "colorStart", "colorEnd"]),
|
|
677
|
+
o("span", null, T(Math.round(y.contrast * 255)), 1)
|
|
678
|
+
]),
|
|
679
|
+
o("span", {
|
|
680
|
+
onClick: z,
|
|
681
|
+
title: "重置",
|
|
682
|
+
"aria-label": "重置",
|
|
683
|
+
class: "player-filter-reset"
|
|
684
|
+
}, "重置")
|
|
685
|
+
], 512), [
|
|
686
|
+
[L, n.dialogType == "filter"]
|
|
693
687
|
])
|
|
694
|
-
])
|
|
695
|
-
]),
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
|
|
700
|
-
|
|
701
|
-
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
]
|
|
710
|
-
])
|
|
711
|
-
|
|
688
|
+
])
|
|
689
|
+
])) : B("", !0)
|
|
690
|
+
]),
|
|
691
|
+
_: 1
|
|
692
|
+
}),
|
|
693
|
+
n.show ? (f(), h("div", f3, [
|
|
694
|
+
o("ul", {
|
|
695
|
+
class: "player-contextmenu-body",
|
|
696
|
+
style: R(u.value)
|
|
697
|
+
}, [
|
|
698
|
+
(f(), h(n6, null, s6(t, (e) => o("li", {
|
|
699
|
+
playerKeyCode: e.key,
|
|
700
|
+
key: e.key
|
|
701
|
+
}, T(e.label), 9, h3)), 64))
|
|
702
|
+
], 4),
|
|
703
|
+
r[7] || (r[7] = o("input", { class: "player-copyText" }, null, -1))
|
|
704
|
+
])) : B("", !0)
|
|
705
|
+
]));
|
|
712
706
|
}
|
|
713
|
-
}),
|
|
707
|
+
}), g3 = /* @__PURE__ */ F(v3, [["__scopeId", "data-v-f08cc21f"]]), w3 = {}, b3 = {
|
|
714
708
|
width: "20px",
|
|
715
709
|
height: "20px",
|
|
716
710
|
viewBox: "0 0 24 24",
|
|
@@ -719,23 +713,23 @@ const J6 = ["checked"], Q6 = /* @__PURE__ */ D({
|
|
|
719
713
|
"xmlns:xlink": "http://www.w3.org/1999/xlink",
|
|
720
714
|
style: { opacity: "0.85" }
|
|
721
715
|
};
|
|
722
|
-
function
|
|
716
|
+
function z3(a, i) {
|
|
723
717
|
return f(), h("div", null, [
|
|
724
|
-
(f(), h("svg",
|
|
725
|
-
|
|
718
|
+
(f(), h("svg", b3, i[0] || (i[0] = [
|
|
719
|
+
E6('<g id="pc" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="鼠标悬浮态" transform="translate(-1011.000000, -614.000000)"><g id="编组-3备份" transform="translate(-0.000000, 0.000000)"><g id="编组-9" transform="translate(771.000000, 614.000000)"><g id="网页全屏icon备份" transform="translate(240.000000, 0.000000)"><rect id="矩形" fill="#D8D8D8" opacity="0" x="0" y="0" width="24" height="24"></rect><g id="编组-16" transform="translate(3.000000, 3.000000)"><path d="M6.02375417,18 L4.41666657,18 C1.97740898,18 2.987229e-16,16.022591 0,13.5833334 L0,4.41666657 C-2.987229e-16,1.97740898 1.97740898,-4.4009407e-16 4.41666657,0 L13.5277779,0 C15.9670355,-4.4808435e-16 17.9444444,1.97740898 17.9444444,4.41666657 L17.9444444,6.94881161 L17.9444444,6.94881161" id="路径" stroke="#FFFFFF" stroke-width="2.2" stroke-linecap="square" stroke-linejoin="round"></path><rect id="矩形" stroke="#FFFFFF" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" x="10.5555556" y="11.6470588" width="8.44444444" height="6.35294118" rx="2.10317456"></rect><polyline id="路径-4备份" stroke="#FFFFFF" stroke-width="2.2" stroke-linecap="square" stroke-linejoin="round" transform="translate(6.838734, 6.948812) scale(-1, -1) translate(-6.838734, -6.948812) " points="5.25540107 8.5370469 5.25540107 5.36057631 8.42206774 5.36057631"></polyline><polygon id="矩形" fill="#FFFFFF" transform="translate(6.163971, 6.008746) rotate(-45.000000) translate(-6.163971, -6.008746) " points="5.07520753 2.83865288 7.26397133 2.83570116 7.25273513 9.17883841 5.06397133 9.18179013"></polygon></g></g></g></g></g></g>', 1)
|
|
726
720
|
])))
|
|
727
721
|
]);
|
|
728
722
|
}
|
|
729
|
-
const
|
|
723
|
+
const x3 = /* @__PURE__ */ F(w3, [["render", z3]]), S3 = {
|
|
730
724
|
class: "settings-icon-svg",
|
|
731
725
|
width: "27",
|
|
732
726
|
height: "27",
|
|
733
727
|
viewBox: "0 0 1024 1024",
|
|
734
728
|
xmlns: "http://www.w3.org/2000/svg"
|
|
735
|
-
},
|
|
729
|
+
}, V3 = /* @__PURE__ */ q({
|
|
736
730
|
__name: "SettingsIcon",
|
|
737
731
|
setup(a) {
|
|
738
|
-
return (i, n) => (f(), h("svg",
|
|
732
|
+
return (i, n) => (f(), h("svg", S3, n[0] || (n[0] = [
|
|
739
733
|
o("g", { class: "settings-gear-outer" }, [
|
|
740
734
|
o("path", {
|
|
741
735
|
d: "M722.4832 704.512l-149.162667 86.084267a123.630933 123.630933 0 0 1-123.665066-0.034134l-149.128534-86.101333a123.682133 123.682133 0 0 1-61.883733-107.093333v-172.202667a123.665067 123.665067 0 0 1 61.8496-107.178667l149.162667-86.084266a123.733333 123.733333 0 0 1 123.6992 0l149.128533 86.1184a123.665067 123.665067 0 0 1 61.8496 107.1104V597.333333a123.818667 123.818667 0 0 1-61.8496 107.178667zM859.426133 597.333333V425.130667a198.7584 198.7584 0 0 0-99.396266-172.151467l-149.128534-86.101333a198.826667 198.826667 0 0 0-198.792533 0l-149.162667 86.084266A198.843733 198.843733 0 0 0 163.584 425.130667V597.333333a198.826667 198.826667 0 0 0 99.413333 172.168534l149.128534 86.101333a198.7584 198.7584 0 0 0 198.775466 0l149.162667-86.101333A198.690133 198.690133 0 0 0 859.409067 597.333333z",
|
|
@@ -750,25 +744,25 @@ const S3 = /* @__PURE__ */ H(b3, [["render", x3]]), V3 = {
|
|
|
750
744
|
], -1)
|
|
751
745
|
])));
|
|
752
746
|
}
|
|
753
|
-
}),
|
|
747
|
+
}), k3 = /* @__PURE__ */ F(V3, [["__scopeId", "data-v-1ea78c7a"]]), _3 = {
|
|
754
748
|
class: "volume-icon-svg",
|
|
755
749
|
width: "27",
|
|
756
750
|
height: "27",
|
|
757
751
|
viewBox: "0 0 900 1024",
|
|
758
752
|
xmlns: "http://www.w3.org/2000/svg"
|
|
759
|
-
},
|
|
753
|
+
}, T3 = { class: "speaker-icon" }, M3 = {
|
|
760
754
|
key: 0,
|
|
761
755
|
d: "M635.460267 416.4608l103.82080078 103.82080078 103.19457982-103.22753906 51.2841802 51.28417943-103.22753906 103.16162135 103.82080078 103.82080078-51.2841802 51.28417943-103.82080078-103.82080078-103.16162059 103.22753906-51.28418019-51.28417943 103.16162135-103.19458058-103.75488307-103.82080079 51.25122096-51.25122019z",
|
|
762
756
|
fill: "#fff"
|
|
763
|
-
},
|
|
757
|
+
}, B3 = {
|
|
764
758
|
key: 0,
|
|
765
759
|
class: "sound-waves"
|
|
766
|
-
},
|
|
760
|
+
}, P3 = {
|
|
767
761
|
key: 0,
|
|
768
762
|
class: "sound-wave wave-outer",
|
|
769
763
|
d: "M734.037333 319.761067l7.850667 7.304533c56.695467 54.203733 90.965333 128.375467 90.965333 205.0048 0 84.992-38.536533 166.229333-96.290133 217.838933l55.125333 47.7184 8.0896-7.4752c69.0176-65.979733 106.018133-158.378667 106.018134-260.1984 0-102.024533-44.612267-197.256533-121.7536-266.171733l-50.005334 55.978667z",
|
|
770
764
|
fill: "#fff"
|
|
771
|
-
},
|
|
765
|
+
}, C3 = /* @__PURE__ */ q({
|
|
772
766
|
__name: "VolumeIcon",
|
|
773
767
|
props: {
|
|
774
768
|
/** 是否静音 */
|
|
@@ -783,85 +777,85 @@ const S3 = /* @__PURE__ */ H(b3, [["render", x3]]), V3 = {
|
|
|
783
777
|
}
|
|
784
778
|
},
|
|
785
779
|
setup(a) {
|
|
786
|
-
return (i, n) => (f(), h("svg",
|
|
787
|
-
o("g",
|
|
780
|
+
return (i, n) => (f(), h("svg", _3, [
|
|
781
|
+
o("g", T3, [
|
|
788
782
|
n[0] || (n[0] = o("path", {
|
|
789
783
|
d: "M461.312 246.4768a17.066667 17.066667 0 0 1 17.066667 17.066667V763.392a17.066667 17.066667 0 0 1-27.2384 13.687467l-159.197867-118.3744a75.076267 75.076267 0 0 0-44.782933-14.813867h-41.642667a16.5376 16.5376 0 0 1-16.520533-16.520533V398.779733c0-9.1136 7.406933-16.520533 16.520533-16.520533h41.710933a75.264 75.264 0 0 0 44.612267-14.677333l159.3344-117.76a16.9472 16.9472 0 0 1 10.1376-3.345067z m0-75.093333c-19.729067 0-38.912 6.314667-54.784 18.056533L247.1936 307.2h-41.6768a91.5968 91.5968 0 0 0-91.613867 91.579733V627.370667a91.630933 91.630933 0 0 0 91.613867 91.613866h41.608533l159.197867 118.3744a92.194133 92.194133 0 0 0 147.1488-73.966933V263.543467a92.16 92.16 0 0 0-92.16-92.16z",
|
|
790
784
|
fill: "#fff"
|
|
791
785
|
}, null, -1)),
|
|
792
|
-
a.muted || a.volume == 0 ? (f(), h("path",
|
|
786
|
+
a.muted || a.volume == 0 ? (f(), h("path", M3)) : B("", !0)
|
|
793
787
|
]),
|
|
794
|
-
a.volume > 0 && !a.muted ? (f(), h("g",
|
|
788
|
+
a.volume > 0 && !a.muted ? (f(), h("g", B3, [
|
|
795
789
|
n[1] || (n[1] = o("path", {
|
|
796
790
|
class: "sound-wave wave-inner",
|
|
797
791
|
d: "M 635.460267 416.4608l6.075733 7.406933c25.2928 32.4608 39.0144 71.304533 39.0144 112.0256 0 44.032-16.145067 85.8112-45.4656 119.842134l56.866133 49.015466 6.997334-8.3968c36.488533-45.909333 56.695467-101.751467 56.695466-160.4608 0-62.122667-22.562133-121.002667-63.1808-168.311466l-57.002666 48.878933z",
|
|
798
792
|
fill: "#fff"
|
|
799
793
|
}, null, -1)),
|
|
800
|
-
a.volume > 0.5 ? (f(), h("path",
|
|
801
|
-
])) :
|
|
794
|
+
a.volume > 0.5 ? (f(), h("path", P3)) : B("", !0)
|
|
795
|
+
])) : B("", !0)
|
|
802
796
|
]));
|
|
803
797
|
}
|
|
804
|
-
}),
|
|
798
|
+
}), L3 = /* @__PURE__ */ F(C3, [["__scopeId", "data-v-db2cc5fc"]]), $3 = {
|
|
805
799
|
class: "Player",
|
|
806
800
|
id: "PlayerVideo"
|
|
807
|
-
},
|
|
801
|
+
}, E3 = ["src", "controls", "webkit-playsinline", "playsinline", "loop", "poster", "volume", "muted", "autoplay"], H3 = { class: "player-lightoff" }, F3 = {
|
|
808
802
|
key: 0,
|
|
809
803
|
class: "player-state"
|
|
810
|
-
},
|
|
804
|
+
}, A3 = { class: "control-progress" }, I3 = { class: "tool-bar" }, D3 = { class: "tool-item tool-time audioTrack-btn" }, q3 = { class: "total-time" }, R3 = { class: "tool-bar" }, N3 = {
|
|
811
805
|
key: 0,
|
|
812
806
|
class: "tool-item speedRate-btn"
|
|
813
|
-
},
|
|
807
|
+
}, O3 = { class: "tool-item-main" }, W3 = { class: "speed-main" }, j3 = ["onClick"], U3 = {
|
|
814
808
|
key: 1,
|
|
815
809
|
class: "tool-item volume-btn"
|
|
816
|
-
},
|
|
810
|
+
}, X3 = { class: "tool-item-main volume-box" }, K3 = { class: "volume-text-size" }, Y3 = {
|
|
817
811
|
class: "tool-item setting-btn",
|
|
818
812
|
style: { top: "-1px", left: "3px" }
|
|
819
|
-
},
|
|
813
|
+
}, Z3 = { class: "tool-item-main" }, G3 = { class: "speed-main" }, J3 = { class: "biggerAni" }, Q3 = { class: "biggerAni" }, e1 = /* @__PURE__ */ q({
|
|
820
814
|
__name: "VueVideoPlus",
|
|
821
815
|
props: J,
|
|
822
816
|
emits: [
|
|
823
|
-
...
|
|
817
|
+
...f6,
|
|
824
818
|
"mirrorChange",
|
|
825
819
|
"loopChange",
|
|
826
820
|
"lightOffChange"
|
|
827
821
|
],
|
|
828
822
|
setup(a, { expose: i, emit: n }) {
|
|
829
823
|
i6((s) => ({
|
|
830
|
-
"
|
|
831
|
-
|
|
832
|
-
"
|
|
833
|
-
|
|
824
|
+
"53bba44c": _6.value,
|
|
825
|
+
c0761c60: p.value.width,
|
|
826
|
+
"3f0a4e5d": p.value.height,
|
|
827
|
+
be966482: s.borderRadius
|
|
834
828
|
}));
|
|
835
|
-
const t =
|
|
829
|
+
const t = N(null), c = N(null), y = N(null), u = a, z = () => {
|
|
836
830
|
const s = {};
|
|
837
831
|
return Object.keys(J).forEach((l) => {
|
|
838
|
-
const
|
|
839
|
-
|
|
832
|
+
const d = J[l];
|
|
833
|
+
d.default !== void 0 && (s[l] = typeof d.default == "function" ? d.default() : d.default);
|
|
840
834
|
}), s;
|
|
841
|
-
},
|
|
842
|
-
const l = { ...
|
|
843
|
-
return
|
|
844
|
-
}),
|
|
835
|
+
}, w = A(() => {
|
|
836
|
+
const l = { ...z(), ...u }, d = u.colorStart !== void 0, E = u.colorEnd !== void 0;
|
|
837
|
+
return d && !E && (l.colorEnd = ""), l;
|
|
838
|
+
}), k = () => window.innerWidth <= 768 || "ontouchstart" in window, b = N(k()), p = A(() => b.value ? {
|
|
845
839
|
width: "100%",
|
|
846
840
|
height: `${Math.floor(window.innerWidth * 9 / 16)}px`
|
|
847
841
|
} : {
|
|
848
|
-
width:
|
|
849
|
-
height:
|
|
842
|
+
width: w.value.width,
|
|
843
|
+
height: w.value.height
|
|
850
844
|
}), r = () => {
|
|
851
|
-
|
|
845
|
+
b.value = k();
|
|
852
846
|
};
|
|
853
847
|
l6(() => {
|
|
854
848
|
window.addEventListener("resize", r);
|
|
855
|
-
}),
|
|
849
|
+
}), w6(() => {
|
|
856
850
|
window.removeEventListener("resize", r);
|
|
857
851
|
});
|
|
858
852
|
const e = Z({
|
|
859
853
|
/** 视频元素引用 */
|
|
860
854
|
Video: null,
|
|
861
855
|
/** 合并默认配置 */
|
|
862
|
-
...
|
|
856
|
+
...w.value,
|
|
863
857
|
/** 静音状态 */
|
|
864
|
-
muted:
|
|
858
|
+
muted: w.value.muted,
|
|
865
859
|
/** 播放按钮状态 */
|
|
866
860
|
playBtnState: "play",
|
|
867
861
|
// 初始状态为播放按钮，自动播放成功后才会更新为暂停按钮
|
|
@@ -874,7 +868,7 @@ const S3 = /* @__PURE__ */ H(b3, [["render", x3]]), V3 = {
|
|
|
874
868
|
/** 当前播放时间，格式为 HH:MM:SS */
|
|
875
869
|
currentTimeDisplay: "00:00:00",
|
|
876
870
|
/** 当前播放时间（秒），从配置中获取初始值 */
|
|
877
|
-
currentTime:
|
|
871
|
+
currentTime: w.value.currentTime || 0,
|
|
878
872
|
/** 当前缓冲进度，范围 0-1 */
|
|
879
873
|
preloadBar: 0,
|
|
880
874
|
/** 视频总时长，格式为 HH:MM:SS */
|
|
@@ -897,9 +891,9 @@ const S3 = /* @__PURE__ */ H(b3, [["render", x3]]), V3 = {
|
|
|
897
891
|
currentLevel: 0,
|
|
898
892
|
/** 是否已经处理过自动播放（防止拖动进度条时重复触发） */
|
|
899
893
|
hasAutoPlayed: !1
|
|
900
|
-
}),
|
|
894
|
+
}), _ = n;
|
|
901
895
|
t6(
|
|
902
|
-
() =>
|
|
896
|
+
() => u,
|
|
903
897
|
(s) => {
|
|
904
898
|
Object.keys(s).forEach((l) => {
|
|
905
899
|
l in e && (e[l] = s[l]);
|
|
@@ -907,117 +901,117 @@ const S3 = /* @__PURE__ */ H(b3, [["render", x3]]), V3 = {
|
|
|
907
901
|
},
|
|
908
902
|
{ deep: !0 }
|
|
909
903
|
);
|
|
910
|
-
const
|
|
911
|
-
let
|
|
912
|
-
return s[
|
|
913
|
-
e.loadStateType = l,
|
|
904
|
+
const S = (...s) => (l) => s.reverse().reduce((d, E) => E(d), l), v = f6.reduce((s, l) => {
|
|
905
|
+
let d = `on${D6(l)}`;
|
|
906
|
+
return s[d] = (E) => {
|
|
907
|
+
e.loadStateType = l, _(l, E);
|
|
914
908
|
}, s;
|
|
915
909
|
}, {});
|
|
916
|
-
|
|
910
|
+
v.onCanplay = S(v.onCanplay, () => {
|
|
917
911
|
if (e.autoPlay && !e.hasAutoPlayed) {
|
|
918
912
|
if (e.hasAutoPlayed = !0, t.value && !t.value.muted && (t.value.muted = !0, e.muted = !0), !t.value) return;
|
|
919
913
|
const s = t.value.play();
|
|
920
914
|
s !== void 0 ? s.then(() => {
|
|
921
|
-
e.playBtnState = "pause",
|
|
915
|
+
e.playBtnState = "pause", u.muted || setTimeout(() => {
|
|
922
916
|
t.value && (t.value.muted = !1), e.muted = !1;
|
|
923
917
|
}, 100);
|
|
924
918
|
}).catch((l) => {
|
|
925
919
|
console.warn("视频自动播放失败:", l), e.playBtnState = "play";
|
|
926
|
-
}) : (e.playBtnState = "pause",
|
|
920
|
+
}) : (e.playBtnState = "pause", u.muted || setTimeout(() => {
|
|
927
921
|
t.value && (t.value.muted = !1), e.muted = !1;
|
|
928
922
|
}, 100));
|
|
929
923
|
}
|
|
930
|
-
}),
|
|
924
|
+
}), v.onPlay = S(v.onPlay, () => {
|
|
931
925
|
e.playBtnState = "pause";
|
|
932
|
-
}),
|
|
926
|
+
}), v.onPause = S(v.onPause, () => {
|
|
933
927
|
e.playBtnState = "play";
|
|
934
|
-
}),
|
|
935
|
-
|
|
936
|
-
},
|
|
928
|
+
}), v.onDurationchange = (s) => {
|
|
929
|
+
_("durationchange", s), e.currentTime != 0 && t.value && (t.value.currentTime = e.currentTime), v.onTimeupdate(s);
|
|
930
|
+
}, v.onEnded = S(v.onEnded, () => {
|
|
937
931
|
e.playBtnState = "replay";
|
|
938
|
-
}),
|
|
932
|
+
}), v.onError = S(v.onError, () => {
|
|
939
933
|
e.playBtnState = "replay";
|
|
940
|
-
}),
|
|
941
|
-
|
|
942
|
-
let l = s.target.duration,
|
|
943
|
-
e.preloadBar =
|
|
934
|
+
}), v.onProgress = (s) => {
|
|
935
|
+
_("progress", s);
|
|
936
|
+
let l = s.target.duration, d = s.target.buffered, E = s.target.buffered.length && s.target.buffered.end(d - 1);
|
|
937
|
+
e.preloadBar = E / l;
|
|
944
938
|
};
|
|
945
|
-
const
|
|
939
|
+
const m = (s, l) => {
|
|
946
940
|
if (!t.value) return;
|
|
947
|
-
let
|
|
948
|
-
t.value.currentTime =
|
|
949
|
-
},
|
|
941
|
+
let d = t.value.duration;
|
|
942
|
+
t.value.currentTime = d * l;
|
|
943
|
+
}, x = (s, l) => {
|
|
950
944
|
t.value && (e.progressCursorTime = Q(t.value.duration * l));
|
|
951
|
-
},
|
|
945
|
+
}, V = h6(2500, () => {
|
|
952
946
|
e.isVideoHovering = !1;
|
|
953
|
-
}),
|
|
954
|
-
e.isVideoHovering = !0,
|
|
955
|
-
},
|
|
956
|
-
|
|
957
|
-
},
|
|
947
|
+
}), $ = (s) => {
|
|
948
|
+
e.isVideoHovering = !0, V();
|
|
949
|
+
}, P = () => {
|
|
950
|
+
b || y.value && y.value.focus();
|
|
951
|
+
}, X = (s) => {
|
|
958
952
|
e.speedActive = s, t.value && (t.value.playbackRate = s);
|
|
953
|
+
}, b6 = (s) => {
|
|
954
|
+
_("mirrorChange", s, t.value);
|
|
959
955
|
}, z6 = (s) => {
|
|
960
|
-
|
|
956
|
+
_("loopChange", s, t.value);
|
|
961
957
|
}, x6 = (s) => {
|
|
962
|
-
|
|
963
|
-
}, S6 = (
|
|
964
|
-
|
|
965
|
-
}, V6 = () => {
|
|
966
|
-
t.value && R6(t.value);
|
|
958
|
+
_("lightOffChange", s, t.value);
|
|
959
|
+
}, S6 = () => {
|
|
960
|
+
t.value && q6(t.value);
|
|
967
961
|
}, G = () => {
|
|
968
|
-
c.value && (e.fullScreen =
|
|
969
|
-
},
|
|
962
|
+
c.value && (e.fullScreen = R6(c.value));
|
|
963
|
+
}, V6 = () => {
|
|
970
964
|
e.muted = !e.muted, e.volume == 0 && (e.volume = 0.05);
|
|
971
965
|
};
|
|
972
|
-
|
|
973
|
-
|
|
974
|
-
let l = s.duration || s.target.duration || 0,
|
|
975
|
-
e.playProgress =
|
|
966
|
+
v.onTimeupdate = (s) => {
|
|
967
|
+
_("timeupdate", s);
|
|
968
|
+
let l = s.duration || s.target.duration || 0, d = s.currentTime || s.target.currentTime;
|
|
969
|
+
e.playProgress = d / l, e.currentTimeDisplay = Q(d), e.totalTime = Q(l);
|
|
976
970
|
};
|
|
977
|
-
const
|
|
971
|
+
const k6 = () => {
|
|
978
972
|
t.value && (t.value.canPlayType(e.type) || console.error(
|
|
979
973
|
"vue3-video-play: Format not supported,Check the [type] parameter"
|
|
980
|
-
), (t.value.canPlayType(e.type) || t.value.canPlayType("application/vnd.apple.mpegurl")) && (e.autoPlay && !
|
|
974
|
+
), (t.value.canPlayType(e.type) || t.value.canPlayType("application/vnd.apple.mpegurl")) && (e.autoPlay && !u.muted ? (t.value.muted = !0, e.muted = !0) : e.muted = u.muted));
|
|
981
975
|
};
|
|
982
976
|
t6(
|
|
983
|
-
() =>
|
|
977
|
+
() => u.src,
|
|
984
978
|
// 监听视频源地址
|
|
985
979
|
(s) => {
|
|
986
|
-
e.hasAutoPlayed = !1,
|
|
987
|
-
|
|
980
|
+
e.hasAutoPlayed = !1, g6(() => {
|
|
981
|
+
k6();
|
|
988
982
|
});
|
|
989
983
|
},
|
|
990
984
|
{ immediate: !0 }
|
|
991
985
|
// 立即执行一次
|
|
992
986
|
);
|
|
993
|
-
const
|
|
987
|
+
const _6 = A(() => {
|
|
994
988
|
const s = e.colorStart || "#52a0fd";
|
|
995
|
-
return
|
|
996
|
-
}),
|
|
989
|
+
return I6(s);
|
|
990
|
+
}), r6 = h6(500, () => {
|
|
997
991
|
e.handleType = "";
|
|
998
|
-
}),
|
|
992
|
+
}), c6 = (s) => {
|
|
999
993
|
if (!e.speed || !t.value) return;
|
|
1000
994
|
const l = 10;
|
|
1001
|
-
s === "forward" ? t.value.currentTime = t.value.currentTime + l : t.value.currentTime = t.value.currentTime < l ? 0.1 : t.value.currentTime - l,
|
|
995
|
+
s === "forward" ? t.value.currentTime = t.value.currentTime + l : t.value.currentTime = t.value.currentTime < l ? 0.1 : t.value.currentTime - l, v.onTimeupdate(t.value), K();
|
|
996
|
+
}, T6 = (s) => {
|
|
997
|
+
c6("backward");
|
|
1002
998
|
}, M6 = (s) => {
|
|
1003
|
-
|
|
1004
|
-
},
|
|
1005
|
-
s.preventDefault(), s.code == "ArrowUp" ? e.volume = e.volume + 0.1 > 1 ? 1 : e.volume + 0.1 : e.volume = e.volume - 0.1 < 0 ? 0 : e.volume - 0.1, e.muted = !1, e.handleType = "volume", c6();
|
|
1006
|
-
}, u6 = (s) => {
|
|
999
|
+
s.preventDefault(), s.code == "ArrowUp" ? e.volume = e.volume + 0.1 > 1 ? 1 : e.volume + 0.1 : e.volume = e.volume - 0.1 < 0 ? 0 : e.volume - 0.1, e.muted = !1, e.handleType = "volume", r6();
|
|
1000
|
+
}, d6 = (s) => {
|
|
1007
1001
|
s.preventDefault;
|
|
1008
1002
|
let l = s.type;
|
|
1009
1003
|
if (s.key == "ArrowRight") {
|
|
1010
|
-
if (
|
|
1004
|
+
if (K(), l == "keyup") {
|
|
1011
1005
|
if (e.longPressTimeout && (clearTimeout(e.longPressTimeout), e.longPressTimeout = null), !e.speed) return;
|
|
1012
|
-
e.isMultiplesPlay ? (t.value && (t.value.playbackRate = e.speedActive), e.isMultiplesPlay = !1) :
|
|
1006
|
+
e.isMultiplesPlay ? (t.value && (t.value.playbackRate = e.speedActive), e.isMultiplesPlay = !1) : c6("forward");
|
|
1013
1007
|
} else if (l == "keydown") {
|
|
1014
1008
|
if (!e.speed) return;
|
|
1015
1009
|
e.isMultiplesPlay && e.longPressTimeout && (clearTimeout(e.longPressTimeout), e.longPressTimeout = null), e.longPressTimeout = setTimeout(() => {
|
|
1016
|
-
e.isMultiplesPlay = !0, t.value && (t.value.playbackRate = 5), e.handleType = "playbackRate",
|
|
1010
|
+
e.isMultiplesPlay = !0, t.value && (t.value.playbackRate = 5), e.handleType = "playbackRate", r6();
|
|
1017
1011
|
}, 500);
|
|
1018
1012
|
}
|
|
1019
1013
|
}
|
|
1020
|
-
},
|
|
1014
|
+
}, K = async () => {
|
|
1021
1015
|
var s;
|
|
1022
1016
|
if (!t.value) {
|
|
1023
1017
|
console.warn("[VideoPlayer] 视频元素未初始化");
|
|
@@ -1027,354 +1021,352 @@ const S3 = /* @__PURE__ */ H(b3, [["render", x3]]), V3 = {
|
|
|
1027
1021
|
try {
|
|
1028
1022
|
await t.value.play(), e.playBtnState = "pause", console.log("[VideoPlayer] 播放成功");
|
|
1029
1023
|
} catch (l) {
|
|
1030
|
-
(l == null ? void 0 : l.name) === "NotAllowedError" || ((s = l == null ? void 0 : l.message) == null ? void 0 : s.includes("user didn't interact")) ? (console.warn("[VideoPlayer] 浏览器阻止自动播放，尝试静音播放"), await
|
|
1024
|
+
(l == null ? void 0 : l.name) === "NotAllowedError" || ((s = l == null ? void 0 : l.message) == null ? void 0 : s.includes("user didn't interact")) ? (console.warn("[VideoPlayer] 浏览器阻止自动播放，尝试静音播放"), await B6(l)) : (console.warn("[VideoPlayer] 首次播放失败，尝试重新加载", l), await u6(l));
|
|
1031
1025
|
}
|
|
1032
|
-
},
|
|
1026
|
+
}, B6 = async (s) => {
|
|
1033
1027
|
if (t.value)
|
|
1034
1028
|
try {
|
|
1035
1029
|
const l = e.muted ? 0 : e.volume;
|
|
1036
1030
|
if (e.muted = !0, t.value.muted = !0, await t.value.play(), e.playBtnState = "pause", console.log("[VideoPlayer] 静音播放成功，等待用户交互后恢复声音"), l > 0) {
|
|
1037
|
-
const
|
|
1038
|
-
c.value &&
|
|
1031
|
+
const d = (E) => {
|
|
1032
|
+
c.value && E.target instanceof Node && c.value.contains(E.target) || (t.value && (e.muted = !1, t.value.muted = !1, console.log("[VideoPlayer] 用户交互后恢复声音")), document.removeEventListener("click", d), document.removeEventListener("touchstart", d), document.removeEventListener("keydown", d));
|
|
1039
1033
|
};
|
|
1040
|
-
document.addEventListener("click",
|
|
1034
|
+
document.addEventListener("click", d), document.addEventListener("touchstart", d), document.addEventListener("keydown", d);
|
|
1041
1035
|
}
|
|
1042
1036
|
} catch (l) {
|
|
1043
|
-
console.warn("[VideoPlayer] 静音播放也失败，尝试重新加载", l), await
|
|
1037
|
+
console.warn("[VideoPlayer] 静音播放也失败，尝试重新加载", l), await u6(s);
|
|
1044
1038
|
}
|
|
1045
|
-
},
|
|
1039
|
+
}, u6 = async (s) => {
|
|
1046
1040
|
if (t.value)
|
|
1047
1041
|
try {
|
|
1048
|
-
t.value.load(), console.log("[VideoPlayer] 重新加载视频资源"), await
|
|
1042
|
+
t.value.load(), console.log("[VideoPlayer] 重新加载视频资源"), await P6(t.value, 500), await t.value.play(), e.playBtnState = "pause", console.log("[VideoPlayer] 重试播放成功");
|
|
1049
1043
|
} catch (l) {
|
|
1050
1044
|
console.error("[VideoPlayer] 重试播放失败", {
|
|
1051
1045
|
firstError: s,
|
|
1052
1046
|
retryError: l
|
|
1053
1047
|
}), e.playBtnState = "replay", e.loadStateType = "error";
|
|
1054
1048
|
}
|
|
1055
|
-
},
|
|
1056
|
-
let
|
|
1057
|
-
const
|
|
1058
|
-
|
|
1059
|
-
},
|
|
1060
|
-
|
|
1049
|
+
}, P6 = (s, l = 500) => new Promise((d, E) => {
|
|
1050
|
+
let W = null, m6 = !1;
|
|
1051
|
+
const y6 = () => {
|
|
1052
|
+
W !== null && (clearTimeout(W), W = null), m6 = !0;
|
|
1053
|
+
}, C6 = () => {
|
|
1054
|
+
m6 || (y6(), d());
|
|
1061
1055
|
};
|
|
1062
|
-
|
|
1063
|
-
|
|
1064
|
-
}, l), s.addEventListener("canplay",
|
|
1065
|
-
}),
|
|
1056
|
+
W = setTimeout(() => {
|
|
1057
|
+
y6(), console.warn(`[VideoPlayer] 等待视频就绪超时 (${l}ms)`), d();
|
|
1058
|
+
}, l), s.addEventListener("canplay", C6, { once: !0 });
|
|
1059
|
+
}), p6 = () => {
|
|
1066
1060
|
t.value && t.value.pause(), e.playBtnState = "play";
|
|
1067
|
-
},
|
|
1068
|
-
s && s.preventDefault(), e.playBtnState == "play" || e.playBtnState == "replay" ?
|
|
1061
|
+
}, Y = (s) => {
|
|
1062
|
+
s && s.preventDefault(), e.playBtnState == "play" || e.playBtnState == "replay" ? K() : e.playBtnState == "pause" && p6();
|
|
1069
1063
|
};
|
|
1070
1064
|
return l6(() => {
|
|
1071
|
-
e.Video = t.value,
|
|
1065
|
+
e.Video = t.value, P();
|
|
1072
1066
|
}), i({
|
|
1073
|
-
play:
|
|
1067
|
+
play: K,
|
|
1074
1068
|
//播放
|
|
1075
|
-
pause:
|
|
1069
|
+
pause: p6,
|
|
1076
1070
|
//暂停
|
|
1077
|
-
togglePlay:
|
|
1071
|
+
togglePlay: Y
|
|
1078
1072
|
//暂停或播放
|
|
1079
|
-
}), (s, l) => {
|
|
1080
|
-
|
|
1081
|
-
|
|
1082
|
-
|
|
1083
|
-
|
|
1084
|
-
|
|
1085
|
-
|
|
1086
|
-
|
|
1087
|
-
|
|
1088
|
-
|
|
1089
|
-
|
|
1090
|
-
|
|
1091
|
-
|
|
1092
|
-
|
|
1093
|
-
|
|
1094
|
-
|
|
1095
|
-
|
|
1096
|
-
|
|
1097
|
-
|
|
1098
|
-
|
|
1099
|
-
|
|
1100
|
-
|
|
1101
|
-
|
|
1102
|
-
|
|
1103
|
-
|
|
1104
|
-
|
|
1105
|
-
|
|
1106
|
-
|
|
1107
|
-
|
|
1108
|
-
|
|
1109
|
-
|
|
1110
|
-
|
|
1111
|
-
|
|
1112
|
-
|
|
1073
|
+
}), (s, l) => (f(), h("div", {
|
|
1074
|
+
ref_key: "playerWrap",
|
|
1075
|
+
ref: c,
|
|
1076
|
+
id: "playerWrap",
|
|
1077
|
+
class: I(["player-wrap", {
|
|
1078
|
+
"web-full-screen": e.webFullScreen,
|
|
1079
|
+
"is-lightoff": e.lightOff,
|
|
1080
|
+
"player-wrap-hover": e.playBtnState == "play" || e.isVideoHovering
|
|
1081
|
+
}]),
|
|
1082
|
+
onMousemove: $
|
|
1083
|
+
}, [
|
|
1084
|
+
o("div", $3, [
|
|
1085
|
+
o("video", H6({
|
|
1086
|
+
width: "100%",
|
|
1087
|
+
height: "100%",
|
|
1088
|
+
src: s.src,
|
|
1089
|
+
ref_key: "v",
|
|
1090
|
+
ref: t,
|
|
1091
|
+
controls: !!(b.value && e.speed),
|
|
1092
|
+
class: { "video-mirror": e.mirror }
|
|
1093
|
+
}, F6(v), {
|
|
1094
|
+
class: "Player-video",
|
|
1095
|
+
id: "v",
|
|
1096
|
+
"webkit-playsinline": e.playsinline,
|
|
1097
|
+
playsinline: e.playsinline,
|
|
1098
|
+
loop: e.loop,
|
|
1099
|
+
poster: s.poster,
|
|
1100
|
+
volume: e.volume,
|
|
1101
|
+
muted: e.muted,
|
|
1102
|
+
autoplay: e.autoPlay,
|
|
1103
|
+
fill: "cover"
|
|
1104
|
+
}), " 您的浏览器不支持Video标签。 ", 16, E3)
|
|
1105
|
+
]),
|
|
1106
|
+
g(o6, { name: "fade-in" }, {
|
|
1107
|
+
default: a6(() => [
|
|
1108
|
+
C(o("div", H3, null, 512), [
|
|
1109
|
+
[L, e.lightOff]
|
|
1110
|
+
])
|
|
1113
1111
|
]),
|
|
1114
|
-
|
|
1112
|
+
_: 1
|
|
1113
|
+
}),
|
|
1114
|
+
b.value ? B("", !0) : (f(), h("div", F3, [
|
|
1115
|
+
g(o6, { name: "scale-out" }, {
|
|
1115
1116
|
default: a6(() => [
|
|
1116
|
-
|
|
1117
|
-
[
|
|
1117
|
+
C(o("div", {
|
|
1118
|
+
class: I(["play-btn", `play-btn-${e.playBtnPosition}`])
|
|
1119
|
+
}, [
|
|
1120
|
+
g(H, {
|
|
1121
|
+
color: "#fff",
|
|
1122
|
+
name: "play",
|
|
1123
|
+
width: "40",
|
|
1124
|
+
height: "40"
|
|
1125
|
+
})
|
|
1126
|
+
], 2), [
|
|
1127
|
+
[
|
|
1128
|
+
L,
|
|
1129
|
+
e.playBtnState == "play"
|
|
1130
|
+
/* Play */
|
|
1131
|
+
]
|
|
1118
1132
|
])
|
|
1119
1133
|
]),
|
|
1120
1134
|
_: 1
|
|
1121
1135
|
}),
|
|
1122
|
-
|
|
1123
|
-
|
|
1124
|
-
|
|
1125
|
-
|
|
1126
|
-
|
|
1127
|
-
|
|
1128
|
-
|
|
1129
|
-
|
|
1130
|
-
|
|
1131
|
-
|
|
1132
|
-
|
|
1133
|
-
|
|
1134
|
-
|
|
1135
|
-
|
|
1136
|
-
|
|
1137
|
-
|
|
1138
|
-
|
|
1139
|
-
|
|
1140
|
-
|
|
1141
|
-
|
|
1142
|
-
|
|
1143
|
-
|
|
1144
|
-
|
|
1145
|
-
|
|
1146
|
-
|
|
1147
|
-
|
|
1148
|
-
|
|
1149
|
-
|
|
1150
|
-
|
|
1151
|
-
|
|
1152
|
-
|
|
1153
|
-
|
|
1154
|
-
|
|
1155
|
-
|
|
1156
|
-
|
|
1157
|
-
|
|
1158
|
-
|
|
1159
|
-
|
|
1160
|
-
|
|
1161
|
-
|
|
1162
|
-
|
|
1163
|
-
|
|
1164
|
-
|
|
1165
|
-
|
|
1166
|
-
|
|
1167
|
-
|
|
1168
|
-
|
|
1169
|
-
|
|
1170
|
-
|
|
1171
|
-
|
|
1172
|
-
|
|
1173
|
-
|
|
1174
|
-
|
|
1175
|
-
!x.value && e.control ? (f(), h("div", {
|
|
1176
|
-
key: 2,
|
|
1177
|
-
class: "player-control",
|
|
1178
|
-
ref: "refPlayerControl",
|
|
1179
|
-
onClick: C
|
|
1136
|
+
g(n3, { state: e }, null, 8, ["state"])
|
|
1137
|
+
])),
|
|
1138
|
+
b.value ? B("", !0) : (f(), h("input", {
|
|
1139
|
+
key: 1,
|
|
1140
|
+
ref_key: "refInput",
|
|
1141
|
+
ref: y,
|
|
1142
|
+
readonly: !0,
|
|
1143
|
+
type: "input",
|
|
1144
|
+
onClick: Y,
|
|
1145
|
+
onDblclick: G,
|
|
1146
|
+
onKeyup: [
|
|
1147
|
+
j(G, ["f"]),
|
|
1148
|
+
l[0] || (l[0] = j((d) => e.webFullScreen = !1, ["esc"])),
|
|
1149
|
+
d6
|
|
1150
|
+
],
|
|
1151
|
+
onKeydown: [
|
|
1152
|
+
j(Y, ["space"]),
|
|
1153
|
+
j(T6, ["arrow-left"]),
|
|
1154
|
+
j(M6, ["arrow-up", "arrow-down"]),
|
|
1155
|
+
d6
|
|
1156
|
+
],
|
|
1157
|
+
class: "player-input",
|
|
1158
|
+
maxlength: "0"
|
|
1159
|
+
}, null, 544)),
|
|
1160
|
+
g(K6, {
|
|
1161
|
+
loadType: e.loadStateType
|
|
1162
|
+
}, null, 8, ["loadType"]),
|
|
1163
|
+
g(g3, {
|
|
1164
|
+
colorStart: e.colorStart,
|
|
1165
|
+
colorEnd: e.colorEnd
|
|
1166
|
+
}, null, 8, ["colorStart", "colorEnd"]),
|
|
1167
|
+
!b.value && e.control ? (f(), h("div", {
|
|
1168
|
+
key: 2,
|
|
1169
|
+
class: "player-control",
|
|
1170
|
+
ref: "refPlayerControl",
|
|
1171
|
+
onClick: P
|
|
1172
|
+
}, [
|
|
1173
|
+
o("div", A3, [
|
|
1174
|
+
g(U, {
|
|
1175
|
+
class: "progress-bar",
|
|
1176
|
+
onOnMousemove: x,
|
|
1177
|
+
onChange: m,
|
|
1178
|
+
modelValue: e.playProgress,
|
|
1179
|
+
"onUpdate:modelValue": l[1] || (l[1] = (d) => e.playProgress = d),
|
|
1180
|
+
preload: e.preloadBar,
|
|
1181
|
+
hoverText: e.progressCursorTime,
|
|
1182
|
+
colorStart: e.colorStart,
|
|
1183
|
+
colorEnd: e.colorEnd
|
|
1184
|
+
}, null, 8, ["modelValue", "preload", "hoverText", "colorStart", "colorEnd"])
|
|
1185
|
+
]),
|
|
1186
|
+
o("div", {
|
|
1187
|
+
class: "control-tool",
|
|
1188
|
+
onClick: P
|
|
1180
1189
|
}, [
|
|
1181
1190
|
o("div", I3, [
|
|
1182
|
-
|
|
1183
|
-
class: "
|
|
1184
|
-
|
|
1185
|
-
|
|
1186
|
-
|
|
1187
|
-
|
|
1188
|
-
|
|
1189
|
-
|
|
1190
|
-
|
|
1191
|
-
|
|
1192
|
-
|
|
1193
|
-
|
|
1194
|
-
|
|
1195
|
-
|
|
1196
|
-
|
|
1197
|
-
}, [
|
|
1198
|
-
o("div", D3, [
|
|
1199
|
-
o("div", {
|
|
1200
|
-
class: "tool-item play-btn-wrapper",
|
|
1201
|
-
onClick: K
|
|
1202
|
-
}, [
|
|
1203
|
-
(f(), I6(y, {
|
|
1204
|
-
class: A([
|
|
1205
|
-
"play-control-btn",
|
|
1206
|
-
`animation-${e.playBtnAnimation}`
|
|
1207
|
-
]),
|
|
1208
|
-
color: "#fff",
|
|
1209
|
-
name: `${e.playBtnState}`,
|
|
1210
|
-
width: "24",
|
|
1211
|
-
height: "24",
|
|
1212
|
-
key: e.playBtnState
|
|
1213
|
-
}, null, 8, ["class", "name"]))
|
|
1214
|
-
]),
|
|
1215
|
-
o("div", q3, [
|
|
1216
|
-
o("span", null, M(e.currentTimeDisplay), 1),
|
|
1217
|
-
l[8] || (l[8] = o("span", { style: { margin: "0 3px" } }, "/", -1)),
|
|
1218
|
-
o("span", R3, M(e.totalTime), 1)
|
|
1219
|
-
])
|
|
1191
|
+
o("div", {
|
|
1192
|
+
class: "tool-item play-btn-wrapper",
|
|
1193
|
+
onClick: Y
|
|
1194
|
+
}, [
|
|
1195
|
+
(f(), A6(H, {
|
|
1196
|
+
class: I([
|
|
1197
|
+
"play-control-btn",
|
|
1198
|
+
`animation-${e.playBtnAnimation}`
|
|
1199
|
+
]),
|
|
1200
|
+
color: "#fff",
|
|
1201
|
+
name: `${e.playBtnState}`,
|
|
1202
|
+
width: "24",
|
|
1203
|
+
height: "24",
|
|
1204
|
+
key: e.playBtnState
|
|
1205
|
+
}, null, 8, ["class", "name"]))
|
|
1220
1206
|
]),
|
|
1221
|
-
o("div",
|
|
1222
|
-
|
|
1223
|
-
|
|
1224
|
-
|
|
1225
|
-
|
|
1226
|
-
|
|
1227
|
-
|
|
1228
|
-
|
|
1229
|
-
|
|
1207
|
+
o("div", D3, [
|
|
1208
|
+
o("span", null, T(e.currentTimeDisplay), 1),
|
|
1209
|
+
l[8] || (l[8] = o("span", { style: { margin: "0 3px" } }, "/", -1)),
|
|
1210
|
+
o("span", q3, T(e.totalTime), 1)
|
|
1211
|
+
])
|
|
1212
|
+
]),
|
|
1213
|
+
o("div", R3, [
|
|
1214
|
+
l[15] || (l[15] = o("div", { class: "tool-item quality-btn" }, [
|
|
1215
|
+
o("div", { class: "tool-item-main" }, [
|
|
1216
|
+
o("ul", {
|
|
1217
|
+
class: "speed-main",
|
|
1218
|
+
style: { "text-align": "center" }
|
|
1219
|
+
}, [
|
|
1220
|
+
o("li")
|
|
1230
1221
|
])
|
|
1231
|
-
]
|
|
1232
|
-
|
|
1233
|
-
|
|
1234
|
-
|
|
1235
|
-
|
|
1236
|
-
|
|
1237
|
-
|
|
1238
|
-
|
|
1239
|
-
|
|
1240
|
-
|
|
1222
|
+
])
|
|
1223
|
+
], -1)),
|
|
1224
|
+
e.controlBtns.includes("speedRate") ? (f(), h("div", N3, [
|
|
1225
|
+
D(T(e.speedActive == "1.0" ? "倍速" : e.speedActive + "x") + " ", 1),
|
|
1226
|
+
o("div", O3, [
|
|
1227
|
+
o("ul", W3, [
|
|
1228
|
+
(f(!0), h(n6, null, s6(e.speedRate, (d) => (f(), h("li", {
|
|
1229
|
+
class: I({ "speed-active": e.speedActive == d }),
|
|
1230
|
+
onClick: (E) => X(d)
|
|
1231
|
+
}, T(d) + "X ", 11, j3))), 256))
|
|
1241
1232
|
])
|
|
1242
|
-
])
|
|
1243
|
-
|
|
1244
|
-
|
|
1245
|
-
|
|
1246
|
-
|
|
1247
|
-
|
|
1248
|
-
o("span", Y3, M(e.muted ? 0 : ~~(e.volume * 100)) + "% ", 1),
|
|
1249
|
-
b(j, {
|
|
1250
|
-
onChange: l[2] || (l[2] = (g) => e.muted = !1),
|
|
1251
|
-
hover: !1,
|
|
1252
|
-
size: "5px",
|
|
1253
|
-
vertical: !0,
|
|
1254
|
-
modelValue: e.volume,
|
|
1255
|
-
"onUpdate:modelValue": l[3] || (l[3] = (g) => e.volume = g),
|
|
1256
|
-
colorStart: e.colorStart,
|
|
1257
|
-
colorEnd: e.colorEnd
|
|
1258
|
-
}, null, 8, ["modelValue", "colorStart", "colorEnd"])
|
|
1259
|
-
], 2)
|
|
1260
|
-
]),
|
|
1261
|
-
o("span", {
|
|
1262
|
-
onClick: k6,
|
|
1263
|
-
class: "volume-btn-wrapper",
|
|
1264
|
-
style: { display: "flex", "align-items": "center", top: "-1px", left: "6px" }
|
|
1233
|
+
])
|
|
1234
|
+
])) : B("", !0),
|
|
1235
|
+
e.controlBtns.includes("volume") ? (f(), h("div", U3, [
|
|
1236
|
+
o("div", X3, [
|
|
1237
|
+
o("div", {
|
|
1238
|
+
class: I(["volume-main", { "is-muted": e.muted }])
|
|
1265
1239
|
}, [
|
|
1266
|
-
|
|
1267
|
-
|
|
1268
|
-
|
|
1269
|
-
|
|
1270
|
-
|
|
1271
|
-
|
|
1240
|
+
o("span", K3, T(e.muted ? 0 : ~~(e.volume * 100)) + "% ", 1),
|
|
1241
|
+
g(U, {
|
|
1242
|
+
onChange: l[2] || (l[2] = (d) => e.muted = !1),
|
|
1243
|
+
hover: !1,
|
|
1244
|
+
size: "5px",
|
|
1245
|
+
vertical: !0,
|
|
1246
|
+
modelValue: e.volume,
|
|
1247
|
+
"onUpdate:modelValue": l[3] || (l[3] = (d) => e.volume = d),
|
|
1248
|
+
colorStart: e.colorStart,
|
|
1249
|
+
colorEnd: e.colorEnd
|
|
1250
|
+
}, null, 8, ["modelValue", "colorStart", "colorEnd"])
|
|
1251
|
+
], 2)
|
|
1252
|
+
]),
|
|
1253
|
+
o("span", {
|
|
1254
|
+
onClick: V6,
|
|
1255
|
+
class: "volume-btn-wrapper",
|
|
1256
|
+
style: { display: "flex", "align-items": "center", top: "-1px", left: "6px" }
|
|
1257
|
+
}, [
|
|
1258
|
+
g(L3, {
|
|
1259
|
+
muted: e.muted,
|
|
1260
|
+
volume: e.volume
|
|
1261
|
+
}, null, 8, ["muted", "volume"])
|
|
1262
|
+
])
|
|
1263
|
+
])) : B("", !0),
|
|
1264
|
+
o("div", Y3, [
|
|
1265
|
+
g(k3),
|
|
1272
1266
|
o("div", Z3, [
|
|
1273
|
-
|
|
1274
|
-
|
|
1275
|
-
|
|
1276
|
-
|
|
1277
|
-
|
|
1278
|
-
|
|
1279
|
-
|
|
1280
|
-
|
|
1281
|
-
|
|
1282
|
-
|
|
1283
|
-
]),
|
|
1284
|
-
|
|
1285
|
-
|
|
1286
|
-
|
|
1287
|
-
|
|
1288
|
-
|
|
1289
|
-
|
|
1290
|
-
|
|
1291
|
-
]),
|
|
1292
|
-
|
|
1293
|
-
|
|
1294
|
-
|
|
1295
|
-
|
|
1296
|
-
|
|
1297
|
-
"onUpdate:modelValue": l[6] || (l[6] = (g) => e.lightOff = g)
|
|
1298
|
-
}, null, 8, ["modelValue"])
|
|
1299
|
-
])
|
|
1267
|
+
o("ul", G3, [
|
|
1268
|
+
o("li", null, [
|
|
1269
|
+
l[9] || (l[9] = D(" 镜像画面 ")),
|
|
1270
|
+
g(e6, {
|
|
1271
|
+
onChange: b6,
|
|
1272
|
+
modelValue: e.mirror,
|
|
1273
|
+
"onUpdate:modelValue": l[4] || (l[4] = (d) => e.mirror = d)
|
|
1274
|
+
}, null, 8, ["modelValue"])
|
|
1275
|
+
]),
|
|
1276
|
+
o("li", null, [
|
|
1277
|
+
l[10] || (l[10] = D(" 循环播放 ")),
|
|
1278
|
+
g(e6, {
|
|
1279
|
+
onChange: z6,
|
|
1280
|
+
modelValue: e.loop,
|
|
1281
|
+
"onUpdate:modelValue": l[5] || (l[5] = (d) => e.loop = d)
|
|
1282
|
+
}, null, 8, ["modelValue"])
|
|
1283
|
+
]),
|
|
1284
|
+
o("li", null, [
|
|
1285
|
+
l[11] || (l[11] = D(" 关灯模式")),
|
|
1286
|
+
g(e6, {
|
|
1287
|
+
onChange: x6,
|
|
1288
|
+
modelValue: e.lightOff,
|
|
1289
|
+
"onUpdate:modelValue": l[6] || (l[6] = (d) => e.lightOff = d)
|
|
1290
|
+
}, null, 8, ["modelValue"])
|
|
1300
1291
|
])
|
|
1301
1292
|
])
|
|
1293
|
+
])
|
|
1294
|
+
]),
|
|
1295
|
+
e.controlBtns.includes("pip") ? (f(), h("div", {
|
|
1296
|
+
key: 2,
|
|
1297
|
+
class: "tool-item pip-btn",
|
|
1298
|
+
onClick: S6,
|
|
1299
|
+
style: { top: "1px" }
|
|
1300
|
+
}, [
|
|
1301
|
+
g(x3, { class: "biggerAni" }),
|
|
1302
|
+
l[12] || (l[12] = o("div", { class: "tool-item-main" }, "画中画", -1))
|
|
1303
|
+
])) : B("", !0),
|
|
1304
|
+
e.controlBtns.includes("pageFullScreen") ? (f(), h("div", {
|
|
1305
|
+
key: 3,
|
|
1306
|
+
class: "tool-item pip-btn",
|
|
1307
|
+
onClick: l[7] || (l[7] = (d) => e.webFullScreen = !e.webFullScreen),
|
|
1308
|
+
style: { opacity: "0.85" }
|
|
1309
|
+
}, [
|
|
1310
|
+
o("span", J3, [
|
|
1311
|
+
g(H, {
|
|
1312
|
+
name: "webfullscreen",
|
|
1313
|
+
width: "20",
|
|
1314
|
+
height: "20",
|
|
1315
|
+
color: "#fff"
|
|
1316
|
+
})
|
|
1302
1317
|
]),
|
|
1303
|
-
|
|
1304
|
-
|
|
1305
|
-
|
|
1306
|
-
|
|
1307
|
-
|
|
1308
|
-
},
|
|
1309
|
-
|
|
1310
|
-
|
|
1311
|
-
|
|
1312
|
-
|
|
1313
|
-
|
|
1314
|
-
|
|
1315
|
-
|
|
1316
|
-
|
|
1317
|
-
|
|
1318
|
-
|
|
1319
|
-
|
|
1320
|
-
|
|
1321
|
-
width: "20",
|
|
1322
|
-
height: "20",
|
|
1323
|
-
color: "#fff"
|
|
1324
|
-
})
|
|
1325
|
-
]),
|
|
1326
|
-
l[13] || (l[13] = o("div", { class: "tool-item-main" }, "网页全屏", -1))
|
|
1327
|
-
])) : P("", !0),
|
|
1328
|
-
e.controlBtns.includes("fullScreen") ? (f(), h("div", {
|
|
1329
|
-
key: 4,
|
|
1330
|
-
class: "tool-item fullScreen-btn",
|
|
1331
|
-
style: { opacity: "0.85" },
|
|
1332
|
-
onClick: G
|
|
1333
|
-
}, [
|
|
1334
|
-
o("span", e1, [
|
|
1335
|
-
b(y, {
|
|
1336
|
-
name: "fullscreen",
|
|
1337
|
-
width: "20",
|
|
1338
|
-
height: "20",
|
|
1339
|
-
color: "#fff"
|
|
1340
|
-
})
|
|
1341
|
-
]),
|
|
1342
|
-
l[14] || (l[14] = o("div", { class: "tool-item-main" }, "全屏", -1))
|
|
1343
|
-
])) : P("", !0)
|
|
1344
|
-
])
|
|
1318
|
+
l[13] || (l[13] = o("div", { class: "tool-item-main" }, "网页全屏", -1))
|
|
1319
|
+
])) : B("", !0),
|
|
1320
|
+
e.controlBtns.includes("fullScreen") ? (f(), h("div", {
|
|
1321
|
+
key: 4,
|
|
1322
|
+
class: "tool-item fullScreen-btn",
|
|
1323
|
+
style: { opacity: "0.85" },
|
|
1324
|
+
onClick: G
|
|
1325
|
+
}, [
|
|
1326
|
+
o("span", Q3, [
|
|
1327
|
+
g(H, {
|
|
1328
|
+
name: "fullscreen",
|
|
1329
|
+
width: "20",
|
|
1330
|
+
height: "20",
|
|
1331
|
+
color: "#fff"
|
|
1332
|
+
})
|
|
1333
|
+
]),
|
|
1334
|
+
l[14] || (l[14] = o("div", { class: "tool-item-main" }, "全屏", -1))
|
|
1335
|
+
])) : B("", !0)
|
|
1345
1336
|
])
|
|
1346
|
-
]
|
|
1347
|
-
],
|
|
1348
|
-
|
|
1337
|
+
])
|
|
1338
|
+
], 512)) : B("", !0)
|
|
1339
|
+
], 34));
|
|
1349
1340
|
}
|
|
1350
|
-
}),
|
|
1341
|
+
}), t1 = /* @__PURE__ */ F(e1, [["__scopeId", "data-v-80497bad"]]), l1 = {
|
|
1351
1342
|
name: "icon"
|
|
1352
|
-
},
|
|
1343
|
+
}, o1 = /* @__PURE__ */ Object.assign(l1, {
|
|
1353
1344
|
props: {
|
|
1354
1345
|
icon: String,
|
|
1355
1346
|
size: [Number, String]
|
|
1356
1347
|
},
|
|
1357
1348
|
setup(a) {
|
|
1358
|
-
const i = a, n =
|
|
1349
|
+
const i = a, n = A(() => ({ fontSize: /^\d+$/.test(i.size) ? i.size + "px" : i.size }));
|
|
1359
1350
|
return (t, c) => (f(), h("i", {
|
|
1360
|
-
class:
|
|
1361
|
-
style:
|
|
1351
|
+
class: I(["icon iconfont", a.icon]),
|
|
1352
|
+
style: R(n.value)
|
|
1362
1353
|
}, null, 6));
|
|
1363
1354
|
}
|
|
1364
|
-
}),
|
|
1365
|
-
VueVideoPlus:
|
|
1366
|
-
SvgIcon:
|
|
1367
|
-
Icon:
|
|
1368
|
-
},
|
|
1355
|
+
}), a1 = /* @__PURE__ */ F(o1, [["__scopeId", "data-v-0d1e04ea"]]), n1 = {
|
|
1356
|
+
VueVideoPlus: t1,
|
|
1357
|
+
SvgIcon: H,
|
|
1358
|
+
Icon: a1
|
|
1359
|
+
}, i1 = {
|
|
1369
1360
|
install(a) {
|
|
1370
|
-
Object.entries(
|
|
1361
|
+
Object.entries(n1).forEach(([i, n]) => {
|
|
1371
1362
|
a.component(i, n);
|
|
1372
1363
|
});
|
|
1373
1364
|
}
|
|
1374
1365
|
};
|
|
1375
1366
|
export {
|
|
1376
|
-
|
|
1377
|
-
|
|
1378
|
-
|
|
1379
|
-
|
|
1367
|
+
a1 as Icon,
|
|
1368
|
+
H as SvgIcon,
|
|
1369
|
+
t1 as VueVideoPlus,
|
|
1370
|
+
i1 as VueVideoPlusPlugin,
|
|
1371
|
+
i1 as default
|
|
1380
1372
|
};
|