Select Text read_text.html
512x512.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Select Images</title>
<style>
.image-container {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.image-item {
display: flex;
flex-direction: column;
align-items: center;
width: 200px;
}
img {
width: 200px;
height: 200px;
}
</style>
</head>
<body>
<h1>Select Images for Video / 512x512.html</h1>
<a href="/"><button>Home</button></a>
<form method="POST" action="/create_square_video">
<div class="image-container">
{% for image in images %}
<div class="image-item">
<img src="/static/temp_512x512/{{ image }}" alt="{{ image }}">
<input type="checkbox" name="images" value="{{ image }}">
</div>
{% endfor %}
</div>
<label for="speed">Video Duration (seconds):</label>
<input type="number" id="speed" name="speed" value="45">
<button type="submit">Create Video</button>
</form>
{% if video_filename %}
<h2>Your Video:</h2>
<video width="515" height="768" controls>
<source src="/static/videos/{{ video_filename }}" type="video/mp4">
Your browser does not support the video tag.
</video>
{% endif %}
</body>
</html>
Back to file list