Jump to content

ILYC: Difference between revisions

From db.ibenson.com
No edit summary
No edit summary
 
(6 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
<!DOCTYPE html>
<div style="display: flex; justify-content: center; margin: 20px auto; width: 100%;">
<html lang="en">
    <div style="width: 100%; max-width: 1280px; aspect-ratio: 16 / 9;">
<head>
         <iframe src="https://ilyc.vi0.io/webrtc.html?src=ILYC-Clubhouse-West&autoplay=true&mute=true" width="100%" height="100%" allow="autoplay; fullscreen" />
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Camera Stream (720p)</title>
    <style>
        body {
            background-color: #111;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
            font-family: sans-serif;
        }
 
        /* 720p Container Blueprint */
        .stream-container {
            width: 100%;
            max-width: 1280px; /* Limits width to 720p horizontal */
            aspect-ratio: 16 / 9; /* Enforces 720p aspect ratio */
            box-shadow: 0 10px 30px rgba(0,0,0,0.5);
            background-color: #000;
            border-radius: 8px;
            overflow: hidden;
        }
 
        .stream-container iframe {
            width: 100%;
            height: 100%;
            border: none;
            display: block;
        }
    </style>
</head>
<body>
 
    <div class="stream-container">
         <iframe  
            src="https://ilyc.vi0.io/webrtc.html?src=ILYC-Clubhouse-West-Mid-Rez&autoplay=true&mute=true"  
            allow="autoplay; fullscreen"  
            allowfullscreen>
        </iframe>
     </div>
     </div>
</body>
</html>
<html>
<div style="
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    min-height:80vh;
">
<iframe
    width="1280"
    height="720"
    src="https://rtsp.me/embed/SatRrdd9/"
    frameborder="0"
    title="RTSP Stream Player"
    allowfullscreen>
</iframe>
</div>
</div>
</html>
</html>

Latest revision as of 18:25, 29 May 2026