| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8" /> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
| <title>Subliminal Message Detector</title> |
| <link rel="stylesheet" href="styles.css" /> |
| </head> |
| <body> |
| <div class="container"> |
| <h1>Subliminal Message Detector</h1> |
|
|
| <div class="upload-section"> |
| <label for="fileUpload">Upload Audio/Video:</label> |
| <input type="file" id="fileUpload" accept="audio/*,video/*" /> |
|
|
| <label for="urlInput">or Paste a URL:</label> |
| <input type="url" id="urlInput" placeholder="https://example.com/video" /> |
|
|
| <button id="analyzeBtn">Start Analysis</button> |
| </div> |
|
|
| <div id="preview" class="preview"></div> |
|
|
| <div id="result" class="result hidden"> |
| <h2>Analysis Results</h2> |
| <pre id="resultText"></pre> |
| </div> |
|
|
| <div class="log"> |
| <h3>Previous Logs</h3> |
| <ul id="logList"></ul> |
| </div> |
| </div> |
|
|
| <script src="script.js"></script> |
| </body> |
| </html> |
|
|
