feat: add Predefined resolutions

Author: olivier-lando

example/src/App.tsx

@@ -7,15 +7,15 @@ import {
   StatusBar,
   Animated,
 } from 'react-native';
-import { ApiVideoLiveStreamView } from '@api.video/react-native-livestream';
+import { ApiVideoLiveStreamView, PredefinedResolution } from '@api.video/react-native-livestream';
 import Icon from 'react-native-vector-icons/Ionicons';
 import styles, { button } from './style';
 import Settings from './components/settings';
 import assets from './assets';
 import { ZoomPicker } from './components/zoomSlider';
 
 export interface ISettingsState {
-  resolution: Resolution;
+  resolution: PredefinedResolution;
   framerate: number;
   videoBitrate: number;
   audioBitrate: number;
@@ -35,7 +35,7 @@ export default function App() {
     message: string;
   }>({ display: false, message: '' });
   const [settings, setSettings] = React.useState<ISettingsState>({
-    resolution: { width: 640, height: 360 },
+    resolution: "360p",
     framerate: 30,
     videoBitrate: assets.sections.video.Bitrate.min,
     audioBitrate: 64000,

example/src/components/settings/index.tsx

@@ -11,7 +11,8 @@ import Section from './sections';
 import styles from './style';
 import assets from '../../assets';
 import type { ISettingsState } from 'example/src/App';
-import type { Resolution } from '@api.video/react-native-livestream';
+import type { PredefinedResolution } from '@api.video/react-native-livestream';
+
 
 interface ISettingsProps {
   closeSettings: () => void;
@@ -49,7 +50,7 @@ const Settings: React.FC<ISettingsProps> = ({
     if (key === 'Resolution') {
       setSettingsState((_prev) => ({
         ..._prev,
-        resolution: value as Resolution,
+        resolution: value as PredefinedResolution,
       }));
       return;
     }

src/NativeApiVideoLiveStreamView.ts

@@ -15,6 +15,9 @@ export type Resolution = Readonly<{
   height: Int32;
 }>;
 
+export type PredefinedResolution = "240p" | "360p" | "480p" | "720p" | "1080p";
+
+
 export type OnConnectionFailedEvent = Readonly<{
   code: string;
 }>;

src/index.tsx

@@ -8,6 +8,7 @@ import NativeApiVideoLiveStreamView, {
   OnConnectionFailedEvent,
   OnPermissionsDeniedEvent,
   OnStartStreamingEvent,
+  PredefinedResolution,
 } from './NativeApiVideoLiveStreamView';
 
 type ApiVideoLiveStreamProps = {
@@ -16,7 +17,7 @@ type ApiVideoLiveStreamProps = {
   video?: {
     bitrate?: number;
     fps?: number;
-    resolution?: Resolution;
+    resolution?: Resolution | PredefinedResolution;
     gopDuration?: number;
   };
   isMuted?: boolean;
@@ -76,20 +77,42 @@ const getDefaultBitrate = (resolution: Resolution): number => {
   }
 };
 
+
+function resolveResolution(resolution: Resolution | PredefinedResolution): Resolution {
+  const predefinedResolutions: Record<PredefinedResolution, Resolution> = {
+    "1080p": { width: 1920, height: 1080 },
+    "720p": { width: 1280, height: 720 },
+    "480p": { width: 858, height: 480 },
+    "360p": { width: 640, height: 360 },
+    "240p": { width: 352, height: 240 },
+  };
+
+  if (typeof resolution === "string") {
+    const predefined = predefinedResolutions[resolution];
+    if (!predefined) {
+      throw new Error("Unknown resolution");
+    }
+    return predefined;
+  } 
+  return {
+    width: Math.max(resolution.height, resolution.width),
+    height: Math.min(resolution.height, resolution.width),
+  };
+}
+
 const ApiVideoLiveStreamView = forwardRef<
   ApiVideoLiveStreamMethods,
   ApiVideoLiveStreamProps
 >((props, forwardedRef) => {
+  const resolution = resolveResolution(props.video?.resolution || "720p")
   const nativeLiveStreamProps: NativeLiveStreamProps = {
     ...LIVE_STREAM_PROPS_DEFAULTS,
     ...props,
     video: {
       ...LIVE_STREAM_PROPS_DEFAULTS.video,
-      bitrate: getDefaultBitrate(
-        props.video?.resolution || { width: 1280, height: 720 }
-      ),
-      resolution: { width: 1280, height: 720 },
+      bitrate: getDefaultBitrate(resolution),
       ...props.video,
+      resolution,
     },
     audio: {
       ...LIVE_STREAM_PROPS_DEFAULTS.audio,
@@ -193,5 +216,5 @@ const ApiVideoLiveStreamView = forwardRef<
   );
 });
 
-export * from './types';
 export { ApiVideoLiveStreamView };
+export type { Resolution, PredefinedResolution} from './NativeApiVideoLiveStreamView';