mirror of
https://github.com/zhw2590582/ArtPlayer.git
synced 2026-10-21 21:01:20 -08:00
update
This commit is contained in:
1 parent
814a02d14a
commit
dabfb2b8c8
10 files changed
+133
-173
No files matched your search
@@ -1,5 +1,4 @@
|
||||
import { errorHandle, has, def } from '../utils';
|
||||
import subtitleOffset from './subtitleOffset';
|
||||
import localVideo from './localVideo';
|
||||
import localSubtitle from './localSubtitle';
|
||||
import miniProgressBar from './miniProgressBar';
|
||||
@@ -11,10 +10,6 @@ export default class Plugins {
|
||||
|
||||
const { option } = art;
|
||||
|
||||
if (option.subtitle.url && option.subtitleOffset) {
|
||||
this.add(subtitleOffset);
|
||||
}
|
||||
|
||||
if (!option.isLive && option.miniProgressBar) {
|
||||
this.add(miniProgressBar);
|
||||
}
|
||||
|
||||
@@ -1,84 +0,0 @@
|
||||
import { query } from '../utils';
|
||||
|
||||
function settingMix(art) {
|
||||
const {
|
||||
i18n,
|
||||
subtitle,
|
||||
events: { proxy },
|
||||
} = art;
|
||||
|
||||
return {
|
||||
title: 'Subtitle',
|
||||
name: 'subtitleOffset',
|
||||
index: 20,
|
||||
html: `
|
||||
<div class="art-setting-header">
|
||||
${i18n.get('Subtitle offset time')}: <span class="art-subtitle-value">0</span>s
|
||||
</div>
|
||||
<div class="art-setting-range">
|
||||
<input class="art-subtitle-range" value="0" type="range" min="-5" max="5" step="0.5">
|
||||
</div>
|
||||
`,
|
||||
mounted: ($setting) => {
|
||||
const $range = query('.art-setting-range input', $setting);
|
||||
const $value = query('.art-subtitle-value', $setting);
|
||||
proxy($range, 'change', () => {
|
||||
const { value } = $range;
|
||||
$value.innerText = value;
|
||||
art.plugins.subtitleOffset.offset(Number(value));
|
||||
});
|
||||
|
||||
art.on('subtitle:switch', () => {
|
||||
$range.value = 0;
|
||||
$value.innerText = 0;
|
||||
});
|
||||
|
||||
art.on('subtitleOffset', (value) => {
|
||||
subtitle.update();
|
||||
if ($range.value !== value) {
|
||||
$range.value = value;
|
||||
$value.innerText = value;
|
||||
}
|
||||
});
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
export default function subtitleOffset(art) {
|
||||
const { clamp } = art.constructor.utils;
|
||||
const { setting, notice, template, i18n } = art;
|
||||
|
||||
setting.add(settingMix);
|
||||
let cuesCache = [];
|
||||
art.on('subtitle:switch', () => {
|
||||
cuesCache = [];
|
||||
});
|
||||
|
||||
return {
|
||||
name: 'subtitleOffset',
|
||||
offset(value) {
|
||||
if (template.$track && template.$track.track) {
|
||||
const cues = Array.from(template.$track.track.cues);
|
||||
const time = clamp(value, -5, 5);
|
||||
|
||||
for (let index = 0; index < cues.length; index++) {
|
||||
const cue = cues[index];
|
||||
if (!cuesCache[index]) {
|
||||
cuesCache[index] = {
|
||||
startTime: cue.startTime,
|
||||
endTime: cue.endTime,
|
||||
};
|
||||
}
|
||||
cue.startTime = clamp(cuesCache[index].startTime + time, 0, art.duration);
|
||||
cue.endTime = clamp(cuesCache[index].endTime + time, 0, art.duration);
|
||||
}
|
||||
|
||||
notice.show = `${i18n.get('Subtitle offset time')}: ${value}s`;
|
||||
art.emit('subtitleOffset', value);
|
||||
} else {
|
||||
notice.show = `${i18n.get('No subtitles found')}`;
|
||||
art.emit('subtitleOffset', 0);
|
||||
}
|
||||
},
|
||||
};
|
||||
}
|
||||
Reference in new issue
Block a user