@omnimedia/omnitool 1.1.0-34 → 1.1.0-36

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@omnimedia/omnitool",
-	"version": "1.1.0-34",
+	"version": "1.1.0-36",
 	"description": "open source video processing tools",
 	"license": "MIT",
 	"author": "Przemysław Gałęzki",

package/s/timeline/parts/compositor/samplers/webcodecs.ts

@@ -42,9 +42,9 @@ export function makeWebCodecsSampler(
 				audio: {
 					getStream: async function*() {
 						const source = resolveMedia(item.mediaHash)
-						const startUs = item.start
-						const endUs = (item.start + item.duration)
-						const audio = driver.decodeAudio({source, start: startUs, end: endUs})
+						const start = item.start / 1000
+						const end = (item.start + item.duration) / 1000
+						const audio = driver.decodeAudio({source, start, end})
 						const audioStream = new AudioStream(audio.getReader())
 						yield* audioStream.stream()
 					},

package/s/timeline/parts/filmstrip.ts

@@ -54,9 +54,9 @@ export class Filmstrip {
 		return this.options.frequency
 	}
 
-	#computeActiveRange([start, end]: TimeRange): TimeRange {
+	#computeActiveRange([start, end]: TimeRange, margin = 1): TimeRange {
 		const tileSize = end - start
-		return [start - tileSize, end + tileSize]
+		return [start - tileSize * margin, end + tileSize * margin]
 	}
 
 	async #generateTiles() {
@@ -106,15 +106,20 @@ export class Filmstrip {
  	* @param visibleRange - The current timeline viewport as a [start, end] tuple in seconds.
  	*/
 	set range(visibleRange: TimeRange) {
-		const newRange = this.#computeActiveRange(visibleRange)
-		// Avoid redundant updates
-		if (
-			this.#activeRange[0] === newRange[0] &&
-			this.#activeRange[1] === newRange[1]
-		)
-			return
+		const [visStart, visEnd] = visibleRange
+		const visibleSize = visEnd - visStart
+		const [actStart, actEnd] = this.#activeRange
+
+		// trigger when we're 1x visible width away from margin edges
+		const leftTrigger = actStart + visibleSize
+		const rightTrigger = actEnd - visibleSize
+
+		const nearLeftEdge = visStart < leftTrigger
+		const nearRightEdge = visEnd > rightTrigger
+
+		if (!nearLeftEdge && !nearRightEdge) return
 
-		this.#activeRange = newRange
+		this.#activeRange = this.#computeActiveRange(visibleRange, 2)
 		this.#update()
 	}