VisionCast is a modern, AI-powered platform designed to bridge the gap between sight and sound. By generating automated, high-precision audio descriptions, we make visual content inclusive for everyone, including the visually impaired.
-
Smart Narration: Leveraging advanced AI to describe actions, emotions, and on-screen text in real-time.
-
Intelligent Timing: Our algorithm detects silent gaps in video to insert descriptions without overlapping dialogue.
-
Accessibility Dashboard: A dedicated workspace with a built-in video player, Q&A interaction, and live accessibility scripts.
-
Custom Experiences: Toggle between different narration modes (Read Frame vs. Read Complete) and select preferred voice profiles.
-
Responsive UI: A sleek, high-end "Dark Mode" interface built for performance and scannability.
| Layer | Technology |
| --- | --- |
| Frontend | React.js, Tailwind CSS |
| Animations | GSAP (GreenSock), ScrollTrigger |
| Icons & UI | Lucide React, Custom SVG |
| Routing | React Router DOM |
-
Node.js (v18.0.0 or higher)
-
npm or yarn
- Clone the repository:
git clone https://github.com/Astha-codes16/Video_Explainer_for_Blind
cd Video_Explainer_for_Blind
- Install dependencies:
npm install
- Install GSAP and ReactPlayer (if not already added):
npm install gsap @gsap/react react-player
- Run the development server:
npm run dev
- Open the project:
Navigate to http://localhost:5173 to see the live app.
├── src
│ ├── components # Reusable UI (Navbar, Footer, ReviewCards)
│ ├── pages # Main views (Home, AppDashboard, Auth)
│ ├── assets # Images, Logos, and CSS
│ └── main.jsx # App entry point & Routing
├── public # Static video files and icons
└── README.md # You are here!
-
Integration with OpenAI Whisper for faster transcription.
-
Exportable VTT/SRT accessibility files.
-
Collaborative editing for human-corrected AI narration.
-
Real-time "Ask the Video" Chatbot using RAG (Retrieval-Augmented Generation).
Distributed under the MIT License. See LICENSE for more information.
Contributions are what make the open-source community such an amazing place to learn, inspire, and create.
-
Fork the Project
-
Create your Feature Branch (
git checkout -b feature/AmazingFeature) -
Commit your Changes (
git commit -m 'Add some AmazingFeature') -
Push to the Branch (
git push origin feature/AmazingFeature) -
Open a Pull Request