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

video quality selector beta

This commit is contained in:
Nikita Krupin 2022-05-29 14:42:39 -04:00
parent 05cf9a7292
commit 8bbbca2bef
2 changed files with 28 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
NUXT/components/Player/quality.vue
View File

@ -9,42 +9,41 @@
<v-btn
fab
text
disabled
style="position: absolute; bottom: 0.25rem; right: 4rem"
v-bind="attrs"
v-on="on"
>
HD
{{ sources.find((src) => src.url == video.src).qualityLabel }}
</v-btn>
</template>
<v-card class="background">
<v-subheader>Playback Speed</v-subheader>
<v-card-text style="height: 50vh" class="ma-0 pa-0">
<v-list>
<v-list-item
v-for="src in sources"
:key="src"
@click="(sheet = false), (video.src = src.url)"
>
<v-list-item-avatar>
<v-icon
:color="
video.src === src.url
? 'primary'
: $vuetify.theme.dark
? 'background lighten-2'
: 'background darken-2'
"
v-text="
video.src === src.url
? 'mdi-checkbox-outline'
: 'mdi-checkbox-blank-outline'
"
></v-icon>
</v-list-item-avatar>
<v-list-item-title>{{ sped }}X</v-list-item-title>
</v-list-item>
</v-list>
<v-card-text style="max-height: 50vh" class="pa-0">
<v-list-item
v-for="src in sources"
:key="src"
@click="(sheet = false), (video.src = src.url)"
>
<v-list-item-avatar>
<v-icon
:color="
video.src === src.url
? 'primary'
: $vuetify.theme.dark
? 'background lighten-2'
: 'background darken-2'
"
v-text="
video.src === src.url
? 'mdi-checkbox-outline'
: 'mdi-checkbox-blank-outline'
"
></v-icon>
</v-list-item-avatar>
<v-list-item-title>
{{ src.qualityLabel }} ({{ src.quality }})
</v-list-item-title>
</v-list-item>
</v-card-text>
</v-card>
</v-bottom-sheet>
@ -57,11 +56,5 @@ export default {
data: () => ({
sheet: false,
}),
mounted() {
console.log(
"sourcessourcessourcessourcessourcessourcessources",
this.sources
);
},
};
</script>

2
NUXT/components/Player/speed.vue
View File

@ -52,7 +52,7 @@ export default {
props: ["video"],
data: () => ({
sheet: false,
speeds: [0.25, 0.5, 0.75, 1, 1.25, 1.5, 1.75, 2, 3, 4, 5, 10],
speeds: [0.25, 0.5, 0.75, 1, 1.25, 1.5, 1.75, 2, 3, 4, 8, 16],
}),
};
</script>