g/ember-market-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Preload notification audio and add AudioPreloader component

Browse Source 
Added an AudioPreloader React component to preload the /hohoho.mp3 audio file for notifications, and included it in the app layout. Also updated _document.tsx to add a preload link for the audio file. Added yt-dlp.exe binary to the repository.
This commit is contained in:
g
2025-12-09 17:48:55 +00:00
parent 0008d367f5
commit e10ad2835e
4 changed files with 32 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/_document.tsx
View File

@@ -3,7 +3,9 @@ import { Html, Head, Main, NextScript } from "next/document";
export default function Document() {
return (
<Html lang="en">
<Head />
<Head>
<link rel="preload" href="/hohoho.mp3" as="audio" type="audio/mpeg" />
</Head>
<body>
<Main />
<NextScript />

2
app/layout.tsx
View File

@@ -8,6 +8,7 @@ import { Metadata, Viewport } from "next"
import KeepOnlineWrapper from "@/components/layout/KeepOnlineWrapper"
import { ChristmasDecorations } from "@/components/christmas-decorations"
import { isDecember } from "@/lib/utils/christmas"
import { AudioPreloader } from "@/components/audio-preloader"
const inter = Inter({ subsets: ["latin"] })
@@ -77,6 +78,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning className={isDec ? "christmas-theme" : ""}>
<body className={inter.className}>
<ThemeProvider attribute="class" defaultTheme="dark" enableSystem disableTransitionOnChange>
<AudioPreloader />
<NotificationProvider>
{isDec && <ChristmasDecorations />}
<Toaster