etc
/
VueTube
mirror of https://github.com/VueTubeApp/VueTube
0
0
Fork 0
Code Issues Projects Releases Wiki Activity

seekbar cleanup

This commit is contained in:
Nikita Krupin 2022-06-08 12:42:03 -04:00
parent 89e521300f
commit 3e1340d616
2 changed files with 12 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
NUXT/components/Player/index.vue
View File

@ -263,13 +263,13 @@
<seekbar <seekbar
v-if="$refs.player" v-if="$refs.player"
v-show="!isFullscreen || controls" v-show="!isFullscreen || controls"
:fullscreen="isFullscreen"
:video="$refs.player"
:sources="sources"
:controls="controls"
:current-time="$refs.player.currentTime"
:progress="progress"
:duration="$refs.player.duration" :duration="$refs.player.duration"
:fullscreen="isFullscreen"
:current-time="progress"
:video="$refs.player"
:controls="controls"
:sources="sources"
:seeking="seeking"
@seeking="seeking = !seeking" @seeking="seeking = !seeking"
/> />
<sponsorblock <sponsorblock
@ -333,7 +333,6 @@ export default {
contain: true, contain: true,
progress: 0, progress: 0,
buffered: 0, buffered: 0,
duration: 0,
watched: 0, watched: 0,
blocks: [], blocks: [],
vidSrc: "", vidSrc: "",
@ -356,10 +355,11 @@ export default {
// console.log(e); // console.log(e);
if (vid.readyState >= 3) { if (vid.readyState >= 3) {
vid.addEventListener("timeupdate", () => { vid.addEventListener("timeupdate", () => {
if (!this.seeking) this.progress = vid.currentTime; if (!this.seeking) this.progress = vid.currentTime; // for seekbar
// console.log("sb check", this.blocks); // console.log("sb check", this.blocks);
// iterate over data.segments array // iterate over data.segments array
// for sponsorblock
if (this.blocks.length > 0) if (this.blocks.length > 0)
this.blocks.forEach((sponsor) => { this.blocks.forEach((sponsor) => {
let vidTime = vid.currentTime; let vidTime = vid.currentTime;

13
NUXT/components/Player/seekbar.vue
View File

@ -25,11 +25,11 @@
" "
:thumb-size="0" :thumb-size="0"
:max="duration" :max="duration"
:value="progress" :value="currentTime"
@start="(scrubbing = true), $emit('seeking')" @start="$emit('seeking')"
@end="(scrubbing = false), $emit('seeking')" @end="$emit('seeking')"
@change="scrub($event)" @change="scrub($event)"
@input="scrubbing ? seek($event) : null" @input="seeking ? seek($event) : null"
> >
<template #thumb-label="{ value }"> <template #thumb-label="{ value }">
<div style="transform: translateY(-50%)"> <div style="transform: translateY(-50%)">
@ -77,17 +77,12 @@ export default {
type: Number, type: Number,
required: true, required: true,
}, },
progress: {
type: Number,
required: true,
},
duration: { duration: {
type: Number, type: Number,
required: true, required: true,
}, },
}, },
data: () => ({ data: () => ({
scrubbing: false,
vidWrs: "", vidWrs: "",
}), }),
mounted() { mounted() {