Media Sphere 🎵🎥

A modern and customizable media player for audio and video, built with Vue.js and optimized for seamless playback and user experience.

🚀 Live Demo

🔗 Try Media Sphere

📂 Repository

📌 GitHub: Media Sphere Repo

✨ Features

• 🎶 Audio & Video Support – Play both audio and video formats effortlessly.
• 🎨 Custom UI – Sleek and intuitive design with Vue.js.
• 🎛 Playback Controls – Play, pause, seek, adjust volume, and more.
• 📱 Responsive – Works across different devices.
• 🎞 Buffer Optimization – Ensures smooth playback, even on slow networks.
• 🔄 Progress Tracking – Resume from where you left off.

🛠 Tech Stack

• Frontend: Vue.js, Tailwind CSS
• Backend (if any): Node.js (for additional API support)
• Deployment: Vercel

📥 Installation

Clone the repository and install dependencies:

$ git clone https://github.com/ivansojivarghese/media-sphere.git
$ cd media-sphere
$ npm install

🚀 Running the App

To start the development server:

$ npm run dev

The app will be available at http://localhost:5173/ (or a different port as indicated in the terminal).

📸 Screenshots

(Include some UI screenshots of the player here)

🛠 Customization

Modify config.js to tweak player settings like autoplay, theme, and buffer thresholds.

🐛 Issues & Contributions

Found a bug or want to improve the app? Feel free to open an issue or submit a pull request!

📄 License

MIT License © 2025 Ivan Soji Varghese