diff --git a/docs/guides/audio-export.mdx b/docs/guides/audio-export.mdx
new file mode 100644
index 0000000..fb654ed
--- /dev/null
+++ b/docs/guides/audio-export.mdx
@@ -0,0 +1,71 @@
+--- 
+title: Audio Export
+since: 1.6.0
+---
+import { SinceBadge } from '@site/src/components/SinceBadge';
+
+<SinceBadge since="1.6.0" />
+
+This guides shows how to use alphaTab to generate raw audio samples for exporting purposes. The export feature serves following use cases:
+
+1. Allow users to download an audio file of the song. <br /><br />
+If the audio is passed additionally to an audio codec like MP3 or OGG Vorbis, users can save the audio of the music sheet to disk. 
+This is a quite common feature offered to users.
+
+2. Use the raw audio for synchronization with external systems. <br /><br />
+You app might have its own mechanisms to provide media playback. Your app might have additional custom backing tracks or you want to splitup
+the individual audio tracks to play on separate output devices. By pre-computing the audio samples from the synthesizer you can 
+build an external system which combines the alphaTab audio with any custom components. 
+
+The external system can then be combined this with the [Audio & Video Sync](/docs/guides/audio-video-sync) feature to still have an interactive music sheet that shows correctly what's being played. 
+
+
+> [!NOTE]
+> The audio export can be used regardless of the current mode the alphaTab player is in. This allows exporting audio even if an external audio backing track or video is used.
+> Just be sure to pass in the required soundfont in this case. If a synthesizer is already active, it can reuse the already loaded soundfont.
+
+## How to use this?
+
+The audio exporter follows an asynchronous pull pattern:
+
+* _async_ because the exporter uses `Promises` (`Task` for C#, `Deferred` for Kotlin) to provide a clean way of requesting audio data without fighting with callbacks or events. 
+* _pull_ because you request the next chunk of audio to be generated and pull the audio into your consumer code. 
+
+To export the audio you follow tree main steps: 
+
+1. You start a new exporter with [`await api.exportAudio(...)`](/docs/reference/api/exportaudio.mdx). 
+2. You call [`exporter.render(<milliseconds>)`](/docs/reference/types/synth/iaudioexporter/render.mdx) to produce a chunk of audio which you can then process further. (repeated until end is reached).
+3. You cleanup the exporter via [`exporter.destroy()`](/docs/reference/types/synth/iaudioexporter/destroy.mdx). The exporter also implements `Disposable` (`IDisposable` for C#, `AutoCloseable` for `Kotlin`) which allows easy cleanup via language features if supported.
+
+> [!WARNING]
+> The raw audio samples for a whole song can consume quite a huge amount of memory: A calculation example:
+>
+> * 4 bytes per sample (32-bit float samples)
+> * 2 audio channels (left and right for stereo sound)
+> * 44100 samples per second 
+>
+> A 1 minute song already needs ~21MB of memory (`60s * 4bytes * 2channels * 44100samples/s`), multiply accordingly. 
+>
+> To keep the memory pressure low, you might send the chunks into a 3rd party library encoding the audio in a smaller format (e.g. MP3 or OGG Vorbis).
+
+### Available options
+
+The [`AudioExportOptions`](/docs/reference/types/synth/audioexportoptions/index.mdx) allow customizing various aspects of the audio exported: 
+
+* [`soundFonts`](/docs/reference/types/synth/audioexportoptions/soundfonts.mdx) can be used to customize the soundfonts used during export. 
+* [`sampleRate`](/docs/reference/types/synth/audioexportoptions/samplerate.mdx) can be used to customize the sample rate of the exported audio. 
+* [`useSyncPoints`](/docs/reference/types/synth/audioexportoptions/usesyncpoints.mdx) controls whether the sync points of the currently loaded song are appled during audio generation. 
+* [`masterVolume`](/docs/reference/types/synth/audioexportoptions/mastervolume.mdx) controls the master volume of the generated audio. 
+* [`metronomeVolume`](/docs/reference/types/synth/audioexportoptions/metronomevolume.mdx) controls the volume of the metronome ticks. (keep in mind that the use of `useSyncPoints` changes the audio duration, the metronome is aligned with the music notes, not with the synthesized audio)
+* [`playbackRange`](/docs/reference/types/synth/audioexportoptions/playbackrange.mdx) controls the audio range which is exported. 
+* [`trackVolume`](/docs/reference/types/synth/audioexportoptions/trackvolume.mdx) controls the volume of every track (percentage-wise to the already configured absolute volume)
+* [`trackTranspositionPitches`](/docs/reference/types/synth/audioexportoptions/tracktranspositionpitches.mdx) controls an additional transposition pitch for the tracks. 
+
+## Example
+
+This example exports the audio and creates a [WAV File](https://en.wikipedia.org/wiki/WAV) out of the samples. WAV files contain the raw samples, we just need
+to write the correct file header. In this demo we then create a Blob URL in the browser to set the WAV file as source of an `<audio />` tag to play it. 
+
+import { AudioExportSample } from '@site/src/components/AudioExportSample';
+
+<AudioExportSample />
\ No newline at end of file
diff --git a/docs/guides/audio-video-sync.mdx b/docs/guides/audio-video-sync.mdx
index 22619f4..3cc6a0d 100644
--- a/docs/guides/audio-video-sync.mdx
+++ b/docs/guides/audio-video-sync.mdx
@@ -1,6 +1,10 @@
 --- 
 title: Audio & Video Sync
+since: 1.6.0
 ---
+import { SinceBadge } from '@site/src/components/SinceBadge';
+
+<SinceBadge since="1.6.0" />
 
 alphaTab can be synchronized with an external audio or video backing track. You can either use Guitar Pro 8 files with an audio track or synchronize alphaTab with an external media using the 
 [Media Sync Editor in the Playground](/docs/playground/playground.mdx).
diff --git a/docs/guides/media-sync-editor.mdx b/docs/guides/media-sync-editor.mdx
index d9a3acb..5da7a71 100644
--- a/docs/guides/media-sync-editor.mdx
+++ b/docs/guides/media-sync-editor.mdx
@@ -1,6 +1,10 @@
 --- 
 title: Media Sync Editor
+since: 1.6.0
 ---
+import { SinceBadge } from '@site/src/components/SinceBadge';
+
+<SinceBadge since="1.6.0" />
 
 This guide is about the Media Sync Editor we provide as part of our [Playground](/docs/playground/playground.mdx).
 
diff --git a/docs/reference/api/exportaudio.mdx b/docs/reference/api/exportaudio.mdx
new file mode 100644
index 0000000..095d6bb
--- /dev/null
+++ b/docs/reference/api/exportaudio.mdx
@@ -0,0 +1,48 @@
+---
+title: exportAudio
+description: "Starts the audio export for the currently loaded song."
+sidebar_custom_props:
+  kind: method
+  category: Methods - Player
+  since: 1.5.0
+---
+
+import { ParameterTable, ParameterRow } from '@site/src/components/ParameterTable';
+import CodeBlock from '@theme/CodeBlock';
+import Tabs from "@theme/Tabs";
+import TabItem from "@theme/TabItem";
+import { CodeBadge } from '@site/src/components/CodeBadge';
+import { SinceBadge } from '@site/src/components/SinceBadge';
+import DynHeading from '@site/src/components/DynHeading';
+import Link from '@docusaurus/Link';
+
+<SinceBadge since="1.5.0" />
+
+### Description
+Starts the audio export for the currently loaded song. This will not export or use any backing track media but will always use the synthesizer to generate the output.
+This method works with any PlayerMode active but changing the mode during export can lead to unexpected side effects.
+
+See [Audio Export](/docs/guides/audio-export) for further guidance how to use this feature.
+
+<Tabs defaultValue="js" values={[{label: "JavaScript", value: "js"},{label: "C#", value: "cs"},{label:"Kotlin", value: "kt"}]}>
+<TabItem value="js">
+<div className="codeBlockContainer"><div className="codeBlockContent"><pre className="codeBlock"><code className="codeBlockLines" style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}><span style={{"color":"#36acaa"}}>{"exportAudio"}</span><span style={{"color":"#393A34"}}>{"("}</span><span style={{"color":"#36acaa"}}>{"options"}</span><span style={{"color":"#393A34"}}>{":"}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><Link style={{"color":"#36acaa"}} to={"/docs/reference/types/synth/audioexportoptions"}>{"AudioExportOptions"}</Link><span style={{"color":"#393A34"}}>{")"}</span><span style={{"color":"#393A34"}}>{":"}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><Link style={{"color":"#36acaa"}} to={"/docs/reference/types/synth/iaudioexporter"}>{"Promise"}</Link><span style={{"color":"#393A34"}}>{"<"}</span><Link style={{"color":"#36acaa"}} to={"/docs/reference/types/synth/iaudioexporter"}>{"IAudioExporter"}</Link><span style={{"color":"#393A34"}}>{">"}</span></code></pre></div></div>
+</TabItem>
+<TabItem value="cs">
+<div className="codeBlockContainer"><div className="codeBlockContent"><pre className="codeBlock"><code className="codeBlockLines" style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}><Link style={{"color":"#36acaa"}} to={"https://learn.microsoft.com/en-us/dotnet/api/system.threading.tasks.task-1"}>{"System.Threading.Task"}</Link><span style={{"color":"#393A34"}}>{"<"}</span><Link style={{"color":"#36acaa"}} to={"/docs/reference/types/synth/iaudioexporter"}>{"IAudioExporter"}</Link><span style={{"color":"#393A34"}}>{">"}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#36acaa"}}>{"ExportAudio"}</span><span style={{"color":"#393A34"}}>{"("}</span><Link style={{"color":"#36acaa"}} to={"/docs/reference/types/synth/audioexportoptions"}>{"AudioExportOptions"}</Link><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#36acaa"}}>{"options"}</span><span style={{"color":"#393A34"}}>{")"}</span></code></pre></div></div>
+</TabItem>
+<TabItem value="kt">
+<div className="codeBlockContainer"><div className="codeBlockContent"><pre className="codeBlock"><code className="codeBlockLines" style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}><span style={{"color":"#36acaa"}}>{"suspend"}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#36acaa"}}>{"fun"}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#36acaa"}}>{"exportAudio"}</span><span style={{"color":"#393A34"}}>{"("}</span><span style={{"color":"#36acaa"}}>{"options"}</span><span style={{"color":"#393A34"}}>{":"}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><Link style={{"color":"#36acaa"}} to={"/docs/reference/types/synth/audioexportoptions"}>{"AudioExportOptions"}</Link><span style={{"color":"#393A34"}}>{")"}</span><span style={{"color":"#393A34"}}>{":"}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><Link style={{"color":"#36acaa"}} to={"/docs/reference/types/synth/iaudioexporter"}>{"IAudioExporter"}</Link></code></pre></div></div>
+</TabItem>
+</Tabs>
+
+
+<ParameterTable>
+    <ParameterRow platform="all" name="options">
+        The export options.
+    </ParameterRow>
+</ParameterTable>
+
+### Returns 
+An exporter instance to export the audio in a streaming fashion. 
+
diff --git a/docs/reference/api/updatesyncpoints.mdx b/docs/reference/api/updatesyncpoints.mdx
new file mode 100644
index 0000000..4ba7fcc
--- /dev/null
+++ b/docs/reference/api/updatesyncpoints.mdx
@@ -0,0 +1,35 @@
+---
+title: updateSyncPoints
+description: "Triggers an update of the sync points for the current score after modification within the data model"
+sidebar_custom_props:
+  kind: method
+  category: Methods - Player
+  since: 1.6.0
+---
+
+import { ParameterTable, ParameterRow } from '@site/src/components/ParameterTable';
+import CodeBlock from '@theme/CodeBlock';
+import Tabs from "@theme/Tabs";
+import TabItem from "@theme/TabItem";
+import { CodeBadge } from '@site/src/components/CodeBadge';
+import { SinceBadge } from '@site/src/components/SinceBadge';
+import DynHeading from '@site/src/components/DynHeading';
+import Link from '@docusaurus/Link';
+
+<SinceBadge since="1.6.0" />
+
+### Description
+Triggers an update of the sync points for the current score after modification within the data model
+
+<Tabs defaultValue="js" values={[{label: "JavaScript", value: "js"},{label: "C#", value: "cs"},{label:"Kotlin", value: "kt"}]}>
+<TabItem value="js">
+<div className="codeBlockContainer"><div className="codeBlockContent"><pre className="codeBlock"><code className="codeBlockLines" style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}><span style={{"color":"#36acaa"}}>{"updateSyncPoints"}</span><span style={{"color":"#393A34"}}>{"("}</span><span style={{"color":"#393A34"}}>{")"}</span><span style={{"color":"#393A34"}}>{":"}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#36acaa"}}>{"void"}</span></code></pre></div></div>
+</TabItem>
+<TabItem value="cs">
+<div className="codeBlockContainer"><div className="codeBlockContent"><pre className="codeBlock"><code className="codeBlockLines" style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}><span style={{"color":"#00009f"}}>{"void"}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#36acaa"}}>{"UpdateSyncPoints"}</span><span style={{"color":"#393A34"}}>{"("}</span><span style={{"color":"#393A34"}}>{")"}</span></code></pre></div></div>
+</TabItem>
+<TabItem value="kt">
+<div className="codeBlockContainer"><div className="codeBlockContent"><pre className="codeBlock"><code className="codeBlockLines" style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}><span style={{"color":"#36acaa"}}>{"fun"}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#36acaa"}}>{"updateSyncPoints"}</span><span style={{"color":"#393A34"}}>{"("}</span><span style={{"color":"#393A34"}}>{")"}</span><span style={{"color":"#393A34"}}>{":"}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#36acaa"}}>{"Unit"}</span></code></pre></div></div>
+</TabItem>
+</Tabs>
+
diff --git a/docs/reference/settings/core/fontdirectory.mdx b/docs/reference/settings/core/fontdirectory.mdx
index 3d1e71b..653fc12 100644
--- a/docs/reference/settings/core/fontdirectory.mdx
+++ b/docs/reference/settings/core/fontdirectory.mdx
@@ -27,5 +27,7 @@ where the Web Font files of [Bravura](https://github.com/steinbergmedia/bravura)
 them to be in a `font` subfolder beside the script file. If this is not the case, this setting must be used to configure the path.
 Alternatively also a global variable `ALPHATAB_FONT` can be set on the page before initializing alphaTab.
 
+Use <code style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}><Link style={{"color":"#36acaa"}} to={"/docs/reference/settings/core/smuflfontsources"}>{"smuflFontSources"}</Link></code> for more flexible font configuration.
+
 <div className="codeBlockContainer"><div className="codeBlockContent"><pre className="codeBlock"><code className="codeBlockLines" style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}><span style={{"color":"#36acaa"}}>{"fontDirectory"}</span><span style={{"color":"#393A34"}}>{":"}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#36acaa"}}>{"string"}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#393A34"}}>{"|"}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#00009f"}}>{"null"}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#393A34"}}>{"="}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#36acaa"}}>{"\"${AlphaTabScriptFolder}/font/\""}</span><span style={{"color":"#393A34"}}>{";"}</span></code></pre></div></div>
 
