Merge pull request #1 from luanraithz/master

Docs and added new parameter

README.md

@@ -8,10 +8,27 @@ Lazy-load (original loaded every image at once).
 One image at a time (original showed just like a gallery).
 Lazy-load thumbnail request url:
 
-```
-thumbnailPlugin: {
-    getThumbnailForTime: time => `https://mycdn.com/thumb/mylive/thumb-at-${Math.round(time * 1000)}.jpg`
-}
+
+## Parameters
+
+`getThumbnailForTime` - Function that will be called once a thumbnail will be shown,
+the function argument will be the time where the user has hovered (in milliseconds), and the function must return the url where it should look for the image
+
+`roundBase` - (default is 5) Number to round the seconds to, example, if the `roundBase` is 5, once the user hovers `29 seconds`,
+your function will be called as it was just `25 seconds`.
+
+## Example
+```javascript
+var player = new Clappr.Player({
+    source: "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4",
+    parentId: "#player",
+    plugins: {
+        core: [ClapprThumbnailsPlugin],
+    },
+    thumbnailPlugin: {
+        getThumbnailForTime: time => `https://mycdn.com/my-awesome-video/thumb-at-${time}.jpg`
+    }
+});
 ```
 
 

demo/index.html

@@ -12,7 +12,8 @@
         core: [ClapprThumbnailsPlugin],
       },
       thumbnailPlugin: {
-        getThumbnailForTime: time => `https://vod-cdn.eventials.com/thumb/6bjevy2jnfu8owoq.json/thumb-${Math.round(time * 1000)}-w150-f1.jpg`
+        getThumbnailForTime: time => `https://vod-cdn.eventials.com/thumb/6bjevy2jnfu8owoq.json/thumb-${Math.round(time * 1000)}-w150-f1.jpg`,
+        roundBase: 10
       }
     });
 

src/index.js

@@ -90,6 +90,11 @@ export default class ScrubThumbnailsPlugin extends UICorePlugin {
     return $container
   }
 
+  getRoundBase() {
+    const { roundBase } = this.getOptions()
+    return roundBase || 5
+  }
+
   // calculate how far along the carousel should currently be slid
   // depending on where the user is hovering on the progress bar
 
@@ -98,7 +103,8 @@ export default class ScrubThumbnailsPlugin extends UICorePlugin {
     const videoDuration = this.core.mediaControl.container.getDuration()
     // the time into the video at the current hover position
     const startTimeOffset = this.core.mediaControl.container.getStartTimeOffset()
-    const hoverTime = Math.floor((startTimeOffset + (videoDuration * hoverPosition)) / 5) * 5
+    const roundBase = this.getRoundBase()
+    const hoverTime = Math.floor((startTimeOffset + (videoDuration * hoverPosition)) / roundBase) * roundBase
     const elWidth = this.$el.width()
     const thumbWidth = $spotlight.width()