Infrastructure/safetwitch
0
Fork 0
mirror of https://codeberg.org/SafeTwitch/safetwitch.git synced 2025-01-03 11:20:07 -05:00
Code Issues Activity

Fix quality selector

Browse source
This commit is contained in:
dragongoose 2023-05-18 21:50:56 -04:00
parent a79841af62
commit 8c5a9c7041
1 changed files with 16 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/assets/qualitySelector.ts
View file

@ -32,6 +32,7 @@ export const createQualitySelector = (player: any) => {
return this.options_.items.map((item: { name: string }) => {
const qualitySelectorButton = new MenuItem(player, { label: item.name })
qualitySelectorButton.handleClick = (data) => {
const qualityClicked = data.currentTarget.innerText
const id = formatedQualities.find((i) => i.name === qualityClicked)?.id
@ -44,8 +45,21 @@ export const createQualitySelector = (player: any) => {
return qualitySelectorButton
})
}
buildCSSClass() {
return `vjs-icon-cog ${super.buildCSSClass()}`
}
}
videojs.registerComponent('CustomMenuButton', CustomMenuButton)
const formattedLevels = []
const updateLevels = (items: { name: string; index: number; id: string; }[]) => {
player.controlBar.removeChild('CustomMenuButton')
player.controlBar.addChild('CustomMenuButton', {
title: 'Qualities',
items: formatedQualities
})
}
qualityLevels.on('addqualitylevel', () => {
formatedQualities = qualityLevels.levels_.map((quality: QualityLevel) => {
@ -56,10 +70,8 @@ export const createQualitySelector = (player: any) => {
}
})
player.controlBar.addChild('CustomMenuButton', {
title: 'Qualities',
items: formatedQualities
})
formattedLevels.push(formatedQualities)
updateLevels()
})
qualityLevels.on('change', function () {