Video recordings uploaded with the React Native SDK don't render on React (web)

[madsroskar]

Describe the bug A video recorded on an iOS device (iPhone 13) renders correctly in the app after being uploaded, but when viewed on web (react) the video doesn't render. However, the audio does play.

I'm creating the issue here and not in the React repo for now since I suspect it might have to do with the file type used during uploading, but I'm not sure about that. I'll move the issue if that shows to make more sense later

Dev environment info (please complete/provide the following information):

• Package version: stream-chat-react-native v4.7.0
• react-native version: 0.67.3
• Device: ios 15.5
• React SDK: 9.1.2

To Reproduce Steps to reproduce the behavior:

1. record a video on device
2. upload on the device to a channel
3. try to play the video on web (react)

Expected behavior Video and audio should both play

Actual behavior Only the audio plays

[khushal87]

Seems to work fine on my end. I tested it through TypescriptMessagingApp and the typescript example app of React Repo.

https://user-images.githubusercontent.com/39884168/174727899-0adac324-1569-491d-bb3b-b16a8cf0328c.mov

[vanGalilea]

Let's compare how the iOS team is doing it?

• Uploading with the ios sample app.
• Uploading the file with which file format for example.

[khushal87]

It seems to work well on my side after uploading video from Android and ios devices and testing on React. Anyone's aware of a case where this was reproducible? If not, I think we can close it.

CC: @vanGalilea

[vanGalilea]

@khushal87 closing this one, I couldn't reproduce it myself as well 🤷🏻