mirror of
https://github.com/SrIzan10/vdo.ninja.git
synced 2026-05-01 11:05:24 +00:00
26.5 sync with alpha.
This commit is contained in:
@@ -3,12 +3,65 @@
|
|||||||
<head>
|
<head>
|
||||||
<title>Audio Device Inspector</title>
|
<title>Audio Device Inspector</title>
|
||||||
<style>
|
<style>
|
||||||
body { font-family: system-ui; max-width: 800px; margin: 20px auto; padding: 0 20px; }
|
body {
|
||||||
select { width: 100%; margin: 10px 0; padding: 5px; }
|
font-family: system-ui;
|
||||||
.device-info { background: #f5f5f5; padding: 15px; border-radius: 5px; margin: 10px 0; }
|
max-width: 800px;
|
||||||
.meter-container { width: 100%; height: 30px; background: #ddd; position: relative; border-radius: 3px; }
|
margin: 20px auto;
|
||||||
.meter-fill { height: 100%; width: 0%; background: #4CAF50; transition: width 0.1s; border-radius: 3px; }
|
padding: 0 20px;
|
||||||
.error { color: red; padding: 10px; background: #fff0f0; border-radius: 3px; }
|
background: #1a1a1a;
|
||||||
|
color: #e0e0e0;
|
||||||
|
}
|
||||||
|
select {
|
||||||
|
width: 100%;
|
||||||
|
margin: 10px 0;
|
||||||
|
padding: 8px;
|
||||||
|
background: #2d2d2d;
|
||||||
|
color: #e0e0e0;
|
||||||
|
border: 1px solid #404040;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
button {
|
||||||
|
background: #2d2d2d;
|
||||||
|
color: #e0e0e0;
|
||||||
|
border: 1px solid #404040;
|
||||||
|
padding: 8px 16px;
|
||||||
|
border-radius: 4px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
button:hover {
|
||||||
|
background: #404040;
|
||||||
|
}
|
||||||
|
.device-info {
|
||||||
|
background: #2d2d2d;
|
||||||
|
padding: 15px;
|
||||||
|
border-radius: 5px;
|
||||||
|
margin: 10px 0;
|
||||||
|
border: 1px solid #404040;
|
||||||
|
}
|
||||||
|
.meter-container {
|
||||||
|
width: 100%;
|
||||||
|
height: 30px;
|
||||||
|
background: #2d2d2d;
|
||||||
|
position: relative;
|
||||||
|
border-radius: 3px;
|
||||||
|
border: 1px solid #404040;
|
||||||
|
}
|
||||||
|
.meter-fill {
|
||||||
|
height: 100%;
|
||||||
|
width: 0%;
|
||||||
|
background: #4CAF50;
|
||||||
|
transition: width 0.1s;
|
||||||
|
border-radius: 3px;
|
||||||
|
background: linear-gradient(90deg, #2196F3, #4CAF50);
|
||||||
|
}
|
||||||
|
.error {
|
||||||
|
color: #ff6b6b;
|
||||||
|
padding: 10px;
|
||||||
|
background: #2d2d2d;
|
||||||
|
border-radius: 3px;
|
||||||
|
border: 1px solid #ff6b6b;
|
||||||
|
}
|
||||||
|
h1, h2 { color: #4CAF50; }
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|||||||
Reference in New Issue
Block a user