diff --git a/docs/reference/settings/core/smuflfontsources.mdx b/docs/reference/settings/core/smuflfontsources.mdx
new file mode 100644
index 0000000..5c18848
--- /dev/null
+++ b/docs/reference/settings/core/smuflfontsources.mdx
@@ -0,0 +1,31 @@
+---
+title: core.smuflFontSources
+description: "Defines the URLs from which to load the SMuFL compliant font files."
+sidebar_custom_props:
+  javaScriptOnly: true
+  jsOnParent: true
+  category: Core - JavaScript Specific
+  since: 1.6.0
+---
+
+import { ParameterTable, ParameterRow } from '@site/src/components/ParameterTable';
+import CodeBlock from '@theme/CodeBlock';
+import Tabs from "@theme/Tabs";
+import TabItem from "@theme/TabItem";
+import { CodeBadge } from '@site/src/components/CodeBadge';
+import { SinceBadge } from '@site/src/components/SinceBadge';
+import DynHeading from '@site/src/components/DynHeading';
+import Link from '@docusaurus/Link';
+
+import { SettingsHeader } from '@site/src/components/SettingsHeader';
+
+<SettingsHeader />
+
+### Description
+Defines the URLs from which to load the SMuFL compliant font files. These sources will be used to load and register the webfonts on the page so
+they are available for rendering the music sheet. The sources can be set to any
+CSS compatible URL which can be passed into `url()`.
+See https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/src#url
+
+<div className="codeBlockContainer"><div className="codeBlockContent"><pre className="codeBlock"><code className="codeBlockLines" style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}><span style={{"color":"#36acaa"}}>{"smuflFontSources"}</span><span style={{"color":"#393A34"}}>{":"}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><Link style={{"color":"#36acaa"}} to={"/docs/reference/types/fontfileformat"}>{"Map"}</Link><span style={{"color":"#393A34"}}>{"<"}</span><Link style={{"color":"#36acaa"}} to={"/docs/reference/types/fontfileformat"}>{"FontFileFormat"}</Link><span style={{"color":"#393A34"}}>{","}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#36acaa"}}>{"string"}</span><span style={{"color":"#393A34"}}>{">"}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#393A34"}}>{"|"}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#00009f"}}>{"null"}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#393A34"}}>{"="}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#36acaa"}}>{"Bravura files located at <code style={{\"color\":\"#393A34\",\"backgroundColor\":\"#f6f8fa\"}}><Link style={{\"color\":\"#36acaa\"}} to={\"/docs/reference/settings/core/fontdirectory\"}>{\"fontDirectory\"}</Link></code> ."}</span><span style={{"color":"#393A34"}}>{";"}</span></code></pre></div></div>
+
diff --git a/docs/reference/settings/player/enablecursor.mdx b/docs/reference/settings/player/enablecursor.mdx
index a908214..d0f8975 100644
--- a/docs/reference/settings/player/enablecursor.mdx
+++ b/docs/reference/settings/player/enablecursor.mdx
@@ -24,13 +24,13 @@ Whether playback cursors should be displayed. This setting configures whether th
 
 <Tabs defaultValue="js" values={[{label: "JavaScript", value: "js"},{label: "C#", value: "cs"},{label:"Kotlin", value: "kt"}]}>
 <TabItem value="js">
