Wubbl0rz Archiv

screenshot of Wubbl0rz Archiv
svelte
tailwind
daisyui

Twitch archive using Go/PocketBase, SvelteKit/Tailwind/Vidstack and FFmpeg

Overview

The product being analyzed is a software tool that allows users to automatically download and manage vods (videos on demand) and clips from live streams. It also provides features such as creating various assets like thumbnails and preview videos, full text search of spoken words, filtering and sorting capabilities, a chatlogger, custom thumbnail support, an admin backend for uploading vods to YouTube, a free-to-use api, statistics page, and a Discord bot for stream notifications and slash commands.

Features

  • Automatically downloads vods and clips
  • Automatically creates all assets like thumbnails, preview videos, and sprite thumbnails for player hover
  • Full text search of every spoken word powered by whisper and meilisearch
  • Filter and sorting for vods and clips
  • Chatlogger with auto update as new messages come in
  • Set custom thumbnails by uploading them to the api backend
  • Admin backend to upload vods to YouTube
  • Free to use api using PocketBase
  • Statistics page to see PocketBase and meilisearch stats as well as top chatters and emotes
  • Discord bot to automatically post stream live notifications and slash commands

Summary

Overall, this software tool offers a range of features for managing and organizing vods and clips from live streams. With its automatic download and asset creation capabilities, full text search functionality, chatlogger, custom thumbnail support, and more, it provides a comprehensive solution for streamers and content creators. The installation process involves setting up the required environment variables, deploying with Docker, configuring a reverse proxy, and customizing the Meilisearch index settings.

svelte
Svelte

Svelte is a modern front-end framework that compiles your code at build time, resulting in smaller and faster applications. It uses a reactive approach to update the DOM, allowing for high performance and a smoother user experience.

tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.

daisyui
daisyUI

daisyUI adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.