etc/VueTube
0
0
Fork 0
mirror of https://github.com/VueTubeApp/VueTube synced 2024-11-25 20:55:17 +00:00
Code Issues Projects Releases Wiki Activity

add timeouts to cleanup, remove ugly box shadow i forgor about

Browse source
This commit is contained in:
Nikita Krupin 2022-07-31 23:02:04 -04:00
parent 5df6e3e007
commit 47dc607d28
3 changed files with 7 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
NUXT/components/Player/index.vue
View file

@ -441,7 +441,7 @@ export default {
// TODO: detect this.isMusic from the video or channel metadata instead of just SB segments // TODO: detect this.isMusic from the video or channel metadata instead of just SB segments
vid.addEventListener("loadeddata", (e) => { this.$refs.player.addEventListener("loadeddata", (e) => {
// console.log(e); // console.log(e);
// if (vid.networkState === vid.NETWORK_LOADING) { // if (vid.networkState === vid.NETWORK_LOADING) {
// // The user agent is actively trying to download data. // // The user agent is actively trying to download data.
@ -465,7 +465,7 @@ export default {
this.$refs.player.loop = this.$store.state.player.loop; this.$refs.player.loop = this.$store.state.player.loop;
this.$refs.audio.loop = this.$store.state.player.loop; this.$refs.audio.loop = this.$store.state.player.loop;
vid.addEventListener("timeupdate", () => { this.$refs.player.addEventListener("timeupdate", () => {
if (!this.seeking) this.progress = vid.currentTime; // for seekbar if (!this.seeking) this.progress = vid.currentTime; // for seekbar
// console.log("sb check", this.blocks); // console.log("sb check", this.blocks);
@ -488,7 +488,7 @@ export default {
}); });
// TODO: handle video ending with a "replay" button instead of <playpause /> if not on loop // TODO: handle video ending with a "replay" button instead of <playpause /> if not on loop
// TODO: split buffering into multiple sections as it should be for back/forth scrubbing // TODO: split buffering into multiple sections as it should be for back/forth scrubbing
vid.addEventListener("progress", () => { this.$refs.player.addEventListener("progress", () => {
if (this.bufferingDetected) { if (this.bufferingDetected) {
this.$refs.audio.currentTime = vid.currentTime; this.$refs.audio.currentTime = vid.currentTime;
clearTimeout(this.bufferingDetected); clearTimeout(this.bufferingDetected);
@ -501,7 +501,7 @@ export default {
// buffering detection & sync // buffering detection & sync
let threshold = 250; //ms after which user perceives buffering let threshold = 250; //ms after which user perceives buffering
vid.addEventListener("waiting", () => { this.$refs.player.addEventListener("waiting", () => {
if (!vid.paused) { if (!vid.paused) {
this.bufferingDetected = setTimeout(() => { this.bufferingDetected = setTimeout(() => {
this.bufferingDetected = true; this.bufferingDetected = true;
@ -510,7 +510,7 @@ export default {
}, threshold); }, threshold);
} }
}); });
vid.addEventListener("playing", () => { this.$refs.player.addEventListener("playing", () => {
if (this.bufferingDetected != false) { if (this.bufferingDetected != false) {
clearTimeout(this.bufferingDetected); clearTimeout(this.bufferingDetected);
this.$refs.audio.currentTime = vid.currentTime; this.$refs.audio.currentTime = vid.currentTime;
@ -531,8 +531,9 @@ export default {
}, },
methods: { methods: {
cleanup() { cleanup() {
this.xhr.abort(); if (this.xhr) this.xhr.abort();
if (this.isFullscreen) this.exitFullscreen(); if (this.isFullscreen) this.exitFullscreen();
if (this.bufferingDetected) clearTimeout(this.bufferingDetected);
screen.orientation.removeEventListener("change"); screen.orientation.removeEventListener("change");
this.$refs.player.removeEventListener("loadeddata"); this.$refs.player.removeEventListener("loadeddata");
this.$refs.player.removeEventListener("timeupdate"); this.$refs.player.removeEventListener("timeupdate");

1
NUXT/components/Player/sponsorblock.vue
View file

@ -10,7 +10,6 @@
pointer-events: none; pointer-events: none;
background: transparent; background: transparent;
transform: translateY(50%); transform: translateY(50%);
box-shadow: 0 0 1rem 1rem red;
" "
:class="!fullscreen || controls ? '' : 'invisible'" :class="!fullscreen || controls ? '' : 'invisible'"
:background-color="colors[block.category]" :background-color="colors[block.category]"

17
android/.idea/deploymentTargetDropDown.xml
View file

@ -1,17 +0,0 @@
<?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-97QAY11P1S-NELaqI._adb-tls-connect._tcp." />
</Key>
</deviceKey>
</Target>
</runningDeviceTargetSelectedWithDropDown>
<timeTargetWasSelectedWithDropDown value="2022-08-01T02:55:54.306038Z" />
</component>
</project>