-<div className="codeBlockContainer"><div className="codeBlockContent"><pre className="codeBlock"><code className="codeBlockLines" style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}><span style={{"color":"#36acaa"}}>{"enableCursor"}</span><span style={{"color":"#393A34"}}>{":"}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#36acaa"}}>{"boolean"}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#393A34"}}>{"="}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#36acaa"}}>{"true"}</span><span style={{"color":"#393A34"}}>{";"}</span></code></pre></div></div>
+<div className="codeBlockContainer"><div className="codeBlockContent"><pre className="codeBlock"><code className="codeBlockLines" style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}><span style={{"color":"#36acaa"}}>{"enableCursor"}</span><span style={{"color":"#393A34"}}>{":"}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#36acaa"}}>{"boolean"}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#393A34"}}>{"="}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#36acaa"}}>{"`true` (if player is not disabled)"}</span><span style={{"color":"#393A34"}}>{";"}</span></code></pre></div></div>
 </TabItem>
 <TabItem value="cs">
-<div className="codeBlockContainer"><div className="codeBlockContent"><pre className="codeBlock"><code className="codeBlockLines" style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}><span style={{"color":"#36acaa"}}>{"bool"}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#36acaa"}}>{"EnableCursor"}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#393A34"}}>{"{"}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#00009f"}}>{"get"}</span><span style={{"color":"#393A34"}}>{";"}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#00009f"}}>{"set"}</span><span style={{"color":"#393A34"}}>{";"}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#393A34"}}>{"}"}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#393A34"}}>{"="}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#36acaa"}}>{"true"}</span></code></pre></div></div>
+<div className="codeBlockContainer"><div className="codeBlockContent"><pre className="codeBlock"><code className="codeBlockLines" style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}><span style={{"color":"#36acaa"}}>{"bool"}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#36acaa"}}>{"EnableCursor"}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#393A34"}}>{"{"}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#00009f"}}>{"get"}</span><span style={{"color":"#393A34"}}>{";"}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#00009f"}}>{"set"}</span><span style={{"color":"#393A34"}}>{";"}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#393A34"}}>{"}"}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#393A34"}}>{"="}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#36acaa"}}>{"`true` (if player is not disabled)"}</span></code></pre></div></div>
 </TabItem>
 <TabItem value="kt">
