Media

[axeldelafosse]

Why

This PR improves the Media component. It can be used for the feeds and for the View NFT modal. It should support images, videos, SVGs and 3D models.

How

• Created a Video component
• Created a Model component
• Installed three.js with react-three-fiber and expo-gl

Test Plan

Run the app

[linear]

SHOW2-289 Media

• Single

• Grid

• Photo

• Video

• 3D Model

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/showtime/showtime/DmWK1mnqhE89dVg1U3kuY53NJcVD
✅ Preview: https://showtime-git-feature-show2-289-media-showtime.vercel.app

[github-actions]

PR Preview - Storybook

This pull request preview deployment is now available.

✅ Preview: io.showtime.storybook://expo-development-client/?url=https://exp.host/@tryshowtime/showtime-storybook-react-native/index.exp?release-channel=pr-664&sdkVersion=44.0.0

Comment ID: 1006493982

[github-actions]

PR Preview - App

This pull request preview deployment is now available.

✅ Preview: io.showtime.development://expo-development-client/?url=https://exp.host/@tryshowtime/showtime/index.exp?release-channel=pr-664&sdkVersion=44.0.0

Comment ID: 1006497038

[github-actions]

PR Preview - Storybook on Chromatic

✅ Preview: The Storybook preview URL for this Pull Request

✅ Build: The Chromatic build URL for this Pull Request

[axeldelafosse]

I decided to display the 3D model as an image for now. Marc is going to help us with the ArrayBuffer issues we encountered.

[axeldelafosse]

Also I tried displaying the SVGs in a WebView but I really don't like this solution. Can we find a backend-focused solution? Is it possible to save a preview image of the SVG for example? cc @fontanierh

[intergalacticspacehighway]

super cool 🔥. Will replace media with this one in next PRs.

[fontanierh]

Also I tried displaying the SVGs in a WebView but I really don't like this solution. Can we find a backend-focused solution? Is it possible to save a preview image of the SVG for example? cc @fontanierh

I reckon we could go for a backend solution yes. I think there's already a thumbnail, but might be too small.
Will look into it, added a card here