Skip to main content
Version: 2.17

Publish WebRTC Stream

To build the publishing sample project, follow the steps below:

  1. Open the /example/src/App.tsx file and update the defaultStreamName variable for streamId and the webSocketUrl variable with your server domain or IP address.

  1. Open the /examples/android folder and provide read, write, and execute permissions to the gradlew file.
chmod 750 gradlew
  1. Move to the examples folder, edit the below index.js file as below:
import { AppRegistry } from 'react-native';
import App from './src/App';
//import App from './src/Play';
//import App from './src/Peer';
//import App from './src/Conference';
//import App from './src/Chat';
import { name as appName } from './app.json';
AppRegistry.registerComponent(appName, () => App);
  1. Run the following commands to install dependencies and run the Publish sample React native app:
npm install
npm run android
  1. Click the Start Publishing button on the screen to publish your stream on the server.

  1. You can now go to the web panel of Ant Media Server (e.g., http://serverIP:5080) to watch the stream.

  2. You can also play the stream via an embedded player. For more details, check this document

Congratulations!​

You’ve successfully published your first WebRTC stream from a React Native application! Now your stream is live on the server, and you can watch it on multiple devices. Enjoy experimenting with your live streaming setup and explore all the possibilities of Ant Media’s WebRTC features. Happy streaming!