Skip to content

owencz1998/Vibesound

 
 

Repository files navigation

Netlify Status Tokei Lines Of Code Telegram Members Matrix

VibeSound is a simple WebApp, built with vanilla TypeScript for maximum efficiency, that streams only audio from YouTube. Listen to Podcasts, Audiobooks, Music and other Audio focused YouTube Videos, even under the lowest network conditions.

What else are you getting ?

  • Queue 🚦: Add multiple streams to keep your audio streams going.
  • Playlists 🎶: View YouTube playlists and queue them to the player.
  • Theming 🎨: Modern Autonomous themed UI based on stream thumbnail.
  • PWA 📱: Install as an app on your device which also allows you to play YouTube links with it from your OS share menu.
  • Radio 📻: Fetches similar streams and creates a playlist for your stream, great for music listeners.
  • Library 📚: Discover feed, history, favorites & custom playlists.

ytify_6.7_landscape

Development Setup 🔧

  1. Prerequisites : Node.js , Beginner TypeScript Knowledge.
  2. Clone repository with
git clone https://github.com/n-ce/ytify

or

 gh repo clone n-ce/ytify
  1. Move to Directory & Install Dependencies
cd ytify ; npm install
  1. If you prefer using DevTools, you may disable eruda in vite.config.ts
const eruda = false
  1. Start the development server and open localhost
npm run dev -- --open

Usage 👆

  1. Visit the Production Deployment, or if you've installed the project, wherever you're hosting it.
  2. Change the bitrate of the content you're streaming on the Home tab.
  3. Use the Search tab to search for streams with keywords or a direct URL.
  4. Click on a stream to open a menu to either play, enqueue, or start a Radio of similar tracks and various other actions.
  5. Enjoy listening to music, podcast episodes, or other forms of audio even under low network conditions.
  6. Finding something new? Head over to Discover on the Library Tab.
  7. Want the Highest Quality Output always? Just turn on Highest Quality in Settings.
  8. Want to save more data or speed up ux? Just turn off Load Thumbnails in Settings.

Privacy Policy 👁️

We use Beampipe Analytics for minimal site stats, only the browser user-agent data is collected anonymously for this. Everything else remains on your device only, which can also be cleared anytime using the clear data option in settings.

License 📝

Read More.

Contributing 📋

This project is actively seeking contributors, Read More Here.

Acknowledgements 🙏

  • Piped - YouTube Data API & Proxy
  • Invidious - YouTube Playback API
  • Cobalt - YouTube Download API
  • Lit - Exceptional Web Component Library
  • Netlify - Hosting, PR Previews, User Feedback Forms.
  • Vite - Development Server, Code Bundling, Project Scaffolding.
  • Autoprefixer - CSS Prefixes Solution.
  • Remix Icons - Efficient Icon Solution.
  • Google Fonts - NotoSans Font.

About

Opus Audio Streaming Web App for YouTube. Don't watch, Listen & Save Data.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 71.7%
  • CSS 14.9%
  • HTML 13.4%