Mastering
Once you are done recording, there are still a few steps required to get your ractive polished and cross-compatible. We call this the mastering or post-processing phase. At the end we provide a checklist to go through when deploying a ractive to production.
#
Audio#
Joining audioIt can be convenient to record several audio segments separately. However, due to the Web Autoplay Policy, you need to join them into a single audio file when you are finished. See https://trac.ffmpeg.org/wiki/Concatenate#demuxer for how to do this with ffmpeg.
#
Fixing the browser recordingThe audio file produced by the browser will not have the correct metadata for seeking. To fix it:
#
Converting audioIt is necessary to provide audio in both webm and mp4 format. To convert the webm recording:
#
Other tipsHow to do noise reduction using ffmpeg and sox (skip steps 1 and 5)
#
ThumbnailsGenerate thumbnail previews using the rp-thumb-capture package. This is a fairly complex process, it is demonstrated in the deep dive.
#
Mastering Checklist- Remove the
rp-recording
<script>
tag - Ensure fat-fingers etc. for mobile
- Make sure that mouseUp events are appropriately intercepted.
- Join audio audio files into a single file.
- Fix webm file produced by browser.
- Ensure that audio files are available as both webm and mp4.
- Generate thumbnails and add highlights.
- Make sure there is CSS to load custom fonts etc.
- Make sure MEDIA_URL is set to production assets host
- Compress Javascript
- Compress CSS
- Make sure the hosting page has Javascript/CSS for fake fullscreen