From 72b292f860efc193514f1f25cf5d82d08b45c207 Mon Sep 17 00:00:00 2001 From: Korbs Date: Fri, 8 Nov 2024 21:22:33 -0500 Subject: [PATCH] Improve and update the demo --- test/src/components/Header.astro | 40 ++++++ test/src/components/Switcher.astro | 4 +- test/src/layouts/Default.astro | 44 ++++++ test/src/pages/about.md | 30 +++++ test/src/pages/index.astro | 83 +++++------- test/src/pages/live.astro | 46 +++---- test/src/pages/milieu.astro | 88 +++++------- test/src/pages/multi.astro | 164 +++++++++++------------ test/src/pages/with-separate-audio.astro | 54 +++----- 9 files changed, 303 insertions(+), 250 deletions(-) create mode 100644 test/src/components/Header.astro create mode 100644 test/src/layouts/Default.astro create mode 100644 test/src/pages/about.md diff --git a/test/src/components/Header.astro b/test/src/components/Header.astro new file mode 100644 index 0000000..2432f98 --- /dev/null +++ b/test/src/components/Header.astro @@ -0,0 +1,40 @@ +--- +// Components +import Switcher from './Switcher.astro' +--- + +
+
+ + About Demo +
+
+ +
+
+ + \ No newline at end of file diff --git a/test/src/components/Switcher.astro b/test/src/components/Switcher.astro index 3a9b42a..34c4dad 100644 --- a/test/src/components/Switcher.astro +++ b/test/src/components/Switcher.astro @@ -9,7 +9,7 @@ \ No newline at end of file diff --git a/test/src/pages/about.md b/test/src/pages/about.md new file mode 100644 index 0000000..cbb2ab3 --- /dev/null +++ b/test/src/pages/about.md @@ -0,0 +1,30 @@ +--- +layout: src/layouts/Default.astro +--- + +## Data Streams +All sources used in Zorn player, in this demo, are pulled directly from the SudoVanilla Ocean. The upload speed on SudoVanilla's internet connection is 10/Mpbs, which is slow for video and audio streaming. So while viewing the demo, expect buffering and some videos to lag a bit. + +SudoVanilla has a strict policy about only pulling sources from it's own servers only, which is why the demo is setup like this. + +## Credits + +**Milieu** + +The Milieu function, also known as ambient mode on other players, uses it's script directly from [Poke's source code](https://codeberg.org/ashley/poke/src/commit/a28f8e253663264abfcd284f8769b6e901ac1371/html/poketube.ejs#L2186-L2261). + +**HLS** + +HLS, HTTP Live Streaming, makes it possible for Zorn to support live streaming such as using .m3u8 sources. The script is minified in Zorn's source code. [You can view here](https://hlsjs.video-dev.org/dist/hls.js). + +To apply HLS to Zorn, another script is used from the same developers. [You can view that here](https://github.com/video-dev/hls.js/blob/master/demo/basic-usage.html#L14-L36). + +**Video and Audio Sync** + +Zorn supports a function to have a separated video and audio source, this was built to allow for 1080p/4K/8K support in MinPluto as it was originally built as a YouTube frontend. + +To pull this off, SudoVanilla went through a few scripts that were somewhat usable, but not the best. Eventfully, I landed on the script by Michancio on their Gist. You can [view their Gist here](https://gist.github.com/michancio/59b9f3dc54b3ff4f6a84). It is modified in Zorn's source code. + +**Icons** + +All icons used in Zorn are from [Iconoir](https://iconoir.com/support), a free icon library. \ No newline at end of file diff --git a/test/src/pages/index.astro b/test/src/pages/index.astro index 1b10b37..e1d2cc2 100644 --- a/test/src/pages/index.astro +++ b/test/src/pages/index.astro @@ -1,4 +1,7 @@ --- +// Layout +import Default from 'src/layouts/Default.astro' + // Components import {Zorn} from '@minpluto/zorn' import Info from '@components/Info.astro' @@ -12,58 +15,42 @@ import { NavArrowRight } from '@iconoir/vue' --- - - -
- -
- - - -
- - - -
-
- - - - -
- + + +
+ +
+ + + +
+ + + +
+
+ + + + +
+ + +

Source: YouTube

+

This demo pulls from SudoVanilla Ocean.

+ + - - -

Source: YouTube

-

This demo pulls from SudoVanilla Ocean.

- - - -