Select Text read_text.html

make_melt_video.html

<!-- make_melt_video.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: 300px;
        }
        img {
            width: 300px;
            height: auto;
        }
    </style>
</head>
<body>
    <h1>Select Images for Video</h1>
    <a href="/"><button>Home</button></a>
    <form method="POST" action="/make_melt_video">
        <div class="image-container">
            {% for image in random_images %}
            <div class="image-item">
                <img src="{{ image }}" alt="{{ image }}">
                <input type="radio" name="image1" value="{{ image }}" required> Select as Image 1
                <input type="radio" name="image2" value="{{ image }}" required> Select as Image 2
            </div>
            {% endfor %}
        </div>
        <button type="submit">Create Video</button>
    </form>

    <h2>Your Video:</h2>
    <video width="515" height="768" controls>
        <source src="static/temp_exp/kdenliveX.mp4" type="video/mp4">
        Your browser does not support the video tag.
    </video>
</body>
</html>
Back to file list