|
|
| (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> |
