ytify 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.
- 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.
WHY / The story of ytify with n-ce
- I was an avid NewPipe user back in 2021, which I used for background playback.
- I noticed it wasn't able to stream under low network conditions.
- So i decided to create an issue.
- Upon finding no active resolution on the issue, I took it to myself and created this project on Jan 2022.
- Prerequisites : Node.js , Beginner TypeScript Knowledge.
- Clone repository with
git clone https://github.com/n-ce/ytify
or
gh repo clone n-ce/ytify
- Move to Directory, Update & Install Dependencies
cd ytify ; npm run update; npm i
-
If you prefer using DevTools, you may disable eruda in
vite.config.tsinjectEruda(false), -
Start the development server and open localhost
npm run dev -- --open
- Learn More at our wiki.
- Visit the Production Deployment, or if you've installed the project, wherever you're hosting it.
- Change the bitrate of the content while you're streaming it on the
Hometab. - Use the
Searchtab to search for streams with keywords or a direct URL. - Click on a stream to open a menu to either play, enqueue, or start a Radio of similar tracks and various other actions.
- Enjoy listening to music, podcast episodes, or other forms of audio even under low network conditions.
- Finding something new? Head over to
Discoveron the Library Tab. - Want the Highest Quality Output always? Just turn on
Highest Qualityin Settings. - Want to save more data or speed up ux? Just turn off
Load Thumbnailsin Settings.
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.
This project is actively seeking contributors, Read More Here.
- Piped - YouTube Data API & Image Proxy
- Invidious - YouTube Playback Proxy
- 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.