Generate the coolest image previews from your videos.
Users engage more with videos if previews look cool.
With Coconut, they look awesome.
3 ways to generate images from videos
By the number
Define a number of thumbnails. They will be all equally spaced.
Learn more
Offsets in second
Control exactly where you want the images to be extracted.
Learn more
Interval in second
Define an interval and you will get the images equally spaced for you.
Learn more
Enhance your video player for the best user experience.
Visual seek with tooltip thumbnails by generating sprite and VTT files
Sprite files are single images that include all the thumbnails of a video.
A single download to get them all. Fast and optimized.
Read documentation →Edit your thumbnails.
Add blur effect, change aspect ratio to fit your needs
Example of generating multiple thumbnails with our API.
Enjoy powerful
libraries to harness cloud video encoding for your project
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
// Our mission at Coconut is to make cloud video transcoding simple
const coconut = new Coconut.Client('api-key');
coconut.notification = {
'url': 'https://app/api/coconut/webhook'
};
coconut.storage = {
'service': 's3',
'bucket': 'mybucket',
'region': 'us-east-1',
'credentials': { 'access_key_id': 'xxx', 'secret_access_key': 'xxx' }
};
coconut.Job.create({
'input': { 'url': 'https://cdn/path/file.mp4' },
'outputs': {
'jpg:140x': {
'path': '/tooltips/tooltip.jpg',
'interval': 10,
'sprite': true,
'vtt': true
},
'jpg:400x': {
'path': '/previews/thumb_%2.d.jpg',
'number': 10
},
'png:800x': {
'path': '/cover/cover.png'
}
}
}, function(job, err) {
...
});
