Bump the nitro group across 2 directories with 2 updates

Bumps the nitro group with 2 updates in the / directory: [nitrogen](https://github.com/mrousavy/nitro) and [react-native-nitro-modules](https://github.com/mrousavy/nitro).
Bumps the nitro group with 1 update in the /example directory: [react-native-nitro-modules](https://github.com/mrousavy/nitro).


Updates `nitrogen` from 0.35.3 to 0.35.9
- [Release notes](https://github.com/mrousavy/nitro/releases)
- [Commits](https://github.com/mrousavy/nitro/compare/v0.35.3...v0.35.9)

Updates `react-native-nitro-modules` from 0.35.3 to 0.35.9
- [Release notes](https://github.com/mrousavy/nitro/releases)
- [Commits](https://github.com/mrousavy/nitro/compare/v0.35.3...v0.35.9)

Updates `react-native-nitro-modules` from 0.35.3 to 0.35.9
- [Release notes](https://github.com/mrousavy/nitro/releases)
- [Commits](https://github.com/mrousavy/nitro/compare/v0.35.3...v0.35.9)

Updates `react-native-nitro-modules` from 0.35.3 to 0.35.9
- [Release notes](https://github.com/mrousavy/nitro/releases)
- [Commits](https://github.com/mrousavy/nitro/compare/v0.35.3...v0.35.9)

Updates `react-native-nitro-modules` from 0.35.3 to 0.35.9
- [Release notes](https://github.com/mrousavy/nitro/releases)
- [Commits](https://github.com/mrousavy/nitro/compare/v0.35.3...v0.35.9)

---
updated-dependencies:
- dependency-name: nitrogen
  dependency-version: 0.35.5
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: nitro
- dependency-name: react-native-nitro-modules
  dependency-version: 0.35.5
  dependency-type: direct:production
  update-type: version-update:semver-patch
  dependency-group: nitro
- dependency-name: react-native-nitro-modules
  dependency-version: 0.35.5
  dependency-type: direct:production
  update-type: version-update:semver-patch
  dependency-group: nitro
- dependency-name: react-native-nitro-modules
  dependency-version: 0.35.5
  dependency-type: direct:production
  update-type: version-update:semver-patch
  dependency-group: nitro
- dependency-name: react-native-nitro-modules
  dependency-version: 0.35.5
  dependency-type: direct:production
  update-type: version-update:semver-patch
  dependency-group: nitro
...

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

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'

example/package.json

@@ -16,7 +16,7 @@
 		"react": "19.2.3",
 		"react-dom": "19.2.3",
 		"react-native": "0.84.1",
-		"react-native-nitro-modules": "0.35.3",
+		"react-native-nitro-modules": "0.35.9",
 		"react-native-safe-area-context": "^5.5.2",
 		"react-native-web": "^0.20.0"
 	},

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",
@@ -63,11 +64,11 @@
 		"@biomejs/biome": "2.4.10",
 		"@types/jest": "^29.5.12",
 		"@types/react": "19.2.0",
-		"nitrogen": "0.35.3",
+		"nitrogen": "0.35.9",
 		"react": "19.2.3",
 		"react-native": "0.84.1",
 		"react-native-builder-bob": "^0.40.18",
-		"react-native-nitro-modules": "0.35.3",
+		"react-native-nitro-modules": "0.35.9",
 		"typescript": "^5.8.3"
 	},
 	"peerDependencies": {

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>