Bump actions/cache from 4 to 6

Bumps [actions/cache](https://github.com/actions/cache) from 4 to 6.
- [Release notes](https://github.com/actions/cache/releases)
- [Changelog](https://github.com/actions/cache/blob/main/RELEASES.md)
- [Commits](https://github.com/actions/cache/compare/v4...v6)

---
updated-dependencies:
- dependency-name: actions/cache
  dependency-version: '6'
  dependency-type: direct:production
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>

.github/workflows/android-build.yml

@@ -53,7 +53,7 @@ jobs:
           cache: 'gradle'
 
       - name: Cache Gradle
-        uses: actions/cache@v4
+        uses: actions/cache@v6
         with:
           path: |
             ~/.gradle/caches

.github/workflows/ios-build.yml

@@ -71,7 +71,7 @@ jobs:
         run: gem install xcpretty
 
       - name: Cache CocoaPods
-        uses: actions/cache@v4
+        uses: actions/cache@v6
         with:
           path: |
             ~/.cocoapods/repos

.github/workflows/release.yml

@@ -30,7 +30,7 @@ jobs:
           bun-version: latest
       - name: Cache bun dependencies
         id: bun-cache
-        uses: actions/cache@v4
+        uses: actions/cache@v6
         with:
           path: ~/.bun/install/cache
           key: ${{ runner.os }}-bun-${{ hashFiles('**/bun.lockb') }}

example/App.tsx

@@ -381,7 +381,7 @@ function PlayerExample({
 								isAutoQuality && styles.selectedTrackButtonText,
 							]}
 						>
-							Auto
+							Auto{isAutoQuality && tracks.renditions.find(r => r.selected) ? ` (${tracks.renditions.find(r => r.selected)!.height}p)` : ""}
 						</Text>
 					</Pressable>
 					{tracks.renditions.length === 0 ? (

example/Gemfile

@@ -7,7 +7,7 @@ ruby ">= 2.6.10"
 gem 'cocoapods', '>= 1.13', '!= 1.15.0', '!= 1.15.1'
 gem 'activesupport', '>= 6.1.7.5', '!= 7.1.0'
 gem 'xcodeproj', '< 1.26.0'
-gem 'concurrent-ruby', '< 1.3.8'
+gem 'concurrent-ruby', '< 1.3.4'
 
 # Ruby 3.4.0 has removed some libraries from the standard library.
 gem 'bigdecimal'

package.json

@@ -10,6 +10,7 @@
 	"scripts": {
 		"dev": "cd example && bun start",
 		"android": " cd example && bunx react-native run-android --no-packager --port 8082",
+		"web": "cd example && bun web",
 		"typecheck": "tsc --noEmit && tsc -p plugin/tsconfig.json --noEmit",
 		"build:plugin": "tsc -p plugin/tsconfig.json",
 		"build": "bun run typecheck && bob build && bun run build:plugin",

src/player.web.tsx

@@ -1,4 +1,5 @@
 import type { VideoPlayerStore } from "@videojs/core/dom";
+import type Hls from "hls.js";
 import { stateMapper } from "./events.web";
 import type {
 	OmniPlayer,
@@ -17,6 +18,11 @@ export class WebOmniPlayer implements OmniPlayer {
 		this._store = store;
 	}
 
+	private getHls(): Hls | null {
+		const media = this._store.target?.media;
+		return (media?.engine as Hls | undefined) ?? null;
+	}
+
 	source: Source | null = null;
 
 	get showNotification(): boolean {
@@ -78,7 +84,9 @@ export class WebOmniPlayer implements OmniPlayer {
 	}
 
 	get isAutoQuality(): boolean {
-		return true;
+		const hls = this.getHls();
+		if (!hls) return false;
+		return hls.autoLevelEnabled;
 	}
 
 	play(): void {
@@ -112,16 +120,31 @@ export class WebOmniPlayer implements OmniPlayer {
 	}
 
 	get videos(): Track[] {
+		// hls.js does not support alternative video tracks (e.g. camera angles)
 		return [];
 	}
 
-	selectVideo(video: Track): void {}
+	selectVideo(_video: Track): void {
+		// hls.js does not support alternative video tracks
+	}
 
 	get audios(): Track[] {
-		return [];
+		const hls = this.getHls();
+		if (!hls) return [];
+		const currentTrackId = hls.audioTrack;
+		return hls.audioTracks.map((track, index) => ({
+			id: index.toString(),
+			label: track.name,
+			language: track.lang,
+			selected: index === currentTrackId,
+		}));
 	}
 
-	selectAudio(audio: Track): void {}
+	selectAudio(audio: Track): void {
+		const hls = this.getHls();
+		if (!hls) return;
+		hls.audioTrack = parseInt(audio.id, 10);
+	}
 
 	get subtitles(): Track[] {
 		return this._store.textTrackList
@@ -145,10 +168,21 @@ export class WebOmniPlayer implements OmniPlayer {
 	}
 
 	get rendition(): Rendition[] {
-		return [];
+		const hls = this.getHls();
+		if (!hls) return [];
+		const currentLevel = hls.currentLevel;
+		return hls.levels.map((level, index) => ({
+			id: index.toString(),
+			width: level.width,
+			height: level.height,
+			bitrate: level.bitrate,
+			selected: index === currentLevel,
+		}));
 	}
 
-	selectRendition(_rendition?: Rendition): void {
-		// Auto quality is handled by videojs/HLS
+	selectRendition(rendition?: Rendition): void {
+		const hls = this.getHls();
+		if (!hls) return;
+		hls.nextLevel = rendition ? parseInt(rendition.id, 10) : -1;
 	}
 }

src/view.web.tsx

@@ -24,6 +24,7 @@ export const OmniView = ({
 					autoPlay={autoplay}
 					playsInline
 					crossOrigin="anonymous"
+					style={{ width: "100%", height: "100%", objectFit: "cover" }}
 				/>
 			)}
 		</VideoPlayer.Container>