-<div className="codeBlockContainer"><div className="codeBlockContent"><pre className="codeBlock"><code className="codeBlockLines" style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}><span style={{"color":"#00009f"}}>{"var"}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#36acaa"}}>{"enableCursor"}</span><span style={{"color":"#393A34"}}>{":"}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#36acaa"}}>{"Boolean"}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#393A34"}}>{"="}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#36acaa"}}>{"true"}</span></code></pre></div></div>
+<div className="codeBlockContainer"><div className="codeBlockContent"><pre className="codeBlock"><code className="codeBlockLines" style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}><span style={{"color":"#00009f"}}>{"var"}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#36acaa"}}>{"enableCursor"}</span><span style={{"color":"#393A34"}}>{":"}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#36acaa"}}>{"Boolean"}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#393A34"}}>{"="}</span><span style={{"color":"#393A34","backgroundColor":"#f6f8fa"}}>{" "}</span><span style={{"color":"#36acaa"}}>{"`true` (if player is not disabled)"}</span></code></pre></div></div>
 </TabItem>
 </Tabs>
 
diff --git a/src/components/AudioExportSample/index.tsx b/src/components/AudioExportSample/index.tsx
new file mode 100644
index 0000000..b0ed3e9
--- /dev/null
+++ b/src/components/AudioExportSample/index.tsx
@@ -0,0 +1,203 @@
+import * as alphaTab from "@coderline/alphatab";
+import React, { useEffect, useState } from "react";
+import { useAlphaTab } from "@site/src/hooks";
+import CodeBlock from '@theme/CodeBlock';
+import './styles.module.scss'
+
+export const AudioExportSample: React.FC = () => {
+    const [api, element] = useAlphaTab(s => {
+        s.core.file = '/files/Bach_Prelude_BWV999.gp';
+        s.player.playerMode = alphaTab.PlayerMode.EnabledSynthesizer;
+        s.player.scrollMode = alphaTab.ScrollMode.Off;
+        s.player.enableCursor = false;
+        s.player.enableUserInteraction = false;
+    });
+
+    const [wavUrl, setWavUrl] = useState<string>();
+
+    useEffect(() => {
+        // capture url for revocation
+        const currentUrl = wavUrl;
+        return () => {
+            if (currentUrl) {
+                URL.revokeObjectURL(currentUrl)
+            }
+        }
+    }, [wavUrl])
+
+    function createWavSampleUrl(chunks: Float32Array[], sampleRate: number): string {
+        const samples = chunks.reduce((p, c) => p + c.length, 0);
+        const wavHeaderSize = 44;
+        const fileSize = wavHeaderSize + samples * 4;
+        const buffer = alphaTab.io.ByteBuffer.withCapacity(fileSize);
+
+        //
+        // wav header
+
+        // RIFF chunk
+        buffer.write(new Uint8Array([0x52, 0x49, 0x46, 0x46]), 0, 4); // RIFF
+        alphaTab.io.IOHelper.writeInt32LE(buffer, fileSize - 8); // file size
+        buffer.write(new Uint8Array([0x57, 0x41, 0x56, 0x45]), 0, 4); // WAVE
+
+        // format chunk
+        buffer.write(new Uint8Array([0x66, 0x6D, 0x74, 0x20]), 0, 4); // fmt␣
+        alphaTab.io.IOHelper.writeInt32LE(buffer, 16); // block size
+        alphaTab.io.IOHelper.writeInt16LE(buffer, 3); // audio format (1=WAVE_FORMAT_IEEE_FLOAT)
+        const channels = 2;
+        alphaTab.io.IOHelper.writeInt16LE(buffer, channels); // number of channels
+        alphaTab.io.IOHelper.writeInt32LE(buffer, sampleRate); // sample rate
+        alphaTab.io.IOHelper.writeInt32LE(buffer, Float32Array.BYTES_PER_ELEMENT * channels * sampleRate); // bytes/second
+        const bitsPerSample = Float32Array.BYTES_PER_ELEMENT * 8;
+        alphaTab.io.IOHelper.writeInt16LE(buffer, channels * Math.floor((bitsPerSample + 7) / 8)); // block align
+        alphaTab.io.IOHelper.writeInt16LE(buffer, bitsPerSample); // bits per sample
+
+        // data chunk
+        buffer.write(new Uint8Array([0x64, 0x61, 0x74, 0x61]), 0, 4); // data
+        alphaTab.io.IOHelper.writeInt32LE(buffer, samples * 4);
+        for (const c of chunks) {
+            const bytes = new Uint8Array(c.buffer, c.byteOffset, c.byteLength);
+            buffer.write(bytes, 0, bytes.length);
+        }
+
+        const blob: Blob = new Blob([
+            buffer.toArray()
+        ], {
+            type: 'audio/wav'
+        });
+        return URL.createObjectURL(blob);
+    }
+
+    async function downloadFile() {
+        try {
+            // setup options
+            const options = new alphaTab.synth.AudioExportOptions();
+            options.masterVolume = 0.8;
+            options.metronomeVolume = 1;
+            options.trackVolume.set(0, 0.5);
+            options.sampleRate = 44100;
+
+            // start exporter
+            const exporter = await api!.exportAudio(options);
+
+            // collect all chunks in 500ms steps 
+            const chunks: Float32Array[] = [];
+            try {
+                while (true) {
+                    const chunk = await exporter.render(500);
+                    if (chunk === undefined) {
+                        break;
+                    }
+
+                    chunks.push(chunk.samples);
+                }
+
+            } finally {
+                exporter.destroy();
+            }
+
+            // use the samples. 
+            // in this example: create a wav file and set it as source of the audio element 
+
+            const wav = createWavSampleUrl(chunks, options.sampleRate);
+            setWavUrl(wav);
+        }
+        catch (e) {
+            console.error('Error during export', e);
+            alert('Something went wrong during export, check the browser logs for details');
+        }
+    }
+
+    return <>
+        <button className="button button--primary" onClick={() => downloadFile()} type="button">Generate WAV</button>
+        {wavUrl && <audio src={wavUrl} controls={true} autoPlay={false} />}
+        <div ref={element} />
+        <CodeBlock language="typescript">
+            {[
+                "async function generateWav() {",
+                "    try {",
+                "        // setup options",
+                "        const options = new alphaTab.synth.AudioExportOptions();",
+                "        options.masterVolume = 0.8;",
+                "        options.metronomeVolume = 1;",
+                "        options.trackVolume.set(0, 0.5);",
+                "        options.sampleRate = 44100;",
+                "",
+                "        // start exporter",
+                "        const exporter = await api!.exportAudio(options);",
+                "",
+                "        // collect all chunks in 500ms steps ",
+                "        const chunks: Float32Array[] = [];",
+                "        try {",
+                "            while (true) {",
+                "                const chunk = await exporter.render(500);",
+                "                if (chunk === undefined) {",
+                "                    break;",
+                "                }",
+                "",
+                "                chunks.push(chunk.samples);",
+                "            }",
+                "",
+                "        } finally {",
+                "            exporter.destroy();",
+                "        }",
+                "",
+                "        // use the samples. ",
+                "        // in this example: create a wav file and set it as source of the audio element",
+                "",
+                "        const wav = convertSamplesToWavBlobUrl(chunks, options.sampleRate);",
+                "        ",
+                "        // <audio id=\"wav\" controls=\"true\" />",
+                "        document.querySelector<HTMLAudioElement>('#wav')!.src = wav;",
+                "    }",
+                "    catch (e) {",
+                "        console.error('Error during export', e);",
+                "        alert('Something went wrong during export, check the browser logs for details');",
+                "    }",
+                "}",
+                "",
+                "function convertSamplesToWavBlobUrl(chunks: Float32Array[], sampleRate: number): string {",
+                "    const samples = chunks.reduce((p, c) => p + c.length, 0);",
+                "    const wavHeaderSize = 44;",
+                "    const fileSize = wavHeaderSize + samples * 4;",
+                "    const buffer = alphaTab.io.ByteBuffer.withCapacity(fileSize);",
+                "",
+                "    //",
+                "    // write wav header",
+                "",
+                "    // RIFF chunk",
+                "    buffer.write(new Uint8Array([0x52, 0x49, 0x46, 0x46]), 0, 4); // RIFF",
+                "    alphaTab.io.IOHelper.writeInt32LE(buffer, fileSize - 8); // file size",
+                "    buffer.write(new Uint8Array([0x57, 0x41, 0x56, 0x45]), 0, 4); // WAVE",
+                "",
+                "    // format chunk",
+                "    buffer.write(new Uint8Array([0x66, 0x6D, 0x74, 0x20]), 0, 4); // fmt␣",
+                "    alphaTab.io.IOHelper.writeInt32LE(buffer, 16); // block size",
+                "    alphaTab.io.IOHelper.writeInt16LE(buffer, 3); // audio format (1=WAVE_FORMAT_IEEE_FLOAT)",
+                "    const channels = 2;",
+                "    alphaTab.io.IOHelper.writeInt16LE(buffer, channels); // number of channels",
+                "    alphaTab.io.IOHelper.writeInt32LE(buffer, sampleRate); // sample rate",
+                "    alphaTab.io.IOHelper.writeInt32LE(buffer, Float32Array.BYTES_PER_ELEMENT * channels * sampleRate); // bytes/second",
+                "    const bitsPerSample = Float32Array.BYTES_PER_ELEMENT * 8;",
+                "    alphaTab.io.IOHelper.writeInt16LE(buffer, channels * Math.floor((bitsPerSample + 7) / 8)); // block align",
+                "    alphaTab.io.IOHelper.writeInt16LE(buffer, bitsPerSample); // bits per sample",
+                "",
+                "    // data chunk",
+                "    buffer.write(new Uint8Array([0x64, 0x61, 0x74, 0x61]), 0, 4); // data",
+                "    alphaTab.io.IOHelper.writeInt32LE(buffer, samples * 4);",
+                "    for (const c of chunks) {",
+                "        const bytes = new Uint8Array(c.buffer, c.byteOffset, c.byteLength);",
+                "        buffer.write(bytes, 0, bytes.length);",
+                "    }",
+                "",
+                "    const blob: Blob = new Blob([",
+                "        buffer.toArray()",
+                "    ], {",
+                "        type: 'audio/wav'",
+                "    });",
+                "    return URL.createObjectURL(blob);",
+                "}",
+            ].join('\n')}
+        </CodeBlock>
+    </>
+
+};
\ No newline at end of file
diff --git a/src/components/AudioExportSample/styles.module.scss b/src/components/AudioExportSample/styles.module.scss
new file mode 100644
index 0000000..11c701b
--- /dev/null
+++ b/src/components/AudioExportSample/styles.module.scss
@@ -0,0 +1,3 @@
+    audio {
+        width: 100%;
+    }
\ No newline at end of file