<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="styles.css">
    <title>MJPEG Streaming</title>
</head>
<body>
    <h1>D.E.</h1>
    <div class="container">
    <div class="controls">
        <h3>Выберите камеры:</h3>
        <label><input type="checkbox" class="camera-checkbox" value="0" checked> Камера 1</label>
        <label><input type="checkbox" class="camera-checkbox" value="1"> Камера 2</label>
        <label><input type="checkbox" class="camera-checkbox" value="2"> Камера 3</label>
        <label><input type="checkbox" class="camera-checkbox" value="3"> Камера 4</label>
        <label><input type="checkbox" class="camera-checkbox" value="4"> Камера 5</label>
        <label><input type="checkbox" class="camera-checkbox" value="5"> Камера 6</label>
        <label><input type="checkbox" class="camera-checkbox" value="6"> Камера 7</label>
        <label><input type="checkbox" class="camera-checkbox" value="7"> Камера 8</label>
        <label><input type="checkbox" class="camera-checkbox" value="8"> Камера 9</label>
        <label><input type="checkbox" class="camera-checkbox" value="9"> Камера 10</label>
        <label><input type="checkbox" class="camera-checkbox" value="10"> Камера 11</label>
        <label><input type="checkbox" class="camera-checkbox" value="11"> Камера 12</label>
        <label><input type="checkbox" class="camera-checkbox" value="12"> Камера 13</label>
        <label><input type="checkbox" class="camera-checkbox" value="13"> Камера 14</label>
        <label><input type="checkbox" class="camera-checkbox" value="14"> Камера 15</label>
        <label><input type="checkbox" class="camera-checkbox" value="15"> Камера 16</label>
        <br>
        
        <button id="startButton">Старт</button>
        <button id="stopButton">Стоп</button>
        <button id="watch">Просмотр</button>
         
        <label for="brightness">Яркость:</label>
        <input type="range" id="brightness" min="0" max="200" value="100" />

        <label for="resolution">Разрешение:</label>
        <select id="resolution">
            <option value="low">480p</option>
            <option value="medium">720p</option>
            <option value="high">1080p</option>
        </select>

        <label for="scale">Масштаб:</label>
        <input type="range" id="scale" min="1" max="3" step="0.1" value="1" />
    </div>

    <div class="grid" id="grid">
            <div class="cell" onclick="expandCamera(this)">
                <img src="stream00.mjpg" alt="Camera 1" />
            </div>
            <div class="cell" onclick="expandCamera(this)">
                <img src="stream01.mjpg" alt="Camera 2" />
            </div>
            <div class="cell" onclick="expandCamera(this)">
                <img src="stream10.mjpg" alt="Camera 3" />
            </div>
            <div class="cell" onclick="expandCamera(this)">
                <img src="stream11.mjpg" alt="Camera 4" />
            </div>
            <div class="cell"></div>
            <div class="cell"></div>
            <div class="cell"></div>
            <div class="cell"></div>
            <div class="cell empty"></div>
            <div class="cell empty"></div>
            <div class="cell empty"></div>
            <div class="cell empty"></div>
            <div class="cell empty"></div>
            <div class="cell empty"></div>
            <div class="cell empty"></div>
            <div class="cell empty"></div>
        </div>
    </div>

    <div id="fullscreen" class="fullscreen" onclick="collapseCamera()">
        <button>Свернуть</button>
       <img id="fullscreen-image" src="" alt="Fullscreen Camera" style="width: 100%; height: 100%;" />
    </div>

    <script src="script.js"></script>
</body>
</html>
------ у меня есть такой код. В нем транслируется изображение в    <img src="stream11.mjpg" alt="Camera 4" /> и подобные блоки. Я хочу реализовать