Docs/Zorn
1
Fork 0
Code Issues Pull requests Activity

Drop Prism, it doesn't work, so just don't use it

Browse source
This commit is contained in:
Korbs 2025-02-05 19:45:01 -05:00
parent 5366422ea7
commit ded7d47e1e
Signed by: Korbs
SSH key fingerprint: SHA256:Q0b0KraMldpAO9oKa+w+gcsXsOTykQ4UkAKn0ByGn5U
8 changed files with 20 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

8
docs/audio-source.mdx
View file

@ -3,7 +3,7 @@ Title: Audio Source
Type: Document
---
import {Prism} from "@astrojs/prism"
import {Code} from "astro:components"
import {Zorn} from "@minpluto/zorn"
<Zorn
@ -18,7 +18,7 @@ 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**
<Prism lang="jsx" code={
<Code lang="jsx" code={
`---
import {Zorn} from "@minpluto/zorn"
---
@ -34,9 +34,9 @@ import {Zorn} from "@minpluto/zorn"
`}/>
**Local**
<Prism lang="jsx" code={`<Zorn Audio="/media/audio.ogg"/>`}/>
<Code lang="jsx" code={`<Zorn Audio="/media/audio.ogg"/>`}/>
> Use the `/public/` folder in your Astro project.
**Remote**
<Prism lang="jsx" code={`<Zorn Audio="https://example.org/media/audio.ogg"/>`}/>
<Code lang="jsx" code={`<Zorn Audio="https://example.org/media/audio.ogg"/>`}/>