https://github.com/chinxcode/ani-player
Ani-player is a versatile video player supporting multiple formats, with features like dark mode, responsive design, and HLS streaming.
https://github.com/chinxcode/ani-player
artplayer artplayer-plugin hls hls-stream javascript js react reactjs video-player video-streaming vite
Last synced: 5 months ago
JSON representation
Ani-player is a versatile video player supporting multiple formats, with features like dark mode, responsive design, and HLS streaming.
- Host: GitHub
- URL: https://github.com/chinxcode/ani-player
- Owner: chinxcode
- Created: 2024-09-09T17:33:51.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-01-01T16:04:22.000Z (6 months ago)
- Last Synced: 2025-01-01T16:36:39.289Z (6 months ago)
- Topics: artplayer, artplayer-plugin, hls, hls-stream, javascript, js, react, reactjs, video-player, video-streaming, vite
- Language: JavaScript
- Homepage: https://ani-playerr.vercel.app
- Size: 548 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🎬 Ani-Player
Welcome to Ani-Player - Your Ultimate Video Playback Experience!
## ✨ Features
- 🌐 Play videos from URLs or local files
- 🔥 Support for multiple formats (m3u8, flv, mp4)
- 🌙 Sleek dark mode
- 📱 Fully responsive design
- 🖼️ Screenshot capability
- ⏩ Playback speed control
- 🔘 Picture-in-Picture mode
- 📡 AirPlay support
- 🎚️ Quality selection for HLS streams
## 🚀 Quick Start
1. Clone the repo
```
git clone https://github.com/chinxcode/ani-player.git
```
2. Install dependencies
```
cd ani-player
npm install
```
3. Start the app
```
npm run dev
```
4. Open `http://localhost:5173` in your browser
## 🛠️ Built With
- React
- Artplayer
- hls.js
- Tailwind CSS
## 👨💻 Created By
Made with ❤️ by [Sachin Sharma](https://github.com/chinxcode)
---
⭐ Star us on GitHub — it helps!
[Report Bug](https://github.com/chinxcode/ani-player/issues) · [Request Feature](https://github.com/chinxcode/ani-player/issues)