Awesome
<div align="center"> <a href="https://ytify.netlify.app"><img src="public/ytify_thumbnail_max.webp" width="70%"></a> </div>ytify is a simple WebApp, built with vanilla TypeScript for maximum efficiency, that streams only audio from YouTube. Listen to Podcasts, Audiobooks, Music, Livestreams and other Audio focused YouTube Videos, even under the lowest network conditions.
As covered in https://blog.csdn.net/gitblog_00024/article/details/139895018 and https://medevel.com/ytify-youtube/
What else are you getting ?
- Queue 🚦:
- Add multiple streams to keep your audio streams going.
- You can share your queue with anyone just by sharing the url.
- Auto-Queue : automatically enqueues relevant streams.
- Playlists 🎶:
- View YouTube playlists , queue them to the player. You can also both subscribe and import it into your own collection
- ytify Collections : create your own playlists disconnected from YouTube, share it with the world with share link.
- Theming 🎨:
- Modern Autonomous themed UI based on stream thumbnail.
- High Contrast Mode for increased legibility.
- 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, Channels, YouTube playlists, custom playlists (collections) & Subscription Feed!
- Download ⬇️ : Download any audio stream using the button on the 3 dot menu.
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.
Usage 👆
https://ytify.netlify.app is the only official location that the main branch is directly connected to.
- Full Usage Guide is available at wiki>usage
- Join our Telegram Community @ytifytg
- Join our Matrix Community @ytify
License 📝
Contributing 📋
This project is actively seeking contributors, Read More Here.
Development 🔧
- Prerequisites : Node.js , Beginner TypeScript Knowledge.
- Clone repository with
git clone https://github.com/n-ce/ytify --depth 1
or
gh repo clone n-ce/ytify -- --depth 1
- 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.ts
injectEruda(false),
-
Start the development server and open localhost
npm run dev -- --open
- Learn More at our wiki.
Acknowledgements 🙏
- Piped - YouTube Data API & Adaptive Streaming Proxy
- Invidious - YouTube Data API & Progressive Streaming Proxy
- Hyperpipe - YT Music Artist Data API
- Cobalt - YouTube Download API
- wsrv - Image Proxy Provider
- Solid - Delightful JSX Library
- HLS.js - HLS Support Library
- Netlify - Hosting, PR Previews, User Feedback Forms, Edge Functions
- Vite - Development Server, Code Bundling, Project Scaffolding.
- Autoprefixer - CSS Prefixes Solution.
- Remix Icons - Efficient Icon Solution.
- Google Fonts - NotoSans Font.