mirror of
https://github.com/zhw2590582/ArtPlayer.git
synced 2026-10-28 10:31:20 -08:00
chore: Remove unnecessary code and optimize configuration updates in Danmuku and Setting classes
This commit is contained in:
Harvey Zack committed
1 parent
a1569b9ddf
commit
eb5369573d
3 files changed
+30
-26
No files matched your search
@@ -898,22 +898,22 @@ class Setting {
|
|||||||
<div class="apd-config-slider apd-config-opacity">
|
<div class="apd-config-slider apd-config-opacity">
|
||||||
\u{4E0D}\u{900F}\u{660E}\u{5EA6}
|
\u{4E0D}\u{900F}\u{660E}\u{5EA6}
|
||||||
<div class="apd-slider"></div>
|
<div class="apd-slider"></div>
|
||||||
<div class="apd-value"></div>
|
<div class="apd-value">\u{672A}\u{77E5}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="apd-config-slider apd-config-margin">
|
<div class="apd-config-slider apd-config-margin">
|
||||||
\u{663E}\u{793A}\u{533A}\u{57DF}
|
\u{663E}\u{793A}\u{533A}\u{57DF}
|
||||||
<div class="apd-slider"></div>
|
<div class="apd-slider"></div>
|
||||||
<div class="apd-value"></div>
|
<div class="apd-value">\u{672A}\u{77E5}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="apd-config-slider apd-config-fontSize">
|
<div class="apd-config-slider apd-config-fontSize">
|
||||||
\u{5F39}\u{5E55}\u{5B57}\u{53F7}
|
\u{5F39}\u{5E55}\u{5B57}\u{53F7}
|
||||||
<div class="apd-slider"></div>
|
<div class="apd-slider"></div>
|
||||||
<div class="apd-value"></div>
|
<div class="apd-value">\u{672A}\u{77E5}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="apd-config-slider apd-config-speed">
|
<div class="apd-config-slider apd-config-speed">
|
||||||
\u{5F39}\u{5E55}\u{901F}\u{5EA6}
|
\u{5F39}\u{5E55}\u{901F}\u{5EA6}
|
||||||
<div class="apd-slider"></div>
|
<div class="apd-slider"></div>
|
||||||
<div class="apd-value"></div>
|
<div class="apd-value">\u{672A}\u{77E5}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -1132,7 +1132,7 @@ class Setting {
|
|||||||
steps: [],
|
steps: [],
|
||||||
container: this.template.$opacitySlider,
|
container: this.template.$opacitySlider,
|
||||||
findIndex: ()=>{
|
findIndex: ()=>{
|
||||||
return Math.round(this.option.opacity * 100) || 100;
|
return Math.round(this.option.opacity * 100);
|
||||||
},
|
},
|
||||||
onChange: (index)=>{
|
onChange: (index)=>{
|
||||||
const { $opacityValue } = this.template;
|
const { $opacityValue } = this.template;
|
||||||
@@ -1149,10 +1149,11 @@ class Setting {
|
|||||||
steps: this.MARGIN,
|
steps: this.MARGIN,
|
||||||
container: this.template.$marginSlider,
|
container: this.template.$marginSlider,
|
||||||
findIndex: ()=>{
|
findIndex: ()=>{
|
||||||
return this.MARGIN.findIndex((item)=>item.value[0] === this.option.margin[0] && item.value[1] === this.option.margin[1]) || 2;
|
return this.MARGIN.findIndex((item)=>item.value[0] === this.option.margin[0] && item.value[1] === this.option.margin[1]);
|
||||||
},
|
},
|
||||||
onChange: (index)=>{
|
onChange: (index)=>{
|
||||||
const margin = this.MARGIN[index];
|
const margin = this.MARGIN[index];
|
||||||
|
if (!margin) return;
|
||||||
const { $marginValue } = this.template;
|
const { $marginValue } = this.template;
|
||||||
$marginValue.textContent = margin.name;
|
$marginValue.textContent = margin.name;
|
||||||
const value = margin.value;
|
const value = margin.value;
|
||||||
@@ -1168,7 +1169,7 @@ class Setting {
|
|||||||
container: this.template.$fontSizeSlider,
|
container: this.template.$fontSizeSlider,
|
||||||
findIndex: ()=>{
|
findIndex: ()=>{
|
||||||
const { clientHeight } = this.art.template.$player;
|
const { clientHeight } = this.art.template.$player;
|
||||||
return Math.round(this.option.fontSize / clientHeight * 100) || 5;
|
return Math.round(this.option.fontSize / clientHeight * 100);
|
||||||
},
|
},
|
||||||
onChange: (index)=>{
|
onChange: (index)=>{
|
||||||
const { $fontSizeValue } = this.template;
|
const { $fontSizeValue } = this.template;
|
||||||
@@ -1186,13 +1187,15 @@ class Setting {
|
|||||||
steps: this.SPEED,
|
steps: this.SPEED,
|
||||||
container: this.template.$speedSlider,
|
container: this.template.$speedSlider,
|
||||||
findIndex: ()=>{
|
findIndex: ()=>{
|
||||||
return this.SPEED.findIndex((item)=>item.value === this.option.speed) || 2;
|
return this.SPEED.findIndex((item)=>item.value === this.option.speed);
|
||||||
},
|
},
|
||||||
onChange: (index)=>{
|
onChange: (index)=>{
|
||||||
const speed = this.SPEED[index];
|
const speed = this.SPEED[index];
|
||||||
|
if (!speed) return;
|
||||||
const { $speedValue } = this.template;
|
const { $speedValue } = this.template;
|
||||||
$speedValue.textContent = speed.name;
|
$speedValue.textContent = speed.name;
|
||||||
const value = speed.value;
|
const value = speed.value;
|
||||||
|
console.log(index, value);
|
||||||
if (value !== this.option.speed) this.danmuku.config({
|
if (value !== this.option.speed) this.danmuku.config({
|
||||||
speed: value
|
speed: value
|
||||||
});
|
});
|
||||||
@@ -1217,11 +1220,11 @@ class Setting {
|
|||||||
const $progress = query(".apd-slider-progress", container);
|
const $progress = query(".apd-slider-progress", container);
|
||||||
let isDroging = false;
|
let isDroging = false;
|
||||||
function reset(index = findIndex()) {
|
function reset(index = findIndex()) {
|
||||||
const value = clamp(index, min, max);
|
if (index < min || index > max) return;
|
||||||
const percentage = (value - min) / (max - min);
|
const percentage = (index - min) / (max - min);
|
||||||
$dot.style.left = `${percentage * 100}%`;
|
$dot.style.left = `${percentage * 100}%`;
|
||||||
if (steps.length === 0) $progress.style.width = $dot.style.left;
|
if (steps.length === 0) $progress.style.width = $dot.style.left;
|
||||||
onChange(value);
|
onChange(index);
|
||||||
}
|
}
|
||||||
function updateLeft(event) {
|
function updateLeft(event) {
|
||||||
const { left, width } = container.getBoundingClientRect();
|
const { left, width } = container.getBoundingClientRect();
|
||||||
|
|||||||
@@ -1 +1 @@
|
|||||||
{"mappings":"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 truncated
|
{"mappings":"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 truncated
|
||||||
@@ -128,22 +128,22 @@ export default class Setting {
|
|||||||
<div class="apd-config-slider apd-config-opacity">
|
<div class="apd-config-slider apd-config-opacity">
|
||||||
不透明度
|
不透明度
|
||||||
<div class="apd-slider"></div>
|
<div class="apd-slider"></div>
|
||||||
<div class="apd-value"></div>
|
<div class="apd-value">未知</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="apd-config-slider apd-config-margin">
|
<div class="apd-config-slider apd-config-margin">
|
||||||
显示区域
|
显示区域
|
||||||
<div class="apd-slider"></div>
|
<div class="apd-slider"></div>
|
||||||
<div class="apd-value"></div>
|
<div class="apd-value">未知</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="apd-config-slider apd-config-fontSize">
|
<div class="apd-config-slider apd-config-fontSize">
|
||||||
弹幕字号
|
弹幕字号
|
||||||
<div class="apd-slider"></div>
|
<div class="apd-slider"></div>
|
||||||
<div class="apd-value"></div>
|
<div class="apd-value">未知</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="apd-config-slider apd-config-speed">
|
<div class="apd-config-slider apd-config-speed">
|
||||||
弹幕速度
|
弹幕速度
|
||||||
<div class="apd-slider"></div>
|
<div class="apd-slider"></div>
|
||||||
<div class="apd-value"></div>
|
<div class="apd-value">未知</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -377,7 +377,7 @@ export default class Setting {
|
|||||||
steps: [],
|
steps: [],
|
||||||
container: this.template.$opacitySlider,
|
container: this.template.$opacitySlider,
|
||||||
findIndex: () => {
|
findIndex: () => {
|
||||||
return Math.round(this.option.opacity * 100) || 100;
|
return Math.round(this.option.opacity * 100);
|
||||||
},
|
},
|
||||||
onChange: (index) => {
|
onChange: (index) => {
|
||||||
const { $opacityValue } = this.template;
|
const { $opacityValue } = this.template;
|
||||||
@@ -397,14 +397,13 @@ export default class Setting {
|
|||||||
steps: this.MARGIN,
|
steps: this.MARGIN,
|
||||||
container: this.template.$marginSlider,
|
container: this.template.$marginSlider,
|
||||||
findIndex: () => {
|
findIndex: () => {
|
||||||
return (
|
return this.MARGIN.findIndex(
|
||||||
this.MARGIN.findIndex(
|
(item) => item.value[0] === this.option.margin[0] && item.value[1] === this.option.margin[1],
|
||||||
(item) => item.value[0] === this.option.margin[0] && item.value[1] === this.option.margin[1],
|
|
||||||
) || 2
|
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
onChange: (index) => {
|
onChange: (index) => {
|
||||||
const margin = this.MARGIN[index];
|
const margin = this.MARGIN[index];
|
||||||
|
if (!margin) return;
|
||||||
const { $marginValue } = this.template;
|
const { $marginValue } = this.template;
|
||||||
$marginValue.textContent = margin.name;
|
$marginValue.textContent = margin.name;
|
||||||
const value = margin.value;
|
const value = margin.value;
|
||||||
@@ -423,7 +422,7 @@ export default class Setting {
|
|||||||
container: this.template.$fontSizeSlider,
|
container: this.template.$fontSizeSlider,
|
||||||
findIndex: () => {
|
findIndex: () => {
|
||||||
const { clientHeight } = this.art.template.$player;
|
const { clientHeight } = this.art.template.$player;
|
||||||
return Math.round((this.option.fontSize / clientHeight) * 100) || 5;
|
return Math.round((this.option.fontSize / clientHeight) * 100);
|
||||||
},
|
},
|
||||||
onChange: (index) => {
|
onChange: (index) => {
|
||||||
const { $fontSizeValue } = this.template;
|
const { $fontSizeValue } = this.template;
|
||||||
@@ -444,13 +443,15 @@ export default class Setting {
|
|||||||
steps: this.SPEED,
|
steps: this.SPEED,
|
||||||
container: this.template.$speedSlider,
|
container: this.template.$speedSlider,
|
||||||
findIndex: () => {
|
findIndex: () => {
|
||||||
return this.SPEED.findIndex((item) => item.value === this.option.speed) || 2;
|
return this.SPEED.findIndex((item) => item.value === this.option.speed);
|
||||||
},
|
},
|
||||||
onChange: (index) => {
|
onChange: (index) => {
|
||||||
const speed = this.SPEED[index];
|
const speed = this.SPEED[index];
|
||||||
|
if (!speed) return;
|
||||||
const { $speedValue } = this.template;
|
const { $speedValue } = this.template;
|
||||||
$speedValue.textContent = speed.name;
|
$speedValue.textContent = speed.name;
|
||||||
const value = speed.value;
|
const value = speed.value;
|
||||||
|
console.log(index, value);
|
||||||
if (value !== this.option.speed) {
|
if (value !== this.option.speed) {
|
||||||
this.danmuku.config({
|
this.danmuku.config({
|
||||||
speed: value,
|
speed: value,
|
||||||
@@ -482,13 +483,13 @@ export default class Setting {
|
|||||||
let isDroging = false;
|
let isDroging = false;
|
||||||
|
|
||||||
function reset(index = findIndex()) {
|
function reset(index = findIndex()) {
|
||||||
const value = clamp(index, min, max);
|
if (index < min || index > max) return;
|
||||||
const percentage = (value - min) / (max - min);
|
const percentage = (index - min) / (max - min);
|
||||||
$dot.style.left = `${percentage * 100}%`;
|
$dot.style.left = `${percentage * 100}%`;
|
||||||
if (steps.length === 0) {
|
if (steps.length === 0) {
|
||||||
$progress.style.width = $dot.style.left;
|
$progress.style.width = $dot.style.left;
|
||||||
}
|
}
|
||||||
onChange(value);
|
onChange(index);
|
||||||
}
|
}
|
||||||
|
|
||||||
function updateLeft(event) {
|
function updateLeft(event) {
|
||||||
|
|||||||
Reference in new issue
Block a user