Add thumbnail generation example, fix MP3 detection code error, prefer canvas element over OffscreenCanvas

docs/examples.md

@@ -3,14 +3,17 @@ layout: home
 
 hero:
     text: Examples
-    tagline: Various demos showcasing the usage of the features of Mediakit
+    tagline: Demos showcasing the usage of various features of Mediakit
 
 features:
     - title: Metadata extraction
-      details: See how you can extract various metadata from an input media file.
+      details: Extract various metadata from an input media file
       link: /examples/metadata-extraction
-    - title: Feature B
-      details: Lorem ipsum dolor sit amet, consectetur adipiscing elit
+      target: _self
+    - title: Thumbnail generation
+      details: Generate multiple small thumbnails for a video track
+      link: /examples/thumbnail-generation
+      target: _self
     - title: Feature C
       details: Lorem ipsum dolor sit amet, consectetur adipiscing elit
     - title: Feature A

docs/guide/media-sinks.md

@@ -291,7 +291,7 @@ for await (const sample of keyFrameSamples) {
 While `VideoSampleSink` extracts raw decoded video samples, you can use `CanvasSink` to extract these samples as canvases instead. In doing so, certain operations such as scaling and rotating can also be handled by the sink. The downside is the additional VRAM requirements for the canvases' framebuffers.
 
 ::: info
-This sink yields `OffscreenCanvas` whenever possible, and falls back to `HTMLCanvasElement` otherwise.
+This sink yields `HTMLCanvasElement` whenever possible, and falls back to `OffscreenCanvas` otherwise (in Worker contexts, for example).
 :::
 
 Create the sink like so: