Zorn/docs/audio-source.mdx

1.5 KiB

Title Type
Audio Source Document

import {Code} from "astro:components" import {Zorn} from "@minpluto/zorn"

Since Zorn was originally built for the MinPluto frontend project, there are scenarios where the video source has no audio to get higher quality options. If you're in a scenario where the video source is missing audio, but you do have the audio itself, you can add that audio source to the video player. A separated <audio/> element is used, this will use a sync function in JavaScript to make sure the video and audio are synced. As before with the video source, it can be local or remote.

Demo Used Above <Code lang="jsx" code={ `--- import {Zorn} from "@minpluto/zorn"

`}/>

Local <Code lang="jsx" code={<Zorn Audio="/media/audio.ogg"/>}/>

Use the /public/ folder in your Astro project.

Remote <Code lang="jsx" code={<Zorn Audio="https://example.org/media/audio.ogg"/>}/>