This commit is contained in:
devdatt 2026-02-18 05:22:34 +05:30
parent 70631342f4
commit 21682f224e
3 changed files with 221 additions and 419 deletions

View File

@ -1,9 +1,94 @@
<footer class="site-footer"> <footer class="site-footer">
Crafted with ❤️ by ShreeBhattJi ( Devdatt Bhatt ) &nbsp;&nbsp; +91-8000-74-1919
</footer> <div class="footer-inner">
<div class="footer-left">
Crafted with <span class="heart"></span> by
<strong>ShreeBhattJi</strong>
<span class="muted">( Devdatt Bhatt )</span>
</div>
<div class="footer-right">
<a href="tel:+918000741919">+91-8000-74-1919</a>
</div>
</div>
</footer>
<style>
.site-footer {
margin-top: 40px;
padding: 18px 24px;
background: linear-gradient(180deg, #020617, #020617);
border-top: 1px solid rgba(255, 255, 255, .08);
color: #cbd5e1;
font-size: 14px;
}
.footer-inner {
max-width: 1100px;
margin: auto;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 10px;
}
.footer-left strong {
color: #e2e8f0;
}
.footer-right a {
text-decoration: none;
color: #38bdf8;
font-weight: 500;
}
.footer-right a:hover {
text-decoration: underline;
}
.muted {
color: #94a3b8;
font-weight: 400;
}
.heart {
color: #ef4444;
animation: pulse 1.5s infinite;
}
@keyframes pulse {
0% {
opacity: .6
}
50% {
opacity: 1
}
100% {
opacity: .6
}
}
/* mobile */
@media(max-width:600px) {
.footer-inner {
flex-direction: column;
text-align: center;
}
}
</style>
</div> <!-- closes page-wrap from header -->
</body> </body>
</html> </html>
<!-- <!--
Urmi you happy me happy licence Urmi you happy me happy licence

View File

@ -1,14 +1,4 @@
<?php <?php
/*
Urmi you happy me happy licence
Copyright (c) 2026 shreebhattji
License text:
https://github.com/shreebhattji/Urmi/blob/main/licence.md
*/
require 'require_login.php'; require 'require_login.php';
include 'static.php'; include 'static.php';
?> ?>
@ -20,443 +10,174 @@ include 'static.php';
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<title>ShreeBhattJi</title> <title>ShreeBhattJi</title>
<script src="chart.js"></script> <script src="chart.js"></script>
<style> <style>
*, @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');
*::before,
*::after { :root {
box-sizing: border-box; --bg: #020617;
--panel: #0f172a;
--accent: #38bdf8;
--accent2: #6366f1;
--text: #e5e7eb;
--muted: #94a3b8;
--border: rgba(255, 255, 255, .08);
}
* {
box-sizing: border-box
} }
html,
body { body {
height: 100%;
margin: 0; margin: 0;
font-family: Inter, system-ui;
background: var(--bg);
color: var(--text);
} }
body { /* ---------- HEADER STACK ---------- */
display: flex;
flex-direction: column;
min-height: 100vh;
}
:root {
--header-h: 64px;
--header-bg: linear-gradient(90deg, #1e293b, #0f172a);
--header-color: #e6eef8;
--footer-h: 52px;
--footer-bg: linear-gradient(90deg, #1e293b, #0f172a);
--footer-color: #e6eef8;
}
main {
height: calc(100vh - var(--header-h) - var(--footer-h));
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 16px;
padding-bottom: calc(var(--footer-h) + 16px);
}
.container {
max-width: 1100px;
margin: 12px auto;
padding: 12px;
background: #ffffff;
border-radius: 12px;
box-shadow: 0 8px 24px rgba(2, 6, 23, 0.06);
}
.containerindex {
max-width: 1100px;
margin: 12px auto;
padding: 12px;
padding-top: 160px;
/* Adjusted for multiple headers */
background: #ffffff;
border-radius: 12px;
box-shadow: 0 8px 24px rgba(2, 6, 23, 0.06);
}
.grid {
display: flex;
gap: 12px;
flex-wrap: wrap;
align-items: flex-start;
}
.card {
flex: 1 1 43%;
min-width: 300px;
display: flex;
flex-direction: column;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.02));
border-radius: 10px;
padding: 12px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
}
.card.wide {
flex-basis: 100%;
}
.card h3 {
margin: 0 0 8px 0;
font-size: 1.3rem;
}
.card .chart-wrap {
flex: 1 1 auto;
min-height: 180px;
height: 247px;
position: relative;
}
.card canvas {
display: block;
width: 100% !important;
height: 100% !important;
}
.status-row {
margin-top: 12px;
color: #9fb2d6;
display: flex;
justify-content: space-between;
font-size: 11px;
}
@media (max-width: 640px) {
:root {
--header-h: 56px;
--footer-h: 56px;
}
main {
padding: 10px;
}
.card {
flex: 1 1 100%;
min-width: auto;
}
.card .chart-wrap {
height: 220px;
min-height: 160px;
}
}
.site-footer {
position: fixed;
left: 0;
right: 0;
bottom: 0;
height: var(--footer-h);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 0 32px;
background: var(--footer-bg);
color: var(--footer-color);
z-index: 999;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.18);
font-size: 14px;
}
/* === MULTIPLE TOP HEADERS === */
.top-header-1 {
position: fixed;
left: 0;
right: 0;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
color: #e6eef8;
font-size: 17px;
z-index: 1001;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.top-header-2 {
position: fixed;
left: 0;
right: 0;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
color: #e6eef8;
font-size: 14px;
z-index: 1001;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.top-header-1 { .top-header-1 {
position: fixed;
top: 0; top: 0;
background: #0f172a; left: 0;
font-size: 20px; right: 0;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
background: #020617;
border-bottom: 1px solid var(--border);
z-index: 1002;
font-size: 18px;
font-weight: 600;
}
.top-header-1 a {
text-decoration: none;
background: linear-gradient(90deg, var(--accent), var(--accent2));
-webkit-background-clip: text;
color: transparent;
} }
.top-header-2 { .top-header-2 {
position: fixed; position: fixed;
top: 50px; top: 48px;
left: 0; left: 0;
right: 0; right: 0;
height: var(--footer-h, 73px); height: 42px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: center;
padding: 0 48px; gap: 26px;
margin-bottom: 57px; background: #020617;
background: linear-gradient(90deg, #0f172a, #1e293b); border-bottom: 1px solid var(--border);
color: #e6eef8; z-index: 1001;
font-weight: bold; font-size: 14px;
font-size: 15px;
font-weight: 500;
letter-spacing: 0.4px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
z-index: 999;
transition: all 0.3s ease;
} }
.top-header-2 nav a { .top-header-2 a {
margin-left: 28px; color: var(--muted);
color: #e6eef8;
text-decoration: none; text-decoration: none;
transition: color 0.3s ease; transition: .25s;
font-weight: bold; }
.top-header-2 a:hover {
color: var(--text)
} }
/* === MAIN NAV HEADER === */ /* ---------- MAIN NAV ---------- */
.site-header { .site-header {
position: fixed; position: fixed;
top: 90px; top: 90px;
left: 0; left: 0;
right: 0; right: 0;
height: var(--footer-h, 73px); height: 54px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: center;
padding: 0 48px; background: rgba(2, 6, 23, .85);
margin-bottom: 57px; backdrop-filter: blur(10px);
background: linear-gradient(90deg, #0f172a, #1e293b); border-bottom: 1px solid var(--border);
color: #e6eef8; z-index: 1000;
font-weight: bold;
font-size: 15px;
font-weight: 500;
letter-spacing: 0.4px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
z-index: 999;
transition: all 0.3s ease;
} }
.site-header nav a { .site-header nav {
margin-left: 28px; display: flex;
color: #e6eef8; gap: 26px;
flex-wrap: wrap;
}
.site-header a {
color: var(--muted);
text-decoration: none; text-decoration: none;
transition: color 0.3s ease; font-size: 14px;
font-weight: bold; transition: .25s;
} }
.site-header nav a:hover { .site-header a:hover {
color: #38bdf8; color: var(--text);
} }
.dropdown-container { /* ---------- PAGE OFFSET ---------- */
display: flex;
align-items: center; .page-wrap {
gap: 12px; padding-top: 150px;
margin: 7px;
} }
.dropdown-label { /* ---------- CONTAINER ---------- */
font-size: 13px;
font-weight: 500; .container {
color: #1e293b; max-width: 1100px;
margin: 30px auto;
padding: 24px;
background: linear-gradient(180deg, #0f172a, #020617);
border: 1px solid var(--border);
border-radius: 14px;
box-shadow: 0 20px 60px rgba(0, 0, 0, .5);
} }
.dropdown { /* ---------- MOBILE ---------- */
position: relative;
display: inline-block; @media(max-width:700px) {
.site-header nav {
gap: 16px
} }
.dropdown select { .top-header-2 {
appearance: none; flex-wrap: wrap;
-webkit-appearance: none; height: auto;
-moz-appearance: none; padding: 8px
color: black;
padding: 12px 40px 12px 16px;
border: none;
border-radius: 12px;
font-size: 13px;
cursor: pointer;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
transition: transform 0.2s ease, box-shadow 0.2s ease;
} }
.dropdown select:hover { .page-wrap {
transform: translateY(-2px); padding-top: 180px
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);
} }
.dropdown::after {
content: "";
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
color: white;
font-size: 12px;
} }
.dropdown select option {
background: #ffffff;
color: #1e293b;
padding: 7px;
}
.input-container {
display: flex;
flex-wrap: nowrap;
gap: 10px;
}
.input-group {
position: relative;
width: auto;
min-width: 333px;
margin: 5px;
}
.input-group input {
width: 100%;
padding: 11px 11px;
font-size: 13px;
border: 2px solid #cbd5e1;
border-radius: 8px;
outline: none;
background: white;
transition: border-color 0.3s ease;
margin: 5px;
}
.input-group input:focus {
border-color: #3b82f6;
}
.input-group label {
position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%);
color: #64748b;
font-size: 13px;
pointer-events: none;
transition: 0.3s ease all;
background: white;
padding: 0 4px;
}
.input-group input:focus+label,
.input-group input:not(:placeholder-shown)+label {
top: -6px;
left: 8px;
font-size: 12px;
color: #3b82f6;
}
.checkbox-group {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 12px;
}
.checkbox-group input[type="checkbox"] {
accent-color: #3b82f6;
width: 18px;
height: 18px;
cursor: pointer;
}
.checkbox-group label {
font-size: 13px;
color: #1e293b;
cursor: pointer;
}
.green-btn {
background-color: green;
color: white;
font-weight: bold;
padding: 10px 20px;
border: none;
width: 33%;
border-radius: 7px;
cursor: pointer;
}
.red-btn {
background-color: red;
color: white;
font-weight: bold;
padding: 10px 20px;
border: none;
width: 33%;
border-radius: 7px;
cursor: pointer;
}
.red-btn:hover {
background-color: darkred;
}
.form-center {
text-align: center;
}
.social-row {
display: flex;
gap: 12px;
align-items: center;
padding: 8px;
}
.social-btn {
width: 67px;
height: 67px;
display: inline-grid;
place-items: center;
border-radius: 8px;
background: #f3f4f6;
text-decoration: none;
transition: transform .12s, box-shadow .12s;
}
.social-btn:hover { transform: translateY(-3px); box-shadow: 0 6px 18px rgba(0,0,0,.08); }
.social-btn svg { width: 22px; height: 22px; display: block; }
.sr-only { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
</style> </style>
</head> </head>
<body> <body>
<!-- Three stacked headers -->
<header class="top-header-1"><a href="index.php" style="color:white; text-decoration:none;">URMI Universal Digital Encoder / Decoder</a></header> <!-- HEADER ROW 1 -->
<header class="top-header-2"> <header class="top-header-1">
<nav aria-label="Top navigation"> <a href="index.php">URMI Universal Digital Encoder / Decoder</a>
<a href="https://learn.urmic.org/" target="_blank">Tutorials</a>
<a href="about_us.php">About Us</a>
<a href="contact_us.php">Contact Us ( Free Service )</a>
<a href="premium_service.php">Premium Service</a>
<a href="domain.php">Domain SSL</a>
</nav>
</header> </header>
<!-- Main navigation header --> <!-- HEADER ROW 2 -->
<header class="top-header-2">
<a href="https://learn.urmic.org/" target="_blank">Tutorials</a>
<a href="about_us.php">About Us</a>
<a href="contact_us.php">Contact</a>
<a href="premium_service.php">Premium</a>
<a href="domain.php">Domain SSL</a>
</header>
<!-- HEADER ROW 3 -->
<header class="site-header"> <header class="site-header">
<nav aria-label="Top navigation"> <nav>
<a href="status.php">Status</a> <a href="status.php">Status</a>
<a href="index.php">Monitor</a> <a href="index.php">Monitor</a>
<a href="input.php">Input</a> <a href="input.php">Input</a>
@ -468,6 +189,6 @@ include 'static.php';
<a href="logout.php">Logout</a> <a href="logout.php">Logout</a>
</nav> </nav>
</header> </header>
</body>
</html> <!-- PAGE CONTENT WRAPPER -->
<div class="page-wrap">

View File

@ -418,20 +418,16 @@ function update_service($which_service)
switch ($input_source) { switch ($input_source) {
case "hdmi": case "hdmi":
$input .= "ffmpeg -hide_banner -init_hw_device qsv=hw -filter_hw_device hw -hwaccel qsv -hwaccel_output_format qsv -c:v mjpeg_qsv -f v4l2 -thread_queue_size 128 -use_wallclock_as_timestamps 1 -input_format mjpeg " $input .= "ffmpeg -hide_banner -init_hw_device qsv=hw -filter_hw_device hw -hwaccel qsv -hwaccel_output_format qsv -c:v mjpeg_qsv -f v4l2 -thread_queue_size 128 -use_wallclock_as_timestamps 1 -input_format mjpeg "
. " -video_size ". $data['hdmi']['resolution'] . " -video_size " . $data['hdmi']['resolution']
. " -framerate " . $data['hdmi']['framerate'] . " -i /dev/video0 -f alsa -thread_queue_size 128 -i " . $data['hdmi']['audio_source']; . " -framerate " . $data['hdmi']['framerate'] . " -i /dev/video0 -f alsa -thread_queue_size 128 -i " . $data['hdmi']['audio_source']
. ' -vf "vpp_qsv=format=nv12';
if ($data['hdmi']['resolution'] == $data['common_backend']['resolution']) { if ($data['hdmi']['resolution'] != $data['common_backend']['resolution'])
$input .= ',scale_qsv=' . $common_backend_resolution;
if ($hdmi_delay_video != "") if ($hdmi_delay_video != "")
$input .= ' -vf "vpp_qsv=format=nv12,' . setptsFromMs($hdmi_delay_video) . '"'; $input .= ',' . setptsFromMs($hdmi_delay_video);
else $input .= '"';
$input .= ' -vf "vpp_qsv=format=nv12"';
} else {
if ($hdmi_delay_video != "")
$input .= ' -vf "vpp_qsv=format=nv12,scale_qsv=' . $common_backend_resolution . ',' . setptsFromMs($hdmi_delay_video) . '"';
else
$input .= ' -vf "vpp_qsv=format=nv12,scale_qsv=' . $common_backend_resolution . '"';
}
$input .= " -c:v h264_qsv -profile:v high -level:v 4.2 -async_depth 1 -bf 0 " $input .= " -c:v h264_qsv -profile:v high -level:v 4.2 -async_depth 1 -bf 0 "
. " -b:v " . $common_backend_data_rate . " -b:v " . $common_backend_data_rate
. " -maxrate " . $common_backend_data_rate . " -maxrate " . $common_backend_data_rate
@ -749,7 +745,7 @@ function update_service($which_service)
if ($use_common_backend === "transcode_every_time") { if ($use_common_backend === "transcode_every_time") {
$rtmp .= $input_transcode_every_time; $rtmp .= $input_transcode_every_time;
} else { } else {
$rtmp .= ' "udp://@239.255.254.254:39000?localaddr=127.0.0.1" '; $rtmp .= ' "udp://@239.255.254.254:39000?localaddr=127.0.0.1&fifo_size=500000&overrun_nonfatal=1" ';
switch ($use_common_backend_rtmp0) { switch ($use_common_backend_rtmp0) {
case "enable": case "enable":
$rtmp .= ' ' $rtmp .= ' '
@ -794,13 +790,13 @@ function update_service($which_service)
switch ($use_common_backend_rtmp1) { switch ($use_common_backend_rtmp1) {
case "enable": case "enable":
$rtmp = 'ffmpeg -hwaccel auto -hide_banner -fflags nobuffer -analyzeduration 3000000 -i "udp://@239.255.254.254:39000?localaddr=127.0.0.1" ' $rtmp = 'ffmpeg -hwaccel auto -hide_banner -fflags nobuffer -analyzeduration 3000000 -i "udp://@239.255.254.254:39000?localaddr=127.0.0.1&fifo_size=500000&overrun_nonfatal=1" '
. ' -c:v copy ' . ' -c:v copy '
. ' -c:a copy ' . ' -c:a copy '
. ' -f flv "rtmp://127.0.0.1/shreeshree/bhattji"'; . ' -f flv "rtmp://127.0.0.1/shreeshree/bhattji"';
break; break;
case "disable": case "disable":
$rtmp = 'ffmpeg -hwaccel auto -hide_banner -fflags nobuffer -analyzeduration 3000000 -i "udp://@239.255.254.254:39000?localaddr=127.0.0.1" ' $rtmp = 'ffmpeg -hwaccel auto -hide_banner -fflags nobuffer -analyzeduration 3000000 -i "udp://@239.255.254.254:39000?localaddr=127.0.0.1&fifo_size=500000&overrun_nonfatal=1" '
. ' -c:v h264_qsv ' . ' -c:v h264_qsv '
. ' -vf "scale=' . str_replace("x", ":", $data['rtmp1']['resolution']) . '"' . ' -vf "scale=' . str_replace("x", ":", $data['rtmp1']['resolution']) . '"'
. ' -b:v ' . $data['rtmp1']['data_rate'] . ' -b:v ' . $data['rtmp1']['data_rate']
@ -837,7 +833,7 @@ function update_service($which_service)
switch ($use_common_backend) { switch ($use_common_backend) {
case "copy_input": case "copy_input":
case "use_common_backend": case "use_common_backend":
$srt .= ' "udp://@239.255.254.254:39000?localaddr=127.0.0.1"'; $srt .= ' "udp://@239.255.254.254:39000?localaddr=127.0.0.1&fifo_size=500000&overrun_nonfatal=1"';
break; break;
case "transcode_every_time": case "transcode_every_time":
$srt .= '"' . $input_transcode_every_time . '"'; $srt .= '"' . $input_transcode_every_time . '"';
@ -886,7 +882,7 @@ function update_service($which_service)
case "copy_input": case "copy_input":
case "use_common_backend": case "use_common_backend":
$udp0 .= ' "udp://@239.255.254.254:39000?localaddr=127.0.0.1"'; $udp0 .= ' "udp://@239.255.254.254:39000?localaddr=127.0.0.1&fifo_size=500000&overrun_nonfatal=1"';
break; break;
case "transcode_every_time": case "transcode_every_time":
@ -941,7 +937,7 @@ function update_service($which_service)
case "copy_input": case "copy_input":
case "use_common_backend": case "use_common_backend":
$udp1 .= ' "udp://@239.255.254.254:39000?localaddr=127.0.0.1"'; $udp1 .= ' "udp://@239.255.254.254:39000?localaddr=127.0.0.1&fifo_size=500000&overrun_nonfatal=1"';
break; break;
case "transcode_every_time": case "transcode_every_time":
@ -996,7 +992,7 @@ function update_service($which_service)
case "copy_input": case "copy_input":
case "use_common_backend": case "use_common_backend":
$udp2 .= ' "udp://@239.255.254.254:39000?localaddr=127.0.0.1"'; $udp2 .= ' "udp://@239.255.254.254:39000?localaddr=127.0.0.1&fifo_size=500000&overrun_nonfatal=1" ';
break; break;
case "transcode_every_time": case "transcode_every_time":
@ -1047,7 +1043,7 @@ function update_service($which_service)
break; break;
case "custom"; case "custom";
if ($service_custom === "enable") { if ($service_custom === "enable") {
$custom = 'ffmpeg -hwaccel auto -hide_banner -i "udp://@239.255.254.254:39000?localaddr=127.0.0.1" ' $custom = 'ffmpeg -hwaccel auto -hide_banner -i "udp://@239.255.254.254:39000?localaddr=127.0.0.1&fifo_size=500000&overrun_nonfatal=1" '
. $data['custom_output']; . $data['custom_output'];
$file = "/var/www/encoder-custom.sh"; $file = "/var/www/encoder-custom.sh";
file_put_contents($file, $custom); file_put_contents($file, $custom);