Я хочу создать приложение React Native для iOS и Android (предпочтительно с использованием управляемого рабочего процесса Expo). Приложение позволяет пользователю использовать камеру телефона, чтобы жить в их Facebook Live. Кроме того, я хочу иметь функцию, которая позволяет моему приложению добавлять в реальном времени некоторые тексты (например, название своей компании), таймер обратного отсчета, некоторые графические изображения или изображения (например, логотип своей компании). Таким образом, аудитория их Facebook Live увидит эти тексты, графику или изображения. Нечто похожее на то, что предлагает Switcher Studio (https://www.switcherstudio.com/).
) Я нашел несколько статей, в которых объясняется, как добавить слой (поверх видеопотока) и визуализировать что-то на этом слое. Таким образом, зрители не увидят этот эффект.
Мой вопрос: как я могу это сделать?
Вот что я нашел: 1). Мне понадобится NodeMediaClient для кодирования моего потока из моей камеры в RTMP (что-то вроде этого парня здесь https://www.syntx.io/react-native/video-live-streaming-with-react-native/). 2). Затем я могу передать этот поток RTMP в Facebook Live API. Что-то похожее на этот пост: https://developers.facebook.com/docs/live-video-api/getting-started.
Но я не знаю, как я могу добавить любые тексты, изображения или графику в поток этой камеры в режиме реального времени, прежде чем кодировать его в RTMP.
Пожалуйста, исправьте меня, если то, что я нашел, неверно? и, пожалуйста, помогите мне с добавлением текстов, изображений или графики в поток с камеры в режиме реального времени.