etc/VueTube
0
0
Fork 0
mirror of https://github.com/VueTubeApp/VueTube synced 2024-10-31 17:02:38 +00:00
Code Issues Projects Releases Wiki Activity

feat: ✨ beta player time info

Browse source
This commit is contained in:
Kenny 2022-05-05 08:28:32 -04:00
parent 9acc1ceef4
commit cce0d90802
3 changed files with 30 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
NUXT/components/Player/controls.vue
View file

@ -9,7 +9,7 @@
</div>
<div class="bottomVideoControls">
{{ watched }} <span style="color: #999;">/ {{ video.duration }}</span>
{{ watched }} <span style="color: #999;">/ {{ $vuetube.humanTime(video.duration) }}</span>
</div>
</div>
@ -67,7 +67,7 @@
mounted() {
this.video.ontimeupdate = () => {
console.log(this.video.currentTime)
this.watched = this.video.currentTime;
this.watched = this.$vuetube.humanTime(this.video.currentTime);
};
},

24
NUXT/plugins/utils.js
View file

@ -77,28 +77,6 @@ function linkParser(url) {
}
const delay = (ms) => new Promise((res) => setTimeout(res, ms));
//--- Convert Time To Human Readable String ---//
function humanTime(seconds) {
let levels = [
Math.floor(seconds / 31536000), //Years
Math.floor((seconds % 31536000) / 86400), //Days
Math.floor(((seconds % 31536000) % 86400) / 3600), //Hours
Math.floor((((seconds % 31536000) % 86400) % 3600) / 60), //Minutes
(((seconds % 31536000) % 86400) % 3600) % 60, //Seconds
];
let returntext = new String();
for (const i in levels) {
const num = levels[i].toString().length == 1 ? "0"+levels[i] : levels[i]; // If Number Is Single Digit, Add 0 In Front
returntext += ":"+num;
}
while (returntext.startsWith(":00")) { returntext = returntext.substring(3); } // Remove Prepending 0s (eg. 00:00:00:01:00)
if (returntext.startsWith(":0")) { returntext = returntext.substring(2); } else { returntext = returntext.substring(1); } // Prevent Time Starting With 0 (eg. 01:00)
return returntext
}
//--- End Convert Time To Human Readable String ---//
module.exports = {
getBetweenStrings,
hexToRgb,
@ -107,5 +85,5 @@ module.exports = {
getMutationByKey,
linkParser,
delay,
parseEmoji,
parseEmoji
};

27
NUXT/plugins/vuetube.js
View file

@ -109,6 +109,33 @@ const module = {
rgbToHex(r, g, b) {
return rgbToHex(r, g, b);
},
//--- Convert Time To Human Readable String ---//
humanTime(seconds=0) {
seconds = Math.floor(seconds); // Not doing this seems to break the calculation
let levels = [
Math.floor(seconds / 31536000), //Years
Math.floor((seconds % 31536000) / 86400), //Days
Math.floor(((seconds % 31536000) % 86400) / 3600), //Hours
Math.floor((((seconds % 31536000) % 86400) % 3600) / 60), //Minutes
(((seconds % 31536000) % 86400) % 3600) % 60, //Seconds
];
let returntext = new String();
for (const i in levels) {
const num = levels[i].toString().length == 1 ? "0"+levels[i] : levels[i]; // If Number Is Single Digit, Add 0 In Front
returntext += ":"+num;
}
while (returntext.startsWith(":00")) { returntext = returntext.substring(3); } // Remove Prepending 0s (eg. 00:00:00:01:00)
if (returntext.startsWith(":0")) { returntext = returntext.substring(2); } else { returntext = returntext.substring(1); } // Prevent Time Starting With 0 (eg. 01:00)
console.log("Human Time:", returntext)
return returntext;
}
//--- End Convert Time To Human Readable String ---//
};
//--- Start ---//