feat: add ability to autoplay videos in gallery

[aharwood9]

🎯 Goal

Add the ability to autoplay videos in the gallery. Fixes #2186

🛠 Implementation details

Adds a new prop to the OverlayProvider called autoPlayVideo - the default is false to match current behaviour. This prop is used to define whether the video should start paused or not.

🎨 UI Changes

iOS

Screen.Recording.2023-07-24.at.15.24.24.mov

Android

Screen.Recording.2023-07-24.at.15.23.09.mov

🧪 Testing

• Open the Sample App on iOS or Android
• Go to a Channel with a video and photos being shared
• Tap on a video and see it maintains the current behaviour of not autoplaying
• Update the App.tsx in Sample App with the prop autoPlayVideo to true in the OverlayProvider
• Go back to the channel with photos and videos
• Open video and see it autoplays, open a photo and see no regression.

☑️ Checklist

• I have signed the Stream CLA (required)
• PR targets the develop branch
• Documentation is updated
• New code is tested in main example apps, including all possible scenarios
  • SampleApp iOS and Android
  • Expo iOS and Android

[aharwood9]

Hi there 👋 I have currently set the autoPlayVideo default to be false to maintain current behaviour but looking at iMessage and WhatsApp they both have videos autoplaying when you tap on the thumbnail. So if you are okay with changing the default behaviour, I personally think this would be better but up to you 👍 happy to update this if you want to switch.

Another thought I had while creating this PR was whether I should add a type check to make photos always have a paused value of true. Please let me know if you think having photos paused value to false would be an issue. I couldn't see any regression.

[santhoshvai]

@aharwood9 many thanks for your contribution 💯

[adenta-grandstand]

@santhoshvai any idea when a new release will be cut with this feature?

[stream-ci-bot]

🎉 This PR is included in version 5.16.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