feat: video resolution choose

src/view/com/util/post-embeds/VideoEmbedInner/web-controls/VideoControls.tsx

@@ -1,4 +1,10 @@
-import React, {useCallback, useEffect, useRef, useState} from 'react'
+import React, {
+  ChangeEvent,
+  useCallback,
+  useEffect,
+  useRef,
+  useState,
+} from 'react'
 import {Pressable, View} from 'react-native'
 import {msg, Trans} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
@@ -284,6 +290,13 @@ export function Controls({
     [onEndHover],
   )
 
+  const onChangeBitrate = (event: ChangeEvent<HTMLSelectElement>) => {
+    if (!hlsRef.current) {
+      return
+    }
+    hlsRef.current.currentLevel = parseInt(event.target.value)
+  }
+
   const showControls =
     ((focused || autoplayDisabled) && !playing) ||
     (interactingViaKeypress ? hasFocus : hovered)
@@ -380,6 +393,15 @@ export function Controls({
             ]}>
             {formatTime(currentTime)} / {formatTime(duration)}
           </Text>
+          {hlsRef.current && (
+            <select onChange={onChangeBitrate}>
+              {hlsRef.current.levels.map((level, id) => (
+                <option key={id} value={id}>
+                  <Text>{level.height}p</Text>
+                </option>
+              ))}
+            </select>
+          )}
           {hasSubtitleTrack && (
             <ControlButton
               active={subtitlesEnabled}