4 ms·
I am planning to build a landing page for a small beverage product similar to this. Can anyone help me understand on how this web experience was implemented.
by gandutraveler 7y ago
I am planning to build a landing page for a small beverage product similar to this.
Can anyone help me understand on how this web experience was implemented.
Is it as simple as onScroll-> load next image ?
Also what is a recommended tool of 2019 to convert video to images ?
- alisey 7y agoSurprisingly, yes, the video is exported as a sequence of JPEGs: https://jsbin.com/wodusuzeja/1/edit?js,output https://jsbin.com/wodusuzeja/1/edit?js,output As for the tool, ffmpeg seems to work well enough.
- oplav 7y agoNYT also created a similar experience using video where video.currentTime was tied to scroll location: https://www.nytimes.com/interactive/2019/10/30/world/middleeast/syria-turkey-maps.html https://www.nytimes.com/interactive/2019/10/30/world/middlee... I think there are some restrictions on video encoding parameters in order to make scrolling feel smooth which will increase the video size.