React Native

The easiest way to view Vindral streams in React Native applications is to embed the hosted player with a WebView.

The example code below is simplified to focus on the relevant parts.

import React from "react";
import { View } from "react-native";
import { WebView } from "react-native-webview";

const App = () => {
  return (
    <View style={{ flex: 1 }}>
      <WebView
        source={{
          uri: "https://embed.vindral.com/?channelId=vindral_demo1_ci_099ee1fa-80f3-455e-aa23-3d184e93e04f",
        }}
        allowsFullscreenVideo
        mediaPlaybackRequiresUserAction={false}
      />
    </View>
  );
};

export default App;