Spaces:
Build error
Build error
| <html> | |
| <head> | |
| <title>Dubbing Video</title> | |
| <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> | |
| </head> | |
| <body> | |
| <h1>Dubbing Video</h1> | |
| <form action="{{ url_for('generate_dubbed_video') }}" method="post" enctype="multipart/form-data"> | |
| <label for="video_file">Upload Video:</label> | |
| <input type="file" name="video_file" id="video_file"> | |
| <br><br> | |
| <label for="video_url">Import from URL:</label> | |
| <input type="text" name="video_url" id="video_url"> | |
| <br><br> | |
| <label for="language">Select Language:</label> | |
| <select name="language" id="language"> | |
| <option value="hi">Hindi</option> | |
| </select> | |
| <br><br> | |
| <input type="submit" value="Dub Video"> | |
| </form> | |
| {% if result %} | |
| <br><br> | |
| <a href="{{ result }}" download>Download Dubbed Video</a> | |
| {% endif %} | |
| <br><br> | |
| {% if progress %} | |
| <div id="progress-bar" style="width: 500px; height: 20px; border: 1px solid #ccc;"> | |
| <div id="progress" style="height: 100%; width: {{ progress }}%; background-color: #4CAF50;"></div> | |
| </div> | |
| {% endif %} | |
| <script> | |
| function updateProgress(progress) { | |
| $("#progress").css("width", progress + "%"); | |
| } | |
| $(document).ready(function() { | |
| var source = new EventSource("/progress"); | |
| source.onmessage = function(event) { | |
| updateProgress(event.data); | |
| }; | |
| }); | |
| </script> | |
| </body> | |
| </html> |