0
0
Fork 0
mirror of https://github.com/VueTubeApp/VueTube synced 2024-11-29 22:53:05 +00:00

controls handler & fullscreen scrubbing bugfix

This commit is contained in:
Nikita Krupin 2022-06-08 21:17:42 -04:00
parent 8eeb3821f4
commit d324bdcf73
2 changed files with 24 additions and 10 deletions

View file

@ -69,16 +69,12 @@
<div <div
v-if="seeking" v-if="seeking"
style=" class="d-flex justify-center"
left: 50%; style="width: 100%; top: 0.5rem; position: absolute; font-size: 0.66rem"
top: 0.5rem;
position: absolute;
transform: translateX(-50%);
"
> >
<v-icon small>mdi-rewind</v-icon> <v-icon small class="pr-2">mdi-rewind</v-icon>
Doubletap left or right to skip 10 seconds Doubletap left or right to skip 10 seconds
<v-icon small>mdi-fast-forward</v-icon> <v-icon small class="pl-2">mdi-fast-forward</v-icon>
</div> </div>
<!-- controls container --> <!-- controls container -->
@ -135,7 +131,7 @@
v-if="$refs.player" v-if="$refs.player"
:video="$refs.player" :video="$refs.player"
@pause="$refs.player.pause()" @pause="$refs.player.pause()"
@play="$refs.player.play(), (controls = false)" @play="$refs.player.play(), controlsHandler()"
/> />
<v-btn fab text color="white" class="px-4" disabled @click.stop=""> <v-btn fab text color="white" class="px-4" disabled @click.stop="">
<v-icon size="2rem">mdi-skip-next</v-icon> <v-icon size="2rem">mdi-skip-next</v-icon>
@ -369,12 +365,13 @@ export default {
this.$refs.player.currentTime += time; this.$refs.player.currentTime += time;
}, },
// TODO: fix dis
controlsHandler() { controlsHandler() {
if (!this.seeking) if (!this.seeking)
this.controls this.controls
? (clearTimeout(this.controls), (this.controls = false)) ? (clearTimeout(this.controls), (this.controls = false))
: setTimeout(() => { : setTimeout(() => {
if (!this.skipping) { if (!this.seeking) {
this.controls = setTimeout(() => { this.controls = setTimeout(() => {
this.controls = false; this.controls = false;
}, 2345); }, 2345);

View file

@ -0,0 +1,17 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="deploymentTargetDropDown">
<runningDeviceTargetSelectedWithDropDown>
<Target>
<type value="RUNNING_DEVICE_TARGET" />
<deviceKey>
<Key>
<type value="SERIAL_NUMBER" />
<value value="adb-a3727009-qqx3Xy._adb-tls-connect._tcp." />
</Key>
</deviceKey>
</Target>
</runningDeviceTargetSelectedWithDropDown>
<timeTargetWasSelectedWithDropDown value="2022-06-09T01:16:48.483156Z" />
</component>
</project>