You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
A modern, responsive media conversion web application built with Laravel 12, based on the React YouTube downloader template structure. This template provides a clean, professional interface for media file conversion with multiple format support.
4
+
5
+
## Features
6
+
7
+
-**Multiple Conversion Types**
8
+
- 4K Video Conversion
9
+
- Audio Conversion (MP3, WAV, FLAC, etc.)
10
+
- Batch File Processing
11
+
- Audio to WAV Conversion
12
+
- 1080p Video Conversion
13
+
14
+
-**Modern UI/UX**
15
+
- Responsive design with Tailwind CSS
16
+
- Dark mode support
17
+
- Smooth animations and transitions
18
+
- Interactive file upload areas
19
+
- Progress tracking
20
+
21
+
-**Technical Features**
22
+
- Laravel 12 framework
23
+
- Alpine.js for interactivity
24
+
- File upload and processing
25
+
- Queue system for background processing
26
+
- Database tracking of conversions
27
+
- RESTful API endpoints
28
+
29
+
## Installation
30
+
31
+
### Prerequisites
32
+
- PHP 8.3+
33
+
- Composer
34
+
- Node.js & NPM
35
+
- SQLite/MySQL/PostgreSQL
36
+
37
+
### Setup Steps
38
+
39
+
1.**Clone the repository**
40
+
```bash
41
+
git clone <repository-url>
42
+
cd laravel-media-converter
43
+
```
44
+
45
+
2.**Install PHP dependencies**
46
+
```bash
47
+
composer install
48
+
```
49
+
50
+
3.**Install Node.js dependencies**
51
+
```bash
52
+
npm install
53
+
```
54
+
55
+
4.**Environment setup**
56
+
```bash
57
+
cp .env.example .env
58
+
php artisan key:generate
59
+
```
60
+
61
+
5.**Database setup**
62
+
```bash
63
+
php artisan migrate
64
+
```
65
+
66
+
6.**Build assets**
67
+
```bash
68
+
npm run build
69
+
```
70
+
71
+
7.**Start development server**
72
+
```bash
73
+
php artisan serve
74
+
```
75
+
76
+
## Customization
77
+
78
+
### Color Scheme
79
+
The color scheme can be customized by modifying the CSS variables in `resources/views/layouts/app.blade.php`:
80
+
81
+
```css
82
+
:root {
83
+
--color-purple-main: #6c5ce7;
84
+
--color-heading-main: #2D3436;
85
+
--color-base-one: #4A5455;
86
+
/* ... other colors */
87
+
}
88
+
```
89
+
90
+
### Adding New Conversion Types
91
+
1. Create a new controller method in `ConverterController`
92
+
2. Add a new route in `routes/web.php`
93
+
3. Create a corresponding Blade view in `resources/views/converters/`
94
+
4. Update the navigation links in the layout
95
+
96
+
### File Processing
97
+
Implement actual file conversion logic in the `ConversionService` class. The template provides a structure for:
98
+
- File upload handling
99
+
- Conversion status tracking
100
+
- Background job processing
101
+
- Error handling
102
+
103
+
## Routes
104
+
105
+
-`/` - Home page with main conversion interface
106
+
-`/4k-video-converter` - 4K video conversion
107
+
-`/audio-converter` - Audio format conversion
108
+
-`/batch-converter` - Multiple file processing
109
+
-`/audio-to-wav` - Audio to WAV conversion
110
+
-`/video-1080p-converter` - 1080p video conversion
111
+
-`/api/convert` - API endpoint for file conversion
112
+
113
+
## File Structure
114
+
115
+
```
116
+
├── app/
117
+
│ ├── Http/Controllers/
118
+
│ │ ├── HomeController.php
119
+
│ │ └── ConverterController.php
120
+
│ ├── Models/
121
+
│ │ └── Conversion.php
122
+
│ └── Services/
123
+
│ └── ConversionService.php
124
+
├── resources/
125
+
│ └── views/
126
+
│ ├── layouts/
127
+
│ │ └── app.blade.php
128
+
│ ├── converters/
129
+
│ │ ├── 4k-video.blade.php
130
+
│ │ ├── audio.blade.php
131
+
│ │ ├── batch.blade.php
132
+
│ │ ├── audio-wav.blade.php
133
+
│ │ └── 1080p.blade.php
134
+
│ └── home.blade.php
135
+
├── database/
136
+
│ └── migrations/
137
+
│ └── create_conversions_table.php
138
+
└── routes/
139
+
└── web.php
140
+
```
141
+
142
+
## API Usage
143
+
144
+
### Convert File
145
+
```bash
146
+
POST /api/convert
147
+
Content-Type: multipart/form-data
148
+
149
+
{
150
+
"file": <file>,
151
+
"format": "mp4",
152
+
"quality": "1080p"
153
+
}
154
+
```
155
+
156
+
### Response
157
+
```json
158
+
{
159
+
"success": true,
160
+
"message": "File conversion started successfully",
0 commit comments