oreolounge.blogg.se - App store preview generator

#App store preview generator mp4#
#App store preview generator pro#
#App store preview generator simulator#

# If you recorded the video from the right device this command will # just scale it down/up.

#App store preview generator pro#

ffmpeg -i my-iphone-11-pro-max-recording.mov -c copy temp.mp4 # Resize to 886x1920 (use 1080x1920 for the iPhone 8 Max recording # and with 1200x1920 for the iPad Pro recording).

#App store preview generator mp4#

# Stream-copy the input file into a compatible mp4 file. Īssuming I want to resize an iPhone 11 Pro Max recording, I would run the following steps: The final step here is resizing the recorded app previews.įor this part, I always use the good old ffmpeg. Remember to keep the video under 30 seconds long. Edit the output using QuickTime or any other video editing software.Once done, press CTRL + C to end the recording.The reason why I record in h264 is that it's the only recording type that doesn't show some weird artifacts (at least from my experience 🤷‍♂️). Run xcrun simctl io booted recordVideo output.mov -type=h264.These devices will cover all the possible screen sizes. I'd suggest you to record one video on each of these devices: iPhone 8 Max, iPhone 11 Pro Max, iPad Pro (any generation).

#App store preview generator simulator#

Open the simulator you want to record.

The way I record app previews (on multiple devices) is by capturing the video of an iOS simulator using simctl io. Please notice that in this way the touches won't be recorded by simctl io (which is the way I record videos, see the next section). If you're planning to record the iOS simulator using QuickTime you can also show the taps by running defaults write ShowSingleTouches 1. Run your app and you should see the touch and gesture hints:

In your AppDelegate, add the following:.

In your AppDelegate application, add self.window = initWithFrame.bounds].

At the top of your AppDelegate, add #import.

Add pod "COSTouchVisualizer" to your Podfile.

The setup looks like this (on React-Native or ObjC apps): My go-to tool is COSTouchVisualizer, an open-source native library that requires very minimal setup and that can be easily added in React-Native apps. There are multiple ways to add this functionality.

Unfortunately, differently from Android, iOS doesn't provide any tool to show these interactions out of the box.

One nice touch I always try to add to app previews is showing taps and gestures to make the interactions with the app more clear to the audience. Setup COSTouchVisualizer to show taps and gestures

App previews must only show footage of the app itself.

App previews must be between 15 and 30 seconds long.

App previews can have a max frame rate of 30 frames per second.

Just like app screenshots, you can cover multiple screen sizes with a single resolution.Īs of today, an 886x1920 and a 1080x1920 recordings will cover all the iPhone screens, and a 900x1200 recording will cover all the iPad screens.Ĭheck the App Preview Resolutions page for more informations.

You can have up to three app previews for each screen size your app supports.

Recording and setting up app previews can be a slow and error-prone process, so in this post I'll share the flow I've been using on my apps. App previews are short movies that can be used to showcase your app on the App Store.