Fishjam Easiest way to add video streaming to your React Native app

fish
jar
jar
jar
jar
jar
jar
jar
jar
jar
jar
jar
jar

We will handle for you

  • Live streaming
  • Video conferencing
  • Stream recording

You don't have to worry about

  • React Native Components

    React Native Components

    You can just import our React Native components created by skilled engineers from Software Mansion

  • Easy predictable payments

    Easy predictable payments

    How much you pay for our services is up to you. No hidden fees or unpredictable payments

  • Automated regions

    Automated regions

    Locations of your servers will be automatically selected with your needs in mind

  • Load balancing

    Load balancing

    We do smart things for you so you don't have to worry about them and focus only on what your current project needs

This can't get any simpler

This is how much code you need

Just create an account to get your own free key now and start using fishjam video streaming in your app now

import { useEffect } from 'react';

import {

useCamera,

useFishjamClient,

useMicrophone,

useVideoTracks,

VideoRendererView,

} from '@fishjam-dev/react-native-client';

import { View } from 'react-native';

export default function VideoExample() {

const { connect, join } = useFishjamClient();

const { startCamera } = useCamera();

const { startMicrophone } = useMicrophone();

useEffect(() => {

const connectToFishjam = async () => {

const { fishjamUrl, token } = (

await fetch(

'https://roommanager.fishjam.cloud/rooms/YourRoom/users/Developer',

)

).json();

await connect(fishjamUrl, token);

await startCamera();

await startMicrophone();

await join({ name: 'React Native Client' });

};

connectToFishjam();

}, [connect, join, startCamera, startMicrophone]);

const tracks = useVideoTracks();

return (

<View>

{tracks.map((video) => (

<VideoRendererView trackId={video.id} key={video.id} />

))}

</View>

);

}

JavaScript
We’re organizing
a multimedia conference
RTCON logo
Find out more Arrow right