What is the best way to retrieve the current quality label from JWPlayer using JavaScript?

Question

What is the best way to retrieve the current quality label from JWPlayer using JavaScript?

My goal is to retrieve the Current Quality Label from JWPlayer 7 using JS, but instead of getting the defined labels like 360p, 480p, 720p, I'm only receiving numbers such as 1, 2, 3...

This is what I've tried:

playerInstance.getCurrentQuality();
//it returns: 1 or 2 or 3 stream number

I also attempted:

playerInstance.getQualityLevels();
//it returns: [object Object],[object Object],[object Object]

I even tried this:

playerInstance.getQualityLevels('label');
//unfortunately, it still returns: [object Object],[object Object],[object Object]

Is there another method or workaround to successfully obtain the Current Quality Label?

javascript jwplayer jwplayer7

Answer 1

Answer №1

To retrieve an array of string values (as opposed to an array of objects), you can utilize Array.prototype.map:

var categories = userInstance.getCategoryTypes().map(function (obj) { return obj.name; })

Afterwards, you may consider utilizing the value from getCurrentCategory as an index:

var category = categories[userInstance.getCurrentCategory()];

Answer 2

To retrieve an array of string values (as opposed to an array of objects), you can utilize Array.prototype.map:

var categories = userInstance.getCategoryTypes().map(function (obj) { return obj.name; })

Afterwards, you may consider utilizing the value from getCurrentCategory as an index:

var category = categories[userInstance.getCurrentCategory()];

What is the best way to retrieve the current quality label from JWPlayer using JavaScript?

Answer №1

Similar questions

Restricting character count when displaying output in JavaScript

combining the package.json files of the client and server into a single file

Using React.js to create a modal that includes ExpansionPanelDetails with a Checkbox feature

Error: Jest encounters an unexpected token 'export' when using Material UI

Issues with styled-components media queries not functioning as expected

Keeping the scroll in place on a Bootstrap4 modal while scrolling through content that is already at the top

Efficient method of delivering cohesive information from database to user without the need for continuous querying

Unable to Retrieve Modified Content with $().text();

Executing Multiple AJAX Requests Sequentially with JQuery

Passing Props from _app.js to Page in ReactJS and NextJS

Is there a way to navigate directly to a specific section without triggering scroll behavior? Are there any alternatives to scrollIntoView() that do not

What is the process for generating a fresh instance of an Angular service?

The height of a DIV element can vary based on

Converting an array into a string, transitioning from PHP to JavaScript

Error! D3.js is throwing an Uncaught TypeError because it cannot find the function .enter(...).append(...).merge

Passing props to children in the Next JS Layout component is a crucial aspect of

The error message "SharedArrayBuffer is not defined" occurred when attempting to utilize ffmpeg.wasm

Mini-navigation bar scrolling

A ServiceWorker used a promise in FetchEvent.respondWith() that resulted in a non-Response value of 'undefined'. This caused an issue in browser-sync

Angular2 Error: Cannot have two identifiers with the same name, 'PropertyKey' is duplicated