video encoding

Video Encoding in ivory

Video encoding

Although the Ivory Player accepts all kind of videos, for the smoothest play experience it converts all the video’s to 3 output ‘flavours’. Before dropping the video on the timeline, Ivory first converts them into these 3 flavours. These flavours are web standard for these specific resolutions.


Adaptive resolution based on bandwidth

When the viewer presses the play button, the Ivory Player first sends some small files to the viewer to determine its bandwidth. Based on this it starts loading the highest quality of the videos with the smoothest play experience with this bandwidth. It will keep doing this throughout the entire video, so when the bandwidth changes, the quality changes accordingly in order to keep everything smooth.


Encoding flavour ouputs

Every browser limits the number of videos that will be preloaded simultaneously. The maximum differs per browser and version, but in general it is between the 6 and 10 clips at a time.  This means that when a viewer presses the play button, Ivory Player will preload at least the 6 first clips. At the time of writing this article, Google Chrome can load the most amount of videos simultaneously.


Resolution
1920x1080
1280x720
640x360
Container
MP4
MP4
MP4
Audiocodec
AAC
AAC
AAC
Videocodec
H.264
H.264
H.264
Framerate
30 fps
30 fps
30 fps
Bitrate
6 Mbps
2.5 Mbps
800 Kbps


Framerate

The Ivory Player converts all videos to a 30 fps framerate, even if you uploaded 25, 60 or other framerates. In the Ivory Editor and Ivory Player you won’t see any difference, as these work with seconds and microseconds, not with frames. So even if you have clips with different framerates, after the encoding the Ivory Editor and Player just see 1 seconds as one seconds, no matter what the framerate is.


Bitrate

The low bitrate, especially on the small resolution, might surprise you. This is because of the smart preloading process of the Ivory Player. By keeping the bitrate low it can easily preload multiple clips simultaneously resulting in the smoothest video experience. And as soon as the bandwidth goes up or the preloading is (partly) done, the Ivory Player will increase the resolution.






    • Related Articles

    • Preloading in the Ivory Player

      Preloading To make the transitions from one clip to another as smooth as possible, the Ivory Player tries to preload as much as it can. With a lot of clips and time jumps, it is important to know in which ways the preload processes work so you can ...
    • Switchable video

      A switchable video is an interactive video that can ‘switch’ between screens, by way of a user interaction. This happens seamlessly while playing a video. With a switchable video, you can switch between different screens, providing multiple ...
    • Sending a WhatsApp message from a video

      Send a WhatsApp message from a video How cool is that! You can now send a WhatsApp message directly from a video. 1. Create an interaction You can set up an interaction on any component. Click on the blue ‘plus’ to create the interaction 2. Select ...
    • In-video scoring through interaction

      You can save scores using variables. Variables are elements that can assume a certain value. A variable consists of a key and a value. The key is the ‘label’ of the variable, and is used to identify the variable. The value is the meaning or merit ...
    • Using Input Field

      The Input Field component allows you to create and edit variables. Variables are elements that can assume a certain value. A variable consists of a key and a value. The key is the ‘label’ of the variable, and is used to identify the variable. The ...