OXIESEC PANEL
- Current Dir:
/
/
var
/
www
/
cream
/
videoAII
Server IP: 139.59.38.164
Upload:
Create Dir:
Name
Size
Modified
Perms
📁
..
-
06/17/2025 10:17:24 AM
rwxrwxr-x
📄
22-01-25index.php
6.03 KB
05/19/2025 10:07:22 AM
rw-r--r--
📁
audio
-
01/22/2025 10:53:48 AM
rwxrwxrwx
📄
export.php
7.04 KB
05/19/2025 10:07:22 AM
rw-r--r--
📁
files
-
01/22/2025 05:04:49 AM
rwxrwxrwx
📄
index.php
6.26 KB
05/19/2025 10:07:22 AM
rw-r--r--
📄
script.js
7.77 KB
01/22/2025 05:33:18 AM
rw-r--r--
📄
styles.css
1.01 KB
01/22/2025 05:05:09 AM
rw-r--r--
📄
test.php
7.58 KB
05/19/2025 10:07:22 AM
rwxrwxrwx
📁
testing
-
05/19/2025 10:07:22 AM
rwxr-xr-x
📁
uploads
-
01/22/2025 10:13:10 AM
rwxrwxrwx
📄
video_process.php
11.27 KB
05/19/2025 10:07:22 AM
rw-r--r--
📄
zexport.php
3.56 KB
05/19/2025 10:07:22 AM
rw-r--r--
📄
zindex.php
4.48 KB
05/19/2025 10:07:22 AM
rw-r--r--
📄
zscript.js
5.78 KB
01/22/2025 05:05:09 AM
rw-r--r--
Editing: 22-01-25index.php
Close
<? include '../assets/php/validate.logged.php'; include '../assets/php/db_config.php'; include '../assets/php/function.php'; ?> <!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 href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.2/dist/css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="/assets/css/styles.css"> <style> .modal-dialog { display: flex; align-items: center; justify-content: center; min-height: 100vh; } .storyboard-item input { padding: 8px 2px; } .zoomEffect { width: 100%; overflow: scroll; } .alleffect { padding: 8px 0; /* border: .2px solid #444; */ display: flex; min-width: max-content; gap: 4px; } .alleffect button { border: .2px solid #444 !important; border-radius: 2px; } </style> <!-- 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://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> <script src="script.js"></script> <script> $(document).ready(function() { // Use jQuery to find the modal element var $demoModal = $('#demoModal'); // Initialize and show the Bootstrap modal using jQuery $demoModal.modal('show'); }); </script> </head> <body> <? include('../assets/php/navbar.php') ?> <div class="container"> <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" id="item1"> <div id="preview-container1"></div> <!-- <input style="width: 100%;" type="file" name="images[]" accept="image/*" onchange="previewImages(this, 1)" required> --> <input style="width: 100%;" type="file" name="media[]" accept="image/*,video/*" onchange="previewMedia(this, 1)" required> <div class="zoomEffect"> <div class="alleffect"> <button value="zoomIn">Zoom In</button> <button value="zoomOut">Zoom Out</button> <button value="moveLeft">Move Left</button> <button value="moveRight">Move Right</button> </div> </div> <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> </div> <div class="modal fade" id="demoModal" tabindex="-1" aria-labelledby="demoModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="demoModalLabel">Video AI <i>(Beta)</i></h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <p> Video AI <i>(Beta)</i> is a groundbreaking product that revolutionizes AI-powered video creation, seamlessly integrating advanced features with the ease of experience powered by Knobly Cream!! </p> <p> <b>How to use??</b> <ul> <li>Add images and videos!</li> <li>Type text or captions which will be converted to voice over.</li> <li>Check Video and audio separately.</li> <li>Go back and edit if required.</li> <li>Once satisfied with the results, click merge to create the video.</li> <li>Now enjoy sharing across the platforms!!</li> </ul> </p> </div> <div class="modal-footer"> <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Close</button> </div> </div> </div> </div> </body> </html>