Uploading Media and Exporting Videos at the Correct Sizes
Find out more about our amazing Adobe Express editor
Use Adobe’s Express’ new editing tools within Stornaway’s interactive video web editor.
Stornaway is the first company to integrate Adobe’s video editing tools inside its own web app, using Adobe’s new Express Embed software development kit.
Creative teams can craft interactive journeys through an unlimited number of video clips, harnessing the power of Adobe’s cutting-edge video editing and AI content creation tools – all inside Stornaway.io’s web interface.
Click here to find out more:
https://www.stornaway.io/adobe-interactive-video/
How do I use the editors and stock footage links in the upload panel?
You need to use a video editor to made MP4 videos to upload to each Stornaway island.
We provide links to 3 free video editors and 3 free stock footage services in our Add Video panel, to let you get started quickly with web-based tools.
Follow the links to these platforms and then download MP4 (or MOV) files from them which you can upload to your islands in Stornaway.
Free web-based video editors
Make videos with these and export them as mp4 files for upload to Stornaway.
They all provide the ability to make videos using templates, stock footage, music and text. See which one has a template and interface that best suits your needs.
Adobe Express will let you make and download a video for free without a watermark and has a unique chapter-based interface, and asks you to sign in first.
Canva doesn’t require you to sign in, and has a lot of templates – but will add a watermark to your downloaded file if you’re not a paying user.
Veed doesn’t require you to sign in, and has great subtitling and text features, but will add a watermark if you’re not a paying user. A lot of our tutorial videos are currently made by Abbie using Veed.
What other video editors do you recommend for beginners?
What Do the Pros Use?
Professional video editors often rely on industry-standard applications such as Adobe Premiere Pro, Avid Media Composer, and Final Cut Pro (FCP) for film, TV, and video production. These tools are powerful, feature-rich, and have steep learning curves. Adobe Premiere Pro and Avid Media Composer require professional subscriptions, while Final Cut Pro is available for a one-time purchase of $299.99.
DaVinci Resolve is emerging as a great free professional editor, known for its advanced color-grading capabilities. Although it’s free, it remains quite complex compared to more beginner-friendly options.
For motion graphics and visual effects, professionals often use Adobe After Effects alongside their editing software. Many of our users edit their Stornaway projects using these professional tools.
We also have an Adobe Premiere Pro and After Effects panel in beta. This feature allows you to open your Stornaway story map inside your editing application, enabling you to playtest your story while you edit. If you’re interested in using it, please let us know.
For Everyone Else…
For most people, especially beginners or those working on simpler projects, the professional tools mentioned above might be overcomplicated. Instead, we recommend more accessible and affordable applications.
We’ve partnered with Adobe to include Adobe Express inside Stornaway. Click here to find out more.
Other Easy, Affordable, and Free Applications:
Desktop Computer Applications:
- Mac:
- iMovie (Free) – Included with macOS, perfect for basic editing.
- Adobe Premiere Rush (Free with premium options) – Simplified editing with cross-platform compatibility.
- PC:
- Adobe Premiere Rush (Free with premium options) – Easy-to-use editor for Windows.
- Vegas Movie Studio – User-friendly with a range of features for beginners.
- Both Mac and PC:
- DaVinci Resolve (Free version available, $295 for Studio) – A powerful editor that’s becoming increasingly popular.
- HandBrake (Free) – Great for video compression and basic editing tasks.
Mobile Apps:
- CapCut (Free with in-app purchases) – Popular among TikTokers and YouTubers.
- LumaFusion ($29.99) – A more powerful mobile editor for iOS devices.
- iMovie (Free) – Also available on iPhone and iPad for on-the-go editing.
- Adobe Premiere Rush – Available on iOS and Android, offering seamless editing across devices.
Web Browser Editors (Like Stornaway):
- Adobe Express (Free with premium options) – Create and edit videos directly in your browser.
- Canva (Free with premium features under Canva Pro) – Offers templates and easy editing tools.
- Veed.io – An online editor suitable for quick and simple video projects.
We link to these web-based editors from our Upload panel within the app. We recommend trying them out to see which one best suits your needs.
What to Choose and How to Learn
There are fantastic online tutorials available on YouTube for all these applications. Choose one that aligns with your device and budget, and give it a try. Watching tutorials can also help you get a feel for each application’s interface and capabilities.
Please let us know which tools you prefer and how you’re getting on. Share your experiences and expertise with other Stornaway users on social media to help others in the community.
Let us know what you prefer to use, and how you get on – or help other Stornaway users by sharing your experiences and expertise on social media.
What settings should I use for normal video?
For regular videos (not 360 or images), we recommend the following settings when you export from your video editor:
File size:
We have a maximum file size of 4GB, for various reasons. This gives 1 hour of video at the recommended HD settings shown here. If you need to use longer files, see the help section below.
File type and codec:
We accept files that end with .mp4 and .mov, containing H264 and H265/HEVC codec. Export these from your video editor and use the settings below.
Advanced note: mp4 and mov (also known as Quicktime) files can contain lots of different types of video data, known as codecs. Examples of codecs include VP9 and ProRes which have different quality settings and vastly different file sizes. We accept H264 and H265 codecs and recommend the settings below.
Resolution / Frame Size:
1920 x 1080 recommended – i.e. 1920 pixels wide by 1080 pixels high – the standard HD video size.
Advanced note: We also accept 4K/UHD files at 3840×2160, though we don’t recommend this, and lower resolutions like 1280 x 720 (at 4Mb/s) which is popular on the web particularly for smaller embedded videos to use less data.
For more details of these, see below.
Frame Rate:
30fps (frames per second) recommended.
It will accept whatever you give it, but 30fps works well on the web, and gives a good file size at a reasonable quality.
Advanced note: Using more frames per second demands proportionally higher bitrates and file sizes to keep the same quality, without any real visual benefit on the web by adding more frames per second. Some sports cameras record at 60fps or 50fps by default – to save data, try to make your video editor import them to your edit project at half the frame rate (30 or 25fps) without slowing them down or making them jittery.
Quality / Bitrate:
8 Mb/s recommended
Use this rate for 1920 x 1080 videos at 30fps.
which means a single clip can be approx 1 hour at our 4GB limit.
Audio:
AAC 16 bit Stereo 96kbps 44.1kHz recommended
Other audio settings are also acceptable.
Other resolutions and quality levels for regular 16:9 video:
4K/UHD – 3840×2160 at 14Mb/s (at ~30fps). We don’t recommend this, because even though 14Mb/s is our balance of quality vs size for streaming, many people are on internet connections that will struggle to stream at this bitrate – and most people cannot tell the difference between HD and 4K/UHD video on a computer screen. People use this only when using 360 video and only then if the subject matter needs extra visual quality.
1280 x 720 at 4Mb/s at ~30fps – this is popular on the web.
People use this if they are embedding their videos at a smaller-than-HD size, or want to use less data, or want a video to last longer than 1 hour within the 4GB file size limit (see below).
640×360 at 1Mb/s at ~30fps – this is considered very small and low quality in the modern era – though not long ago it was what most web videos used to be!
People use this if they are embedding their videos for smaller mostly-mobile screens, or need to be streamed by people with very low speed internet connections, or want to use much less data, or are making an audio-only experience, or want a video to last a long time within the 4GB upload limit, delivering on mobile only.
Export Instructions and Settings for the most Popular Video Apps
Summary of Tools Covered Here
- Free Video Editing And Compressing Tools:
- Adobe Express (Mobile, Web) – Free with premium options
- Canva (Mobile, Web) – Free with premium options
- Veed.io (Web) – Free with premium options
- Adobe Premiere Rush (Mobile, Mac, PC) – Free with premium options
- DaVinci Resolve (Mac, PC) – Free version available, $295 for Studio
- iMovie (Mac) – Free
- VLC Video Player (Mac, PC, Web)
- HandBrake (Mac, PC, Web) – Free
- CapCut (Mobile, Desktop) – Free with in-app purchases
- Paid Video Editing and Compressing Tools:
- Adobe Premiere Pro (Mac, PC) – $20.99/month
- Final Cut Pro (Mac) – $299.99 (one-time purchase)
- Apple Compressor (Mac) – $49.99 (one-time purchase)
Free Tools
Adobe Express (Mobile, Web)
- Platform: iOS, Android, Web
- Price: Free (with premium options)
- Steps:
- After editing your video, click Download.
- Select MP4.
- Select Resolution as 1920×1080
- Download the video.
- Link to Adobe Express
Canva (Web & Mobile)
- Platform: Web, iOS, Android
- Price: Free (with premium features under Canva Pro)
- Steps:
- After finishing your video, click Share and select Download.
- Choose MP4 as the format.
- Set the Resolution to 1920×1080.
- The Frame Rate is automatically set to 30fps.
- Canva does not offer a bitrate adjustment feature, but the default settings often suffice for web sharing.
- Click Download.
- Link to Canva
Veed.io (Web)
- Platform: Web
- Price: Free (with premium options for higher-quality exports and advanced features)
- Steps:
- After editing your video in Veed.io, click on the Export button in the top-right corner.
- Choose MP4 as your export format.
- Set the Resolution to 1920×1080 (if available in your plan).
- The Frame Rate is usually set to 30fps by default, but you can adjust it if necessary.
- For Bitrate, Veed does not provide manual control over this feature in the free plan, but the default settings typically work well for online content.
- Click Export to download the video.
- Link to Veed.io
DaVinci Resolve (Mac, PC)
- Platform: Mac, PC
- Price: Free version available, $295 for the Studio version
- Steps:
- Go to the Deliver page.
- Set Format to MP4 and Codec to H.264.
- Set Resolution to 1920×1080 and Frame Rate to 30fps.
- Set the Quality to Restrict to 8000 kbps.
- Click Add to Render Queue, then Start Render.
- Link to DaVinci Resolve
Adobe Premiere Rush (Mobile & Desktop)
- Platform: Mac, PC, iOS, Android
- Price: Free (with premium features as part of Adobe Creative Cloud)
- Steps:
- Open your project and click the Share button (desktop) or Export button (mobile).
- Set Resolution to 1920×1080.
- Set Frame Rate to 30fps.
- In the advanced settings (if available), adjust Bitrate to 8 Mbps.
- Choose your export location and click Export (desktop) or Save (mobile).
- Link to Adobe Premiere Rush
iMovie (Mac)
- Platform: Mac (Included with macOS)
- Price: Free
- Steps:
- Go to File > Share > File.
- Set Resolution to 1920×1080.
- Set Quality to Custom, then adjust the bitrate to 8 Mbps.
- Set Frame Rate to 30fps.
- Click Next and Save.
- Link to iMovie
VLC Media Player (Mac, PC, Linux Web)
- Platform: Mac, PC (Windows), Linux, Web
- Price: Free
- Steps:
- Open VLC and go to Media > Convert/Save..
- Add the MP4 file and click Convert/Save.
- Go to the Video tab:
- Set Resolution to 1920×1080.
- Set Frame Rate to 30fps.
- Set Avg Bitrate to 8000 kbps (8 Mbps).
- Select a destination file and click Start.
- Link to VLC
HandBrake (Mac, PC, Linux, Web)
- Platform: Mac, PC (Windows), Linux, Web
- Price: Free
- Steps:
- Open HandBrake and load your video.
- In the Summary tab, set Format to MP4.
- Go to the Video tab:
- Set Resolution to 1920×1080.
- Set Frame Rate to 30fps.
- Set Avg Bitrate to 8000 kbps (8 Mbps).
- Click Start Encode.
- Link to HandBrake
CapCut (Mobile, Desktop)
- Platform: iOS, Android, Mac, PC
- Price: Free (with in-app purchases for advanced features)
- Steps:
- Click Export after finishing your edit.
- Set the Resolution to 1920×1080.
- Set the Frame Rate to 30fps.
- Set the Bitrate to 8 Mbps.
- Click Export.
- Link to CapCut
Paid Tools
Adobe Premiere Pro (Mac, PC)
- Platform: Mac, PC
- Price: $20.99/month (as part of Adobe Creative Cloud)
- Steps:
- Go to File > Export > Media.
- Set Format to H.264.
- Choose the Preset: “Match Source – High Bitrate”.
- In the Video tab:
- Set Resolution to 1920×1080.
- Set Frame Rate to 30fps.
- Set Bitrate Settings > Target Bitrate to 8 Mbps.
- Click Export.
- Link to Adobe Premiere Pro
Final Cut Pro (Mac)
- Platform: Mac
- Price: $299.99 (one-time purchase)
- Steps:
- Select your timeline and go to File > Share > Master File (Default).
- In the Settings tab:
- Set Format to Video and Audio.
- Set Resolution to 1920×1080.
- Set Codec to H.264.
- Set Frame Rate to 30fps.
- Set Data Rate to 8 Mbps.
- Click Next, name your file, and click Save.
- Link to Final Cut Pro
Apple Compressor (Mac)
- Platform: Mac
- Price: $49.99 (one-time purchase)
- Steps:
- Select your video and click Add Output.
- Choose H.264.
- Set Resolution to 1920×1080 and Frame Rate to 30fps.
- In the Video settings, adjust the bitrate to 8 Mbps.
- Click Start Batch.
- Link to Apple Compressor
What settings should I use for static images?
1920 x 1080 pixels resolution recommended – but any size is possible within the player’s 16:9 rectangular frame. Resize using the Adobe image converter linked below.
JPG at 8/12 or 75% quality recommended.
We also accept PNGs but they are larger and take a bit longer to load.
We do not accept webp images yet. Please convert them in your computer’s image software.
To convert image file types (eg png to jpg), crop, or change frame sizes:
On Mac: Open the file in Preview, make changes and choose File>Export.
On PC: Open the file in Photos, click the three-dot menu icon at the top right corner of Photos and choose Save As…, then in the new window click the “Save as type” dropdown menu and change the file format to jpg.
Or use the Adobe image converter online – click the Features menu at the top here for lots of options.
What settings should I use for 360 VR videos?
Stornaway.io creators can add 360º videos to their stories and link them up using on screen links to create interactive experiences that are even more immersive.
We support Equirectangular/Sphere video at 360º. See settings below for how to activate this once your video is uploaded.
360 videos should be 2:1 width to height ratio, rather than regular 16:9.
The files that come out of a 360 camera like an Insta 360 are huge – both in their height & width resolution and in the amount of data they use.
For Stornaway, we need to stream these files to people all over the world with different internet connection speeds and data costs, so we need to be very efficient about the balance of quality and file size so that the files will stream and it won’t cost too much.
So we compared notes with other streamers and chose a balanced resolution and file size of 2880×1440 for the web at data rate quality of 14 megabits per second if you’re publishing just on the web.
And we recommend you export your videos for upload at 3840×1920 and 20 megabits per second of you’re also planning to publish to VR via our App Builder.
Stornaway currently has an upload limit of 500MB per clip (for all sorts of good reasons) which is about 5 minutes per clip at 14 megabits per second and 3 minutes per clip at 20 megabits per second. 3 or 5 minutes are usually more than enough for an interactive clip – but if you want longer, there’s a way to join up longer clips described below.
The next question is, do you want to take clips direct from your camera app into Stornaway, or do you want to put them into a video editing app like Premiere or Final Cut first?
If you’re taking it out of the camera app (eg Insta 360 Studio) into Stornaway, you should export it at the above settings, depending on whether you’re making it just for the web or for both VR apps and web.
If you want to take it into an editing app first, then you should export it from your camera app at the original resolution to keep the quality highest in your editing app and improve flexibility for later – and then when your edit is done, you should export from your editing app using the above Stornaway settings.
More about 360 in Stornaway
Your project can be entirely 360, or a mix of different media. Each Story Island is its own unique section. You can link from 360º to regular 16:9 video and stills in different story islands, and it will all flow on seamlessly. They all show with the Stornaway links you know and love.
To ensure your 360 video plays as intended, set the 360 projection within the video upload settings in your island sidebar.
In your project settings, tick the “use device orientation” button to enable those watching on iOS to trial out beta version of this device orientation feature.
Why is my file not completing its upload/transcoding/converting process?
Videos should process quickly – they should take much less time to process than their playable duration.
Have you checked the Video Upload Queue in Settings for your project? All videos should have a Complete status soon after upload.
If they are stuck on Transcoding or Processing, the most likely cause of it not processing is that the file name is too long. There is a limit of 120 characters for the combined project name and file name in the URL of the streaming video file.
Try shortening the name of the file – let us know at support@stornaway.io if that doesn’t fix it, or if you’re having another problem.
Why is my video showing in the preview player but not in my published project?
The Preview player shows all the recent changes you’ve made to the map.
The Published version of the project is a snapshot of a moment in time. So if it’s not showing the latest changes, that’s because it’s showing a version of the project that you published previously. It won’t auto-update.
When you’ve made changes to your project after publishing once, you have to re-publish to make those changes visible in the Published version.