LogalDeveloper/owncast
0
Fork 0
Code Activity

Prettified Code!

Browse Source
This commit is contained in:
gabek
2021-03-11 20:52:18 +00:00
committed by GitHub Action
parent c713e216d3
commit a79db1b589
1 changed files with 26 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
webroot/js/components/player.js
View File

@@ -141,23 +141,23 @@ class OwncastPlayer {
// console.log(`>>> Player: ${message}`); // console.log(`>>> Player: ${message}`);
} }
async addQualitySelector() { async addQualitySelector() {
if (this.qualityMenuButton) { if (this.qualityMenuButton) {
player.controlBar.removeChild(this.qualityMenuButton) player.controlBar.removeChild(this.qualityMenuButton);
} }
videojs.hookOnce( videojs.hookOnce(
'setup', 'setup',
async function (player) { async function (player) {
var qualities = []; var qualities = [];
try { try {
const response = await fetch("/api/video/variants"); const response = await fetch('/api/video/variants');
qualities = await response.json(); qualities = await response.json();
} catch(e) { } catch (e) {
console.log(e); console.log(e);
} }
var MenuItem = videojs.getComponent('MenuItem'); var MenuItem = videojs.getComponent('MenuItem');
var MenuButtonClass = videojs.getComponent('MenuButton'); var MenuButtonClass = videojs.getComponent('MenuButton');
var MenuButton = videojs.extend(MenuButtonClass, { var MenuButton = videojs.extend(MenuButtonClass, {
@@ -168,8 +168,7 @@ class OwncastPlayer {
MenuButtonClass.call(this, player); MenuButtonClass.call(this, player);
}, },
handleClick: function () { handleClick: function () {},
},
createItems: function () { createItems: function () {
const defaultAutoItem = new MenuItem(player, { const defaultAutoItem = new MenuItem(player, {
@@ -186,10 +185,13 @@ class OwncastPlayer {
// Quality selected // Quality selected
newMenuItem.on('click', function () { newMenuItem.on('click', function () {
// Only enable this single, selected representation. // Only enable this single, selected representation.
player.tech({ IWillNotUseThisInPlugins: true }).vhs.representations().forEach(function(rep, index) { player
rep.enabled(index === item.index); .tech({ IWillNotUseThisInPlugins: true })
}); .vhs.representations()
newMenuItem.selected(false) .forEach(function (rep, index) {
rep.enabled(index === item.index);
});
newMenuItem.selected(false);
}); });
return newMenuItem; return newMenuItem;
@@ -197,10 +199,13 @@ class OwncastPlayer {
defaultAutoItem.on('click', function () { defaultAutoItem.on('click', function () {
// Re-enable all representations. // Re-enable all representations.
player.tech({ IWillNotUseThisInPlugins: true }).vhs.representations().forEach(function(rep, index) { player
rep.enabled(true); .tech({ IWillNotUseThisInPlugins: true })
}); .vhs.representations()
defaultAutoItem.selected(false) .forEach(function (rep, index) {
rep.enabled(true);
});
defaultAutoItem.selected(false);
}); });
return [defaultAutoItem, ...items]; return [defaultAutoItem, ...items];
@@ -209,7 +214,11 @@ class OwncastPlayer {
var menuButton = new MenuButton(); var menuButton = new MenuButton();
menuButton.addClass('vjs-quality-selector'); menuButton.addClass('vjs-quality-selector');
player.controlBar.addChild(menuButton, {}, player.controlBar.children_.length -2 ); player.controlBar.addChild(
menuButton,
{},
player.controlBar.children_.length - 2
);
this.qualityMenuButton = menuButton; this.qualityMenuButton = menuButton;
}.bind(this) }.bind(this)