mirror of
https://github.com/zhw2590582/ArtPlayer.git
synced 2026-10-30 12:01:20 -08:00
use ||
This commit is contained in:
1 parent
cafff9b155
commit
95ba1810b6
30 files changed
+447
-447
No files matched your search
+385
-385
File diff suppressed because it is too large.
Load diff
@@ -1 +1 @@
|
|||||||
{"mappings":"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 truncated
|
{"mappings":"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 truncated
|
||||||
@@ -18,12 +18,12 @@ export default function thumbnails(options) {
|
|||||||
function showThumbnails(event) {
|
function showThumbnails(event) {
|
||||||
const { width: posWidth } = getPosFromEvent(art, event);
|
const { width: posWidth } = getPosFromEvent(art, event);
|
||||||
const { url, number, column, width, height } = option.thumbnails;
|
const { url, number, column, width, height } = option.thumbnails;
|
||||||
const width2 = width ?? image.naturalWidth / column;
|
const width2 = width || image.naturalWidth / column;
|
||||||
const height2 = height ?? width2 / ($video.videoWidth / $video.videoHeight);
|
const height2 = height || width2 / ($video.videoWidth / $video.videoHeight);
|
||||||
const perWidth = $progress.clientWidth / number;
|
const perWidth = $progress.clientWidth / number;
|
||||||
const perIndex = Math.floor(posWidth / perWidth);
|
const perIndex = Math.floor(posWidth / perWidth);
|
||||||
const yIndex = Math.ceil(perIndex / column) - 1;
|
const yIndex = Math.ceil(perIndex / column) - 1;
|
||||||
const xIndex = perIndex % column ?? column - 1;
|
const xIndex = perIndex % column || column - 1;
|
||||||
setStyle($control, 'backgroundImage', `url(${url})`);
|
setStyle($control, 'backgroundImage', `url(${url})`);
|
||||||
setStyle($control, 'height', `${height2}px`);
|
setStyle($control, 'height', `${height2}px`);
|
||||||
setStyle($control, 'width', `${width2}px`);
|
setStyle($control, 'width', `${width2}px`);
|
||||||
|
|||||||
@@ -22,7 +22,7 @@ export default function volume(option) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function update() {
|
function update() {
|
||||||
if (art.muted ?? art.volume === 0) {
|
if (art.muted || art.volume === 0) {
|
||||||
setStyle($volume, 'display', 'none');
|
setStyle($volume, 'display', 'none');
|
||||||
setStyle($close, 'display', 'flex');
|
setStyle($close, 'display', 'flex');
|
||||||
setStyle($indicator, 'top', '100%');
|
setStyle($indicator, 'top', '100%');
|
||||||
|
|||||||
@@ -21,7 +21,7 @@ function GetSlideDirection(startX, startY, endX, endY) {
|
|||||||
result = 1;
|
result = 1;
|
||||||
} else if (angle >= -135 && angle < -45) {
|
} else if (angle >= -135 && angle < -45) {
|
||||||
result = 2;
|
result = 2;
|
||||||
} else if ((angle >= 135 && angle <= 180) ?? (angle >= -180 && angle < -135)) {
|
} else if ((angle >= 135 && angle <= 180) || (angle >= -180 && angle < -135)) {
|
||||||
result = 3;
|
result = 3;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -58,7 +58,7 @@ export default function gestureInit(art, events) {
|
|||||||
const direction = GetSlideDirection(startX, startY, pageX, pageY);
|
const direction = GetSlideDirection(startX, startY, pageX, pageY);
|
||||||
const isHorizontal = [3, 4].includes(direction);
|
const isHorizontal = [3, 4].includes(direction);
|
||||||
const isVertical = [1, 2].includes(direction);
|
const isVertical = [1, 2].includes(direction);
|
||||||
const isLegal = (isHorizontal && !art.isRotate) ?? (isVertical && art.isRotate);
|
const isLegal = (isHorizontal && !art.isRotate) || (isVertical && art.isRotate);
|
||||||
if (isLegal) {
|
if (isLegal) {
|
||||||
const ratioX = clamp((pageX - startX) / art.width, -1, 1);
|
const ratioX = clamp((pageX - startX) / art.width, -1, 1);
|
||||||
const ratioY = clamp((pageY - startY) / art.height, -1, 1);
|
const ratioY = clamp((pageY - startY) / art.height, -1, 1);
|
||||||
|
|||||||
@@ -16,11 +16,11 @@ export default class I18n {
|
|||||||
|
|
||||||
init() {
|
init() {
|
||||||
const lang = this.art.option.lang.toLowerCase();
|
const lang = this.art.option.lang.toLowerCase();
|
||||||
this.language = this.languages[lang] ?? {};
|
this.language = this.languages[lang] || {};
|
||||||
}
|
}
|
||||||
|
|
||||||
get(key) {
|
get(key) {
|
||||||
return this.language[key] ?? key;
|
return this.language[key] || key;
|
||||||
}
|
}
|
||||||
|
|
||||||
update(value) {
|
update(value) {
|
||||||
|
|||||||
@@ -23,7 +23,7 @@ export default class Info extends Component {
|
|||||||
});
|
});
|
||||||
|
|
||||||
let timer = null;
|
let timer = null;
|
||||||
const $types = queryAll('[data-video]', $infoPanel) ?? [];
|
const $types = queryAll('[data-video]', $infoPanel) || [];
|
||||||
this.art.on('destroy', () => clearTimeout(timer));
|
this.art.on('destroy', () => clearTimeout(timer));
|
||||||
|
|
||||||
function loop() {
|
function loop() {
|
||||||
|
|||||||
@@ -9,7 +9,7 @@ export default function aspectRatioMix(art) {
|
|||||||
|
|
||||||
def(art, 'aspectRatio', {
|
def(art, 'aspectRatio', {
|
||||||
get() {
|
get() {
|
||||||
return $player.dataset.aspectRatio ?? 'default';
|
return $player.dataset.aspectRatio || 'default';
|
||||||
},
|
},
|
||||||
set(ratio) {
|
set(ratio) {
|
||||||
if (!ratio) ratio = 'default';
|
if (!ratio) ratio = 'default';
|
||||||
|
|||||||
@@ -4,7 +4,7 @@ export default function currentTimeMix(art) {
|
|||||||
const { $video } = art.template;
|
const { $video } = art.template;
|
||||||
|
|
||||||
def(art, 'currentTime', {
|
def(art, 'currentTime', {
|
||||||
get: () => $video.currentTime ?? 0,
|
get: () => $video.currentTime || 0,
|
||||||
set: (time) => {
|
set: (time) => {
|
||||||
time = parseFloat(time);
|
time = parseFloat(time);
|
||||||
if (Number.isNaN(time)) return;
|
if (Number.isNaN(time)) return;
|
||||||
|
|||||||
@@ -5,7 +5,7 @@ export default function durationMix(art) {
|
|||||||
get: () => {
|
get: () => {
|
||||||
const { duration } = art.template.$video;
|
const { duration } = art.template.$video;
|
||||||
if (duration === Infinity) return 0;
|
if (duration === Infinity) return 0;
|
||||||
return duration ?? 0;
|
return duration || 0;
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
@@ -9,7 +9,7 @@ export default function flipMix(art) {
|
|||||||
|
|
||||||
def(art, 'flip', {
|
def(art, 'flip', {
|
||||||
get() {
|
get() {
|
||||||
return $player.dataset.flip ?? 'normal';
|
return $player.dataset.flip || 'normal';
|
||||||
},
|
},
|
||||||
set(flip) {
|
set(flip) {
|
||||||
if (!flip) flip = 'normal';
|
if (!flip) flip = 'normal';
|
||||||
|
|||||||
@@ -53,7 +53,7 @@ export default function fullscreenMix(art) {
|
|||||||
art.once('video:loadedmetadata', () => {
|
art.once('video:loadedmetadata', () => {
|
||||||
if (screenfull.isEnabled) {
|
if (screenfull.isEnabled) {
|
||||||
nativeScreenfull(art);
|
nativeScreenfull(art);
|
||||||
} else if (document.fullscreenEnabled ?? $video.webkitSupportsFullscreen) {
|
} else if (document.fullscreenEnabled || $video.webkitSupportsFullscreen) {
|
||||||
webkitScreenfull(art);
|
webkitScreenfull(art);
|
||||||
} else {
|
} else {
|
||||||
def(art, 'fullscreen', {
|
def(art, 'fullscreen', {
|
||||||
|
|||||||
@@ -22,7 +22,7 @@ export default function loopMix(art) {
|
|||||||
|
|
||||||
art.on('video:timeupdate', () => {
|
art.on('video:timeupdate', () => {
|
||||||
if (interval.length) {
|
if (interval.length) {
|
||||||
if (art.currentTime < interval[0] ?? art.currentTime > interval[1]) {
|
if (art.currentTime < interval[0] || art.currentTime > interval[1]) {
|
||||||
art.seek = interval[0];
|
art.seek = interval[0];
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -4,7 +4,7 @@ export default function qualityMix(art) {
|
|||||||
def(art, 'quality', {
|
def(art, 'quality', {
|
||||||
set(quality) {
|
set(quality) {
|
||||||
const { controls, notice, i18n } = art;
|
const { controls, notice, i18n } = art;
|
||||||
const qualityDefault = quality.find((item) => item.default) ?? quality[0];
|
const qualityDefault = quality.find((item) => item.default) || quality[0];
|
||||||
controls.update({
|
controls.update({
|
||||||
name: 'quality',
|
name: 'quality',
|
||||||
position: 'right',
|
position: 'right',
|
||||||
|
|||||||
@@ -3,7 +3,7 @@ import { def } from '../utils';
|
|||||||
export default function stateMix(art) {
|
export default function stateMix(art) {
|
||||||
const states = ['mini', 'pip', 'fullscreen', 'fullscreenWeb'];
|
const states = ['mini', 'pip', 'fullscreen', 'fullscreenWeb'];
|
||||||
def(art, 'state', {
|
def(art, 'state', {
|
||||||
get: () => states.find((name) => art[name]) ?? 'standard',
|
get: () => states.find((name) => art[name]) || 'standard',
|
||||||
set(name) {
|
set(name) {
|
||||||
for (let index = 0; index < states.length; index++) {
|
for (let index = 0; index < states.length; index++) {
|
||||||
const prop = states[index];
|
const prop = states[index];
|
||||||
|
|||||||
@@ -13,7 +13,7 @@ export default function urlMix(art) {
|
|||||||
async set(newUrl) {
|
async set(newUrl) {
|
||||||
if (newUrl) {
|
if (newUrl) {
|
||||||
const oldUrl = art.url;
|
const oldUrl = art.url;
|
||||||
const typeName = option.type ?? getExt(newUrl);
|
const typeName = option.type || getExt(newUrl);
|
||||||
const typeCallback = option.customType[typeName];
|
const typeCallback = option.customType[typeName];
|
||||||
|
|
||||||
if (typeName && typeCallback) {
|
if (typeName && typeCallback) {
|
||||||
|
|||||||
@@ -9,7 +9,7 @@ export default function volumeMix(art) {
|
|||||||
} = art;
|
} = art;
|
||||||
|
|
||||||
def(art, 'volume', {
|
def(art, 'volume', {
|
||||||
get: () => $video.volume ?? 0,
|
get: () => $video.volume || 0,
|
||||||
set: (percentage) => {
|
set: (percentage) => {
|
||||||
$video.volume = clamp(percentage, 0, 1);
|
$video.volume = clamp(percentage, 0, 1);
|
||||||
notice.show = `${i18n.get('Volume')}: ${parseInt($video.volume * 100, 10)}`;
|
notice.show = `${i18n.get('Volume')}: ${parseInt($video.volume * 100, 10)}`;
|
||||||
|
|||||||
@@ -11,7 +11,7 @@ export default function autoOrientation(art) {
|
|||||||
const { videoWidth, videoHeight } = $video;
|
const { videoWidth, videoHeight } = $video;
|
||||||
const { clientWidth: viewWidth, clientHeight: viewHeight } = document.documentElement;
|
const { clientWidth: viewWidth, clientHeight: viewHeight } = document.documentElement;
|
||||||
if (
|
if (
|
||||||
(videoWidth > videoHeight && viewWidth < viewHeight) ??
|
(videoWidth > videoHeight && viewWidth < viewHeight) ||
|
||||||
(videoWidth < videoHeight && viewWidth > viewHeight)
|
(videoWidth < videoHeight && viewWidth > viewHeight)
|
||||||
) {
|
) {
|
||||||
// There is a conflict with the fullscreen event, and it is changed to asynchronous execution
|
// There is a conflict with the fullscreen event, and it is changed to asynchronous execution
|
||||||
@@ -40,7 +40,7 @@ export default function autoOrientation(art) {
|
|||||||
const { videoWidth, videoHeight } = $video;
|
const { videoWidth, videoHeight } = $video;
|
||||||
const { clientWidth: viewWidth, clientHeight: viewHeight } = document.documentElement;
|
const { clientWidth: viewWidth, clientHeight: viewHeight } = document.documentElement;
|
||||||
if (
|
if (
|
||||||
(videoWidth > videoHeight && viewWidth < viewHeight) ??
|
(videoWidth > videoHeight && viewWidth < viewHeight) ||
|
||||||
(videoWidth < videoHeight && viewWidth > viewHeight)
|
(videoWidth < videoHeight && viewWidth > viewHeight)
|
||||||
) {
|
) {
|
||||||
const oppositeOrientation = lastOrientation.startsWith('portrait') ? 'landscape' : 'portrait';
|
const oppositeOrientation = lastOrientation.startsWith('portrait') ? 'landscape' : 'portrait';
|
||||||
|
|||||||
@@ -25,19 +25,19 @@ export default function autoPlayback(art) {
|
|||||||
|
|
||||||
art.on('video:timeupdate', () => {
|
art.on('video:timeupdate', () => {
|
||||||
if (art.playing) {
|
if (art.playing) {
|
||||||
const times = storage.get('times') ?? {};
|
const times = storage.get('times') || {};
|
||||||
const keys = Object.keys(times);
|
const keys = Object.keys(times);
|
||||||
if (keys.length > constructor.AUTO_PLAYBACK_MAX) {
|
if (keys.length > constructor.AUTO_PLAYBACK_MAX) {
|
||||||
delete times[keys[0]];
|
delete times[keys[0]];
|
||||||
}
|
}
|
||||||
times[art.option.id ?? art.option.url] = art.currentTime;
|
times[art.option.id || art.option.url] = art.currentTime;
|
||||||
storage.set('times', times);
|
storage.set('times', times);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
art.on('ready', () => {
|
art.on('ready', () => {
|
||||||
const times = storage.get('times') ?? {};
|
const times = storage.get('times') || {};
|
||||||
const currentTime = times[art.option.id ?? art.option.url];
|
const currentTime = times[art.option.id || art.option.url];
|
||||||
if (currentTime && currentTime >= constructor.AUTO_PLAYBACK_MIN) {
|
if (currentTime && currentTime >= constructor.AUTO_PLAYBACK_MIN) {
|
||||||
append($close, icons.close);
|
append($close, icons.close);
|
||||||
setStyle($autoPlayback, 'display', 'flex');
|
setStyle($autoPlayback, 'display', 'flex');
|
||||||
@@ -67,13 +67,13 @@ export default function autoPlayback(art) {
|
|||||||
return {
|
return {
|
||||||
name: 'auto-playback',
|
name: 'auto-playback',
|
||||||
get times() {
|
get times() {
|
||||||
return storage.get('times') ?? {};
|
return storage.get('times') || {};
|
||||||
},
|
},
|
||||||
clear() {
|
clear() {
|
||||||
return storage.del('times');
|
return storage.del('times');
|
||||||
},
|
},
|
||||||
delete(id) {
|
delete(id) {
|
||||||
const times = storage.get('times') ?? {};
|
const times = storage.get('times') || {};
|
||||||
delete times[id];
|
delete times[id];
|
||||||
storage.set('times', times);
|
storage.set('times', times);
|
||||||
return times;
|
return times;
|
||||||
|
|||||||
@@ -40,7 +40,7 @@ export default class Plugins {
|
|||||||
add(plugin) {
|
add(plugin) {
|
||||||
this.id += 1;
|
this.id += 1;
|
||||||
const result = plugin.call(this.art, this.art);
|
const result = plugin.call(this.art, this.art);
|
||||||
const pluginName = (result && result.name) ?? plugin.name ?? `plugin${this.id}`;
|
const pluginName = (result && result.name) || plugin.name || `plugin${this.id}`;
|
||||||
errorHandle(!has(this, pluginName), `Cannot add a plugin that already has the same name: ${pluginName}`);
|
errorHandle(!has(this, pluginName), `Cannot add a plugin that already has the same name: ${pluginName}`);
|
||||||
def(this, pluginName, {
|
def(this, pluginName, {
|
||||||
value: result,
|
value: result,
|
||||||
|
|||||||
@@ -9,7 +9,7 @@ const f = 'function';
|
|||||||
|
|
||||||
function validElement(value, type, paths) {
|
function validElement(value, type, paths) {
|
||||||
return errorHandle(
|
return errorHandle(
|
||||||
type === s ?? type === n ?? value instanceof Element,
|
type === s || type === n || value instanceof Element,
|
||||||
`${paths.join('.')} require '${s}' or 'Element' type`,
|
`${paths.join('.')} require '${s}' or 'Element' type`,
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -60,7 +60,7 @@ export default class Setting extends Component {
|
|||||||
const item = option[index];
|
const item = option[index];
|
||||||
item.$parentItem = parentItem;
|
item.$parentItem = parentItem;
|
||||||
item.$parentList = parentList;
|
item.$parentList = parentList;
|
||||||
Setting.makeRecursion(item.selector ?? [], item, option);
|
Setting.makeRecursion(item.selector || [], item, option);
|
||||||
}
|
}
|
||||||
return option;
|
return option;
|
||||||
}
|
}
|
||||||
@@ -111,7 +111,7 @@ export default class Setting extends Component {
|
|||||||
if (item.name === name) {
|
if (item.name === name) {
|
||||||
return item;
|
return item;
|
||||||
} else {
|
} else {
|
||||||
const result = this.find(name, item.selector ?? []);
|
const result = this.find(name, item.selector || []);
|
||||||
if (result) return result;
|
if (result) return result;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -120,7 +120,7 @@ export default class Setting extends Component {
|
|||||||
remove(name) {
|
remove(name) {
|
||||||
const item = this.find(name);
|
const item = this.find(name);
|
||||||
errorHandle(item, `Can't find [${name}] from the [setting]`);
|
errorHandle(item, `Can't find [${name}] from the [setting]`);
|
||||||
const parent = item.$parentItem?.selector ?? this.option;
|
const parent = item.$parentItem?.selector || this.option;
|
||||||
parent.splice(parent.indexOf(item), 1);
|
parent.splice(parent.indexOf(item), 1);
|
||||||
this.option = Setting.makeRecursion(this.option);
|
this.option = Setting.makeRecursion(this.option);
|
||||||
this.destroy();
|
this.destroy();
|
||||||
@@ -190,13 +190,13 @@ export default class Setting extends Component {
|
|||||||
switch (type) {
|
switch (type) {
|
||||||
case 'switch':
|
case 'switch':
|
||||||
case 'range':
|
case 'range':
|
||||||
append($icon, isStringOrNumber(item.icon) ?? item.icon instanceof Element ? item.icon : icons.config);
|
append($icon, isStringOrNumber(item.icon) || item.icon instanceof Element ? item.icon : icons.config);
|
||||||
break;
|
break;
|
||||||
case 'selector':
|
case 'selector':
|
||||||
if (item.selector && item.selector.length) {
|
if (item.selector && item.selector.length) {
|
||||||
append(
|
append(
|
||||||
$icon,
|
$icon,
|
||||||
isStringOrNumber(item.icon) ?? item.icon instanceof Element ? item.icon : icons.config,
|
isStringOrNumber(item.icon) || item.icon instanceof Element ? item.icon : icons.config,
|
||||||
);
|
);
|
||||||
} else {
|
} else {
|
||||||
append($icon, icons.check);
|
append($icon, icons.check);
|
||||||
@@ -223,7 +223,7 @@ export default class Setting extends Component {
|
|||||||
|
|
||||||
const $html = createElement('div');
|
const $html = createElement('div');
|
||||||
addClass($html, 'art-setting-item-left-text');
|
addClass($html, 'art-setting-item-left-text');
|
||||||
append($html, item.html ?? '');
|
append($html, item.html || '');
|
||||||
append($left, $html);
|
append($left, $html);
|
||||||
item.$html = $html;
|
item.$html = $html;
|
||||||
|
|
||||||
@@ -241,7 +241,7 @@ export default class Setting extends Component {
|
|||||||
|
|
||||||
const $tooltip = createElement('div');
|
const $tooltip = createElement('div');
|
||||||
addClass($tooltip, 'art-setting-item-right-tooltip');
|
addClass($tooltip, 'art-setting-item-right-tooltip');
|
||||||
append($tooltip, item.tooltip ?? '');
|
append($tooltip, item.tooltip || '');
|
||||||
append($right, $tooltip);
|
append($right, $tooltip);
|
||||||
item.$tooltip = $tooltip;
|
item.$tooltip = $tooltip;
|
||||||
|
|
||||||
@@ -290,10 +290,10 @@ export default class Setting extends Component {
|
|||||||
const $state = createElement('div');
|
const $state = createElement('div');
|
||||||
addClass($state, 'art-setting-item-right-icon');
|
addClass($state, 'art-setting-item-right-icon');
|
||||||
const $range = append($state, '<input type="range">');
|
const $range = append($state, '<input type="range">');
|
||||||
$range.value = item.range[0] ?? 0;
|
$range.value = item.range[0] || 0;
|
||||||
$range.min = item.range[1] ?? 0;
|
$range.min = item.range[1] || 0;
|
||||||
$range.max = item.range[2] ?? 10;
|
$range.max = item.range[2] || 10;
|
||||||
$range.step = item.range[3] ?? 1;
|
$range.step = item.range[3] || 1;
|
||||||
addClass($range, 'art-setting-range');
|
addClass($range, 'art-setting-range');
|
||||||
append($right, $state);
|
append($right, $state);
|
||||||
item.$range = $range;
|
item.$range = $range;
|
||||||
@@ -398,7 +398,7 @@ export default class Setting extends Component {
|
|||||||
} = this.art;
|
} = this.art;
|
||||||
|
|
||||||
if (controls.setting && !isMobile) {
|
if (controls.setting && !isMobile) {
|
||||||
const settingWidth = width ?? constructor.SETTING_WIDTH;
|
const settingWidth = width || constructor.SETTING_WIDTH;
|
||||||
const { left: controlLeft, width: controlWidth } = controls.setting.getBoundingClientRect();
|
const { left: controlLeft, width: controlWidth } = controls.setting.getBoundingClientRect();
|
||||||
const { left: playerLeft, width: playerWidth } = $player.getBoundingClientRect();
|
const { left: playerLeft, width: playerWidth } = $player.getBoundingClientRect();
|
||||||
const settingLeft = controlLeft - playerLeft + controlWidth / 2 - settingWidth / 2;
|
const settingLeft = controlLeft - playerLeft + controlWidth / 2 - settingWidth / 2;
|
||||||
@@ -424,7 +424,7 @@ export default class Setting extends Component {
|
|||||||
} else {
|
} else {
|
||||||
const $panel = createElement('div');
|
const $panel = createElement('div');
|
||||||
addClass($panel, 'art-setting-panel');
|
addClass($panel, 'art-setting-panel');
|
||||||
$panel.dataset.width = width ?? constructor.SETTING_WIDTH;
|
$panel.dataset.width = width || constructor.SETTING_WIDTH;
|
||||||
$panel.dataset.height = option.length * constructor.SETTING_ITEM_HEIGHT;
|
$panel.dataset.height = option.length * constructor.SETTING_ITEM_HEIGHT;
|
||||||
|
|
||||||
if (option[0] && option[0].$parentItem) {
|
if (option[0] && option[0].$parentItem) {
|
||||||
|
|||||||
@@ -6,7 +6,7 @@ export default class Storage {
|
|||||||
|
|
||||||
get(key) {
|
get(key) {
|
||||||
try {
|
try {
|
||||||
const storage = JSON.parse(window.localStorage.getItem(this.name)) ?? {};
|
const storage = JSON.parse(window.localStorage.getItem(this.name)) || {};
|
||||||
return key ? storage[key] : storage;
|
return key ? storage[key] : storage;
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
return key ? this.settings[key] : this.settings;
|
return key ? this.settings[key] : this.settings;
|
||||||
|
|||||||
@@ -117,7 +117,7 @@ export default class Subtitle extends Component {
|
|||||||
const decoder = new TextDecoder(subtitleOption.encoding);
|
const decoder = new TextDecoder(subtitleOption.encoding);
|
||||||
const text = decoder.decode(buffer);
|
const text = decoder.decode(buffer);
|
||||||
this.art.emit('subtitleLoad', subtitleOption.url);
|
this.art.emit('subtitleLoad', subtitleOption.url);
|
||||||
switch (subtitleOption.type ?? getExt(subtitleOption.url)) {
|
switch (subtitleOption.type || getExt(subtitleOption.url)) {
|
||||||
case 'srt': {
|
case 'srt': {
|
||||||
const vtt = srtToVtt(text);
|
const vtt = srtToVtt(text);
|
||||||
const vttNew = subtitleOption.onVttLoad(vtt);
|
const vttNew = subtitleOption.onVttLoad(vtt);
|
||||||
|
|||||||
@@ -4,5 +4,5 @@ export const isWechat = /MicroMessenger/i.test(userAgent);
|
|||||||
export const isIE = /MSIE|Trident/i.test(userAgent);
|
export const isIE = /MSIE|Trident/i.test(userAgent);
|
||||||
export const isAndroid = /android/i.test(userAgent);
|
export const isAndroid = /android/i.test(userAgent);
|
||||||
export const isIOS = /iPad|iPhone|iPod/i.test(userAgent) && !window.MSStream;
|
export const isIOS = /iPad|iPhone|iPod/i.test(userAgent) && !window.MSStream;
|
||||||
export const isIOS13 = isIOS ?? (userAgent.includes('Macintosh') && navigator.maxTouchPoints >= 1);
|
export const isIOS13 = isIOS || (userAgent.includes('Macintosh') && navigator.maxTouchPoints >= 1);
|
||||||
export const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent) ?? isIOS13;
|
export const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent) || isIOS13;
|
||||||
@@ -46,10 +46,10 @@ export default class Component {
|
|||||||
|
|
||||||
add(getOption) {
|
add(getOption) {
|
||||||
const option = typeof getOption === 'function' ? getOption(this.art) : getOption;
|
const option = typeof getOption === 'function' ? getOption(this.art) : getOption;
|
||||||
option.html = option.html ?? '';
|
option.html = option.html || '';
|
||||||
validator(option, ComponentOption);
|
validator(option, ComponentOption);
|
||||||
if (!this.$parent ?? !this.name ?? option.disable) return;
|
if (!this.$parent || !this.name || option.disable) return;
|
||||||
const name = option.name ?? `${this.name}${this.id}`;
|
const name = option.name || `${this.name}${this.id}`;
|
||||||
const item = this.cache.get(name);
|
const item = this.cache.get(name);
|
||||||
errorHandle(!item, `Can't add an existing [${name}] to the [${this.name}]`);
|
errorHandle(!item, `Can't add an existing [${name}] to the [${this.name}]`);
|
||||||
|
|
||||||
@@ -59,7 +59,7 @@ export default class Component {
|
|||||||
addClass($ref, `art-${this.name}-${name}`);
|
addClass($ref, `art-${this.name}-${name}`);
|
||||||
|
|
||||||
const childs = Array.from(this.$parent.children);
|
const childs = Array.from(this.$parent.children);
|
||||||
$ref.dataset.index = option.index ?? this.id;
|
$ref.dataset.index = option.index || this.id;
|
||||||
const nextChild = childs.find((item) => Number(item.dataset.index) >= Number($ref.dataset.index));
|
const nextChild = childs.find((item) => Number(item.dataset.index) >= Number($ref.dataset.index));
|
||||||
if (nextChild) {
|
if (nextChild) {
|
||||||
nextChild.insertAdjacentElement('beforebegin', $ref);
|
nextChild.insertAdjacentElement('beforebegin', $ref);
|
||||||
@@ -135,12 +135,12 @@ export default class Component {
|
|||||||
hover($ref, setLeft);
|
hover($ref, setLeft);
|
||||||
|
|
||||||
const destroyEvent = proxy($list, 'click', async (event) => {
|
const destroyEvent = proxy($list, 'click', async (event) => {
|
||||||
const path = event.composedPath() ?? [];
|
const path = event.composedPath() || [];
|
||||||
const $item = path.find((item) => hasClass(item, 'art-selector-item'));
|
const $item = path.find((item) => hasClass(item, 'art-selector-item'));
|
||||||
if (!$item) return;
|
if (!$item) return;
|
||||||
inverseClass($item, 'art-current');
|
inverseClass($item, 'art-current');
|
||||||
const index = Number($item.dataset.index);
|
const index = Number($item.dataset.index);
|
||||||
const find = option.selector[index] ?? {};
|
const find = option.selector[index] || {};
|
||||||
$value.innerText = $item.innerText;
|
$value.innerText = $item.innerText;
|
||||||
if (option.onSelect) {
|
if (option.onSelect) {
|
||||||
const result = await option.onSelect.call(this.art, find, $item, event);
|
const result = await option.onSelect.call(this.art, find, $item, event);
|
||||||
|
|||||||
@@ -26,7 +26,7 @@ export function append(parent, child) {
|
|||||||
} else {
|
} else {
|
||||||
parent.insertAdjacentHTML('beforeend', String(child));
|
parent.insertAdjacentHTML('beforeend', String(child));
|
||||||
}
|
}
|
||||||
return parent.lastElementChild ?? parent.lastChild;
|
return parent.lastElementChild || parent.lastChild;
|
||||||
}
|
}
|
||||||
|
|
||||||
export function remove(child) {
|
export function remove(child) {
|
||||||
@@ -68,8 +68,8 @@ export function tooltip(target, msg, pos = 'top') {
|
|||||||
|
|
||||||
export function isInViewport(el, offset = 0) {
|
export function isInViewport(el, offset = 0) {
|
||||||
const rect = el.getBoundingClientRect();
|
const rect = el.getBoundingClientRect();
|
||||||
const windowHeight = window.innerHeight ?? document.documentElement.clientHeight;
|
const windowHeight = window.innerHeight || document.documentElement.clientHeight;
|
||||||
const windowWidth = window.innerWidth ?? document.documentElement.clientWidth;
|
const windowWidth = window.innerWidth || document.documentElement.clientWidth;
|
||||||
const vertInView = rect.top - offset <= windowHeight && rect.top + rect.height + offset >= 0;
|
const vertInView = rect.top - offset <= windowHeight && rect.top + rect.height + offset >= 0;
|
||||||
const horInView = rect.left - offset <= windowWidth + offset && rect.left + rect.width + offset >= 0;
|
const horInView = rect.left - offset <= windowWidth + offset && rect.left + rect.width + offset >= 0;
|
||||||
return vertInView && horInView;
|
return vertInView && horInView;
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
export default class Emitter {
|
export default class Emitter {
|
||||||
on(name, fn, ctx) {
|
on(name, fn, ctx) {
|
||||||
const e = this.e ?? (this.e = {});
|
const e = this.e || (this.e = {});
|
||||||
(e[name] ?? (e[name] = [])).push({ fn, ctx });
|
(e[name] || (e[name] = [])).push({ fn, ctx });
|
||||||
return this;
|
return this;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -16,7 +16,7 @@ export default class Emitter {
|
|||||||
}
|
}
|
||||||
|
|
||||||
emit(name, ...data) {
|
emit(name, ...data) {
|
||||||
const evtArr = ((this.e ?? (this.e = {}))[name] ?? []).slice();
|
const evtArr = ((this.e || (this.e = {}))[name] || []).slice();
|
||||||
for (let i = 0; i < evtArr.length; i += 1) {
|
for (let i = 0; i < evtArr.length; i += 1) {
|
||||||
evtArr[i].fn.apply(evtArr[i].ctx, data);
|
evtArr[i].fn.apply(evtArr[i].ctx, data);
|
||||||
}
|
}
|
||||||
@@ -24,7 +24,7 @@ export default class Emitter {
|
|||||||
}
|
}
|
||||||
|
|
||||||
off(name, callback) {
|
off(name, callback) {
|
||||||
const e = this.e ?? (this.e = {});
|
const e = this.e || (this.e = {});
|
||||||
const evts = e[name];
|
const evts = e[name];
|
||||||
const liveEvents = [];
|
const liveEvents = [];
|
||||||
if (evts && callback) {
|
if (evts && callback) {
|
||||||
|
|||||||
@@ -2,7 +2,7 @@ export class ArtPlayerError extends Error {
|
|||||||
constructor(message, context) {
|
constructor(message, context) {
|
||||||
super(message);
|
super(message);
|
||||||
if (typeof Error.captureStackTrace === 'function') {
|
if (typeof Error.captureStackTrace === 'function') {
|
||||||
Error.captureStackTrace(this, context ?? this.constructor);
|
Error.captureStackTrace(this, context || this.constructor);
|
||||||
}
|
}
|
||||||
this.name = 'ArtPlayerError';
|
this.name = 'ArtPlayerError';
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -29,6 +29,6 @@ export function escape(str) {
|
|||||||
'>': '>',
|
'>': '>',
|
||||||
"'": ''',
|
"'": ''',
|
||||||
'"': '"',
|
'"': '"',
|
||||||
}[tag] ?? tag),
|
})[tag] || tag,
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in new issue
Block a user