This is a web application that allows users to upload videos, add custom subtitles, and view the subtitles in sync with the video.
- Upload video files.
- Add custom subtitles at specific timestamps.
- Play uploaded videos.
- View subtitles in sync with the video.
- Front-end: Vue.js
- Back-end: Django (or your chosen backend framework)
- Video Storage: AWS S3 (or your chosen storage solution)
- Clone this repository:
git clone https://github.com/your-username/your-repo.git - Navigate to the project directory:
cd my-video-app - Install dependencies:
npm install - Start the development server:
npm run serve - Access the app in your browser:
http://localhost:8080
src/components/: Vue components for different parts of the application.views/: Vue components for each view or page.router.js: Vue Router configuration.api.js: Axios configuration for making API requests.- ... other files ...
- Upload Video: Navigate to the "Upload Video" page and select a video file to upload.
- Add Subtitles: Go to the "Add Subtitles" page, provide a timestamp and subtitle text, then click "Add Subtitle."
- Play Video: Visit the "Play Video" page to play the uploaded video.
- Display Subtitles: On the "Display Subtitles" page, watch the video with subtitles displayed in sync.
Contributions are welcome! If you find a bug or have an idea for an enhancement, please create an issue or submit a pull request.
.