OXIESEC PANEL
- Current Dir:
/
/
var
/
www
/
cream
/
reader
/
videoAI
Server IP: 139.59.38.164
Upload:
Create Dir:
Name
Size
Modified
Perms
📁
..
-
03/04/2025 08:32:49 AM
rwxr-xr-x
📄
export.php
1.63 KB
05/19/2025 10:07:13 AM
rw-r--r--
📁
files
-
03/03/2025 08:30:35 AM
rwxr-xr-x
📄
index.html
3.99 KB
03/03/2025 08:18:55 AM
rw-r--r--
📄
script.js
5.78 KB
03/03/2025 08:18:55 AM
rw-r--r--
📄
styles.css
929 bytes
03/03/2025 08:18:55 AM
rw-r--r--
📄
video_process.php
10.29 KB
05/19/2025 10:07:13 AM
rw-r--r--
Editing: index.html
Close
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Create Video from Images</title> <!-- Bootstrap CSS --> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/5.3.0/css/bootstrap.min.css"> <link href="https://stackpath.bootstrapcdn.com/bootstrap/5.3.3/css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="styles.css"> <!-- Bootstrap JS and dependencies --> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.11.8/umd/popper.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/5.3.3/js/bootstrap.min.js"></script> <script src="script.js"></script> </head> <body> <h1>Create Video from Images</h1> <div class="container form-container"> <!-- <form action="video_process.php" method="post" enctype="multipart/form-data" onsubmit="return validateForm();"> <div class="mb-3"> <button type="button" class="btn btn-primary" onclick="addRow()">Add Another Image</button> </div> <div id="storyboard" class="storyboard"> <div class="storyboard-item"> <img id="preview1" style="max-width: 100px; height: auto;"> <input type="file" name="images[]" accept="image/*" onchange="previewImage(this, 1)" required> <input type="number" name="durations[]" step="0.1" min="0.1" value="5" required> </div> </div> <div class="mb-3"> <label for="captions" class="form-label">Captions:</label> <textarea class="form-control" name="captions" id="captions" rows="5" placeholder="Enter all captions here, each on a new line..."></textarea> </div> <div class="mb-3"> <label for="width" class="form-label">Video Width:</label> <input type="number" class="form-control" name="width" id="width" value="1280" required> </div> <div class="mb-3"> <label for="height" class="form-label">Video Height:</label> <input type="number" class="form-control" name="height" id="height" value="720" required> </div> <button type="submit" class="btn btn-success">Create Video</button> </form> --> <form action="video_process.php" method="post" enctype="multipart/form-data" onsubmit="return validateForm()"> <div class="mb-3"> <button type="button" class="btn btn-primary" onclick="addRow()">Add Another Image</button> </div> <div id="storyboard" class="storyboard"> <div class="storyboard-item" id="item1"> <img id="preview1" style="max-width: 100px; height: auto;"> <input type="file" name="images[]" accept="image/*" onchange="previewImage(this, 1)" required> <input type="number" name="durations[]" step="0.1" min="0.1" value="5" required> <textarea name="captions[]" rows="2" placeholder="Enter caption for this image..."></textarea> <span class="delete-row" onclick="deleteRow(this)">Delete</span> </div> </div> <div class="mb-3"> <label for="width" class="form-label">Video Width:</label> <input type="number" class="form-control" name="width" id="width" value="1280" required> </div> <div class="mb-3"> <label for="height" class="form-label">Video Height:</label> <input type="number" class="form-control" name="height" id="height" value="720" required> </div> <button type="submit" class="btn btn-success">Create Video</button> </form> </div> </body> </html>