Как получить доступные уровни качества и языков аудиодорожки в video.js плеере?

Question

[Niksak]

Я уже замучился искать варианты. Плагины video.js по какой-либо причине не очень жалуют работать. Все отлично работает с библиотекой hls.js но только в том случае если я вставляю обычный плеер ( просто тег video ). Если я инициализирую видео плеер video.js то не работает.
Задача: спарсить поток m3u8, достать оттуда все доступные конкретно для этого потока уровни качества и языки аудиодорожки.
Запихнуть это все в кастомное меню ( допустим, селектор пока что ) и по нажатию на кнопку менять качество или же язык аудиодорожки.

Код инициализации videojs:

<template>
  <div>
    <video ref="videoPlayer" class="video-js vjs-default-skin"></video>
    <button @click="changeQuality(0)">360p</button>
  </div>
</template>

<script>
import videojs from 'video.js';
import 'videojs-contrib-hls';

export default {
  name: 'HelloWorld',
  data() {
    return {
      videoUrl: 'https://e10-ll.facecast.net/public/119522.m3u8',
      player: null,
    }
  },

  mounted() {
    this.player = videojs(this.$refs.videoPlayer, {
        autoplay: true,
        controls: true,
        sources: [
          {
            src: this.videoUrl,       
            type: 'application/x-mpegURL'
          }
        ]
    });
  },

  beforeDestroy() {
    if (this.player) {
      this.player.dispose();
    }
  },

}
</script>

Помогите плиз, я могу с помощью обычных средств video.js вывести доступные уровни качества и языки но как-то не смог абсолютно никак вручную менять это:( Чат гпт уже замучил)