diff --git a/assets/mediabunny-logo.svg b/assets/mediabunny-logo.svg deleted file mode 100644 index 458fbad..0000000 --- a/assets/mediabunny-logo.svg +++ /dev/null @@ -1,17 +0,0 @@ - - - - - - - - \ No newline at end of file diff --git a/docs/.vitepress/theme/theme.css b/docs/.vitepress/theme/theme.css index a1d495e..4cb7499 100644 --- a/docs/.vitepress/theme/theme.css +++ b/docs/.vitepress/theme/theme.css @@ -47,6 +47,6 @@ color: hsl(345, 100%, 85%); } -body { - overflow-x: hidden; +html, body { + overflow-x: hidden !important; } \ No newline at end of file diff --git a/docs/assets/avatar-konstantin.png b/docs/assets/avatar-konstantin.png new file mode 100644 index 0000000..49ba326 Binary files /dev/null and b/docs/assets/avatar-konstantin.png differ diff --git a/docs/assets/avatar-yonatan.jpeg b/docs/assets/avatar-yonatan.jpeg new file mode 100644 index 0000000..84aeca5 Binary files /dev/null and b/docs/assets/avatar-yonatan.jpeg differ diff --git a/assets/big-buck-bunny-trimmed.mp4 b/docs/assets/big-buck-bunny-trimmed.mp4 similarity index 100% rename from assets/big-buck-bunny-trimmed.mp4 rename to docs/assets/big-buck-bunny-trimmed.mp4 diff --git a/docs/codec-soup.svg b/docs/assets/codec-soup.svg similarity index 100% rename from docs/codec-soup.svg rename to docs/assets/codec-soup.svg diff --git a/assets/download-icon.svg b/docs/assets/download-icon.svg similarity index 100% rename from assets/download-icon.svg rename to docs/assets/download-icon.svg diff --git a/assets/fullscreen-icon.svg b/docs/assets/fullscreen-icon.svg similarity index 100% rename from assets/fullscreen-icon.svg rename to docs/assets/fullscreen-icon.svg diff --git a/assets/github-mark.svg b/docs/assets/github-mark.svg similarity index 100% rename from assets/github-mark.svg rename to docs/assets/github-mark.svg diff --git a/docs/inspiring-io.svg b/docs/assets/inspiring-io.svg similarity index 100% rename from docs/inspiring-io.svg rename to docs/assets/inspiring-io.svg diff --git a/assets/pause-icon.svg b/docs/assets/pause-icon.svg similarity index 100% rename from assets/pause-icon.svg rename to docs/assets/pause-icon.svg diff --git a/docs/guide/planar_interleaved.svg b/docs/assets/planar_interleaved.svg similarity index 100% rename from docs/guide/planar_interleaved.svg rename to docs/assets/planar_interleaved.svg diff --git a/assets/play-icon.svg b/docs/assets/play-icon.svg similarity index 100% rename from assets/play-icon.svg rename to docs/assets/play-icon.svg diff --git a/assets/volume-0-icon.svg b/docs/assets/volume-0-icon.svg similarity index 100% rename from assets/volume-0-icon.svg rename to docs/assets/volume-0-icon.svg diff --git a/assets/volume-1-icon.svg b/docs/assets/volume-1-icon.svg similarity index 100% rename from assets/volume-1-icon.svg rename to docs/assets/volume-1-icon.svg diff --git a/assets/volume-2-icon.svg b/docs/assets/volume-2-icon.svg similarity index 100% rename from assets/volume-2-icon.svg rename to docs/assets/volume-2-icon.svg diff --git a/assets/volume-off-icon.svg b/docs/assets/volume-off-icon.svg similarity index 100% rename from assets/volume-off-icon.svg rename to docs/assets/volume-off-icon.svg diff --git a/assets/volume-x-icon.svg b/docs/assets/volume-x-icon.svg similarity index 100% rename from assets/volume-x-icon.svg rename to docs/assets/volume-x-icon.svg diff --git a/docs/guide/packets-and-samples.md b/docs/guide/packets-and-samples.md index 549948c..2371bb4 100644 --- a/docs/guide/packets-and-samples.md +++ b/docs/guide/packets-and-samples.md @@ -409,7 +409,7 @@ The following audio sample formats are supported: Planar formats store each channel's data contiguously, while interleaved formats store the channels' data interleaved together: -![Planar vs. interleaved formats](./planar_interleaved.svg) +![Planar vs. interleaved formats](../assets/planar_interleaved.svg) ### Inspecting audio samples diff --git a/docs/index.md b/docs/index.md index 10a13de..d5a21eb 100644 --- a/docs/index.md +++ b/docs/index.md @@ -17,9 +17,90 @@ hero: - theme: alt text: Examples link: /examples + - theme: alt + text: Sponsors + link: "#sponsors" --- -
+ + +
+
+ +

{{ quote.quote }}

+
+ + Author image + +

{{ quote.author }}

+
+
+
+ +

Read any media file, efficiently

@@ -139,7 +220,7 @@ await conversion.execute();
- +

Universal I/O

@@ -158,64 +239,17 @@ await conversion.execute();
- +
- -

{{ benchmark.name }}

{{ result.name }}

-
+

{{ result.value < 100 ? result.value.toPrecision(3) : Math.floor(result.value) }} {{ benchmark.unit }}

@@ -236,7 +270,7 @@ const bundleSizes = [

Bundle size, minified + gzipped

{{ result.name }}

-
+

{{ result.size < 100 ? result.size.toPrecision(3) : Math.floor(result.size) }} kB

@@ -249,4 +283,4 @@ const bundleSizes = [
-
+
\ No newline at end of file diff --git a/examples/file-compression/file-compression.ts b/examples/file-compression/file-compression.ts index 57a1572..9b238ee 100644 --- a/examples/file-compression/file-compression.ts +++ b/examples/file-compression/file-compression.ts @@ -9,7 +9,7 @@ import { QUALITY_VERY_LOW, } from 'mediabunny'; -import SampleFileUrl from '../../assets/big-buck-bunny-trimmed.mp4'; +import SampleFileUrl from '../../docs/assets/big-buck-bunny-trimmed.mp4'; (document.querySelector('#sample-file-download') as HTMLAnchorElement).href = SampleFileUrl; const selectMediaButton = document.querySelector('button') as HTMLButtonElement; diff --git a/examples/file-compression/index.html b/examples/file-compression/index.html index 79fc087..d424ac6 100644 --- a/examples/file-compression/index.html +++ b/examples/file-compression/index.html @@ -21,7 +21,7 @@ - +

@@ -48,7 +48,7 @@ target="_blank" class="flex items-center gap-2 fixed top-0 right-0 py-2 px-5 bg-zinc-200 dark:bg-zinc-750 hover:bg-zinc-300 dark:hover:bg-zinc-700 rounded-bl-xl" > - +

View source code

diff --git a/examples/live-recording/index.html b/examples/live-recording/index.html index fb00813..2472c1f 100644 --- a/examples/live-recording/index.html +++ b/examples/live-recording/index.html @@ -49,7 +49,7 @@ target="_blank" class="flex items-center gap-2 fixed top-0 right-0 py-2 px-5 bg-zinc-200 dark:bg-zinc-750 hover:bg-zinc-300 dark:hover:bg-zinc-700 rounded-bl-xl" > - +

View source code

diff --git a/examples/media-player/index.html b/examples/media-player/index.html index b49eae5..6403599 100644 --- a/examples/media-player/index.html +++ b/examples/media-player/index.html @@ -21,7 +21,7 @@ - +

@@ -35,18 +35,18 @@
@@ -68,7 +68,7 @@
@@ -84,7 +84,7 @@ target="_blank" class="flex items-center gap-2 fixed top-0 right-0 py-2 px-5 bg-zinc-200 dark:bg-zinc-750 hover:bg-zinc-300 dark:hover:bg-zinc-700 rounded-bl-xl" > - +

View source code

diff --git a/examples/media-player/media-player.ts b/examples/media-player/media-player.ts index 8b3a800..01d770a 100644 --- a/examples/media-player/media-player.ts +++ b/examples/media-player/media-player.ts @@ -8,7 +8,7 @@ import { WrappedCanvas, } from 'mediabunny'; -import SampleFileUrl from '../../assets/big-buck-bunny-trimmed.mp4'; +import SampleFileUrl from '../../docs/assets/big-buck-bunny-trimmed.mp4'; (document.querySelector('#sample-file-download') as HTMLAnchorElement).href = SampleFileUrl; const selectMediaButton = document.querySelector('button') as HTMLButtonElement; diff --git a/examples/metadata-extraction/index.html b/examples/metadata-extraction/index.html index 08724fa..273d34b 100644 --- a/examples/metadata-extraction/index.html +++ b/examples/metadata-extraction/index.html @@ -21,7 +21,7 @@ - +

@@ -41,7 +41,7 @@ target="_blank" class="flex items-center gap-2 fixed top-0 right-0 py-2 px-5 bg-zinc-200 dark:bg-zinc-750 hover:bg-zinc-300 dark:hover:bg-zinc-700 rounded-bl-xl" > - +

View source code

diff --git a/examples/metadata-extraction/metadata-extraction.ts b/examples/metadata-extraction/metadata-extraction.ts index eb6d2cf..b6a1443 100644 --- a/examples/metadata-extraction/metadata-extraction.ts +++ b/examples/metadata-extraction/metadata-extraction.ts @@ -1,6 +1,6 @@ import { Input, ALL_FORMATS, BlobSource } from 'mediabunny'; -import SampleFileUrl from '../../assets/big-buck-bunny-trimmed.mp4'; +import SampleFileUrl from '../../docs/assets/big-buck-bunny-trimmed.mp4'; (document.querySelector('#sample-file-download') as HTMLAnchorElement).href = SampleFileUrl; const selectMediaButton = document.querySelector('button') as HTMLButtonElement; diff --git a/examples/procedural-generation/index.html b/examples/procedural-generation/index.html index 2e80da7..6193cf3 100644 --- a/examples/procedural-generation/index.html +++ b/examples/procedural-generation/index.html @@ -55,7 +55,7 @@ target="_blank" class="flex items-center gap-2 fixed top-0 right-0 py-2 px-5 bg-zinc-200 dark:bg-zinc-750 hover:bg-zinc-300 dark:hover:bg-zinc-700 rounded-bl-xl" > - +

View source code

diff --git a/examples/thumbnail-generation/index.html b/examples/thumbnail-generation/index.html index fd3ce0e..e6e43f1 100644 --- a/examples/thumbnail-generation/index.html +++ b/examples/thumbnail-generation/index.html @@ -21,7 +21,7 @@ - +

@@ -41,7 +41,7 @@ target="_blank" class="flex items-center gap-2 fixed top-0 right-0 py-2 px-5 bg-gray-200 dark:bg-zinc-750 hover:bg-gray-300 dark:hover:bg-zinc-700 rounded-bl-xl" > - +

View source code

diff --git a/examples/thumbnail-generation/thumbnail-generation.ts b/examples/thumbnail-generation/thumbnail-generation.ts index 797352a..ae9a7a2 100644 --- a/examples/thumbnail-generation/thumbnail-generation.ts +++ b/examples/thumbnail-generation/thumbnail-generation.ts @@ -1,6 +1,6 @@ import { Input, ALL_FORMATS, BlobSource, CanvasSink } from 'mediabunny'; -import SampleFileUrl from '../../assets/big-buck-bunny-trimmed.mp4'; +import SampleFileUrl from '../../docs/assets/big-buck-bunny-trimmed.mp4'; (document.querySelector('#sample-file-download') as HTMLAnchorElement).href = SampleFileUrl; const selectMediaButton = document.querySelector('button') as HTMLButtonElement;