From ca3757ee75c4ea5a65160e79dec2e91893c00869 Mon Sep 17 00:00:00 2001 From: steveseguin Date: Wed, 3 Sep 2025 10:34:53 -0400 Subject: [PATCH] css improvements --- fonts.html | 562 ++++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 6 +- lib.js | 6 + main.css | 5 - main.js | 15 +- supports.html | 431 +++++++++++++++++++++++++++----------- 6 files changed, 895 insertions(+), 130 deletions(-) create mode 100644 fonts.html diff --git a/fonts.html b/fonts.html new file mode 100644 index 0000000..630b9eb --- /dev/null +++ b/fonts.html @@ -0,0 +1,562 @@ + + + + + + Installed Font Detector — Preview installed fonts and generate ?font links + + + + + + + + + + + + + + + + + + + + + + +
+
+

Installed Font Detector

+

Lists fonts your browser can use, shows a live sample, and provides a URL parameter to apply the font site‑wide.

+
+ +
+ + + +
Detecting…
+
+ +
+ +
+

Using a specific font via URL

+
    +
  • Param: Append ?font=<Font%20Family%20Name> to the URL. Spaces and symbols must be URL‑encoded.
    • +
  • Applies to CSS var: Your site uses --font-family; this page also respects it. Example: ?font=Segoe%20UI.
    • +
  • Quotes not needed: Do not include quotes in the parameter; they are not required in the CSS variable.
    • +
  • Installed only: The parameter only works for fonts already installed on your system. It does not download webfonts.
    • +
+ +

Compatibility (Ninja apps)

+
    +
  • VDO.Ninja: Generated ?font= links work with overlays/scenes that honor the --font-family variable.
    • +
  • SocialStream.Ninja: Use the same ?font= parameter to override the default font in supported widgets.
    • +
  • Caption.Ninja: Apply ?font= to caption overlays that support custom font families.
    • +
+

These apps accept a font-family override when the ?font= parameter is supported in their URLs or embed links. This tool generates properly encoded values for drop‑in use.

+ +

Troubleshooting (Windows)

+
    +
  • Exact family name: Use the font’s family name (not file name). Check Settings → Personalization → Fonts for the proper family label.
    • +
  • Right install scope: If you installed a font for a different Windows user or via an admin account only, your browser session may not see it. Install “for all users” if needed.
    • +
  • Supported formats: Browsers use TrueType/OpenType/WOFF. Legacy Type 1 and some bitmap fonts won’t work.
    • +
  • Weight/style availability: If only Bold is installed, Normal text may fall back. Try a bold sample or install Regular as well.
    • +
  • Privacy limits: Browsers don’t allow full font enumeration without permission. This page detects from a large known list and optional Local Fonts API.
    • +
  • Local Fonts API: In Chromium on secure origins (https/localhost), clicking “Try Local Fonts API” can list your exact installed families after permission.
    • +
+ +

Manual usage tips

+
    +
  • Force a font: In your CSS: font-family: "Your Family", Avenir Next, Sora, Roboto, Helvetica, Arial, sans-serif;
    • +
  • Test an arbitrary name: Use the search box to try any family; if found, it appears in results with a sample.
    • +
  • Encoding: Build links like: ?font=Segoe%20UI (generated links below use proper encoding).
    • +
  • CJK and script fonts: The sample includes Latin, numerals, and symbols. Replace with script‑specific text to verify shaping.
    • +
+

Note: This page does not install or download fonts; it only detects and previews families already available to your browser.

+
+
+ + + + diff --git a/index.html b/index.html index 680fe6f..208d4b8 100644 --- a/index.html +++ b/index.html @@ -42,7 +42,7 @@ - + @@ -3116,8 +3116,8 @@ } - - + + diff --git a/lib.js b/lib.js index 609205d..e25f567 100644 --- a/lib.js +++ b/lib.js @@ -35836,6 +35836,9 @@ function updateDirectorsVideo(data, UUID) { input.max = 5; input.min = 0.2; input.step = 0.00001; + } else if (i === "exposureTime") { + input.min = data.cameraConstraints[i].min; + input.max = Math.min(data.cameraConstraints[i].max, 2000); } else { input.min = data.cameraConstraints[i].min; input.max = data.cameraConstraints[i].max; @@ -37255,6 +37258,9 @@ function listCameraSettings() { if (i === "aspectRatio") { input.max = 5; input.min = 0.2; + } else if (i === "exposureTime") { + input.min = parseFloat(session.cameraConstraints[i].min); + input.max = Math.min(parseFloat(session.cameraConstraints[i].max), 2000); } else { input.min = parseFloat(session.cameraConstraints[i].min); input.max = parseFloat(session.cameraConstraints[i].max); diff --git a/main.css b/main.css index 35bb99a..e2a1220 100644 --- a/main.css +++ b/main.css @@ -6843,9 +6843,6 @@ textarea::placeholder { .darktheme :-moz-placeholder { color: var(--muted-icon, #c8ccd4) !important; } -/* Light theme icon subtlety */ -.column.card .las { color: #5b6574; } - /* 13) High-contrast treatment for copy links (reshare) */ /* The anchor element itself carries .grabLinks; ensure we target it directly */ a.grabLinks:link, @@ -6914,8 +6911,6 @@ ul#audioSource3 input:checked + label { /* Controls grid buttons: consistent shape & hover */ .controlsGrid button { - border-radius: 8px; - padding: 6px 8px; box-shadow: 0 1px 2px rgba(0,0,0,0.2); transition: transform .08s ease, box-shadow .15s ease, filter .15s ease; } diff --git a/main.js b/main.js index 841209f..56cbcc6 100644 --- a/main.js +++ b/main.js @@ -76,7 +76,7 @@ async function main() { } } - if (location.hostname !== "vdo.ninja" && location.hostname !== "backup.vdo.ninja" && location.hostname !== "proxy.vdo.ninja" && location.hostname !== "obs.ninja") { + if (location.hostname !== "vdo.ninja" && location.hostname !== "backup.vdo.ninja" && location.hostname !== "proxy.vdo.ninja" && location.hostname !== "alt.vdo.ninja" && location.hostname !== "obs.ninja") { errorReport = false; if (location.hostname === "rtc.ninja") { @@ -108,8 +108,15 @@ async function main() { } try { if (ln_template === false) { - changeLg("blank"); + if (location.hostname === "china.vdo.ninja"){ + changeLg("cn"); + } else { + changeLg("blank"); + } } + if (location.hostname === "china.vdo.ninja"){ + session.wss = "wss://china.rtc.ninja:8443"; + } //getById("mainmenu").style.opacity = 1; getById("qos").innerHTML = ''; @@ -128,6 +135,10 @@ async function main() { } else { // check if automatic language translation is available getById("mainmenu").style.opacity = 1; + + if (location.hostname === "alt.vdo.ninja"){ + session.wss = "wss://china.rtc.ninja:8443"; + } } //// translation stuff ends //// diff --git a/supports.html b/supports.html index 8c36914..6da04c6 100644 --- a/supports.html +++ b/supports.html @@ -1,11 +1,93 @@ - - - - - - - + + + + + + + + + -
-

Device to check

- -
+
+

Device to check

+
+ + + +
+
+ + +
+ +
+ PTZ permission: checking… + +
+

📹 Camera supported options

@@ -36,12 +133,12 @@
- + var supports = navigator.mediaDevices.getSupportedConstraints(); + prettyPrintJsonToId(supports, "browserSupportedOptions"); + document.getElementById("browserSupportedOptionsTitle").innerText += " (" + Object.keys(supports).length + ")"; + + async function unlockDevices(){ + try{ + // Minimal stream to unlock device labels on iOS and Firefox + const tmp = await navigator.mediaDevices.getUserMedia({ video: true, audio: false }); + // stop immediately; we only need permission + tmp.getTracks().forEach(t=>t.stop()); + refreshDevices(); + } catch(e){ + console.warn("Camera permission denied:", e && e.name); + refreshDevices(); // still try to enumerate what we can + } + } + + function refreshDevices(){ + navigator.mediaDevices.enumerateDevices().then(function(devices){ + var sel = document.getElementById("cameraSelector"); + var prev = sel.value; + sel.innerHTML = ""; + var countVideoInputs = 0; + devices.forEach(function(device){ + if (device.kind === "videoinput"){ + countVideoInputs++; + var element = document.createElement("option"); + element.value = device.deviceId; + element.textContent = device.label || (countVideoInputs===1?"Default Camera":"Camera "+countVideoInputs); + sel.appendChild(element); + } + }); + // Show iOS hint and facing controls if needed + document.getElementById("iosHint").style.display = (isIOS() || countVideoInputs <= 1) ? "block" : "none"; + document.getElementById("facingModeControls").style.display = (isIOS() || countVideoInputs <= 1) ? "block" : "none"; + // Restore selection if possible + if ([...sel.options].some(o=>o.value===prev)) sel.value = prev; + // Auto trigger first option + if (sel.options.length){ changeCamera(); } + }).catch(function (err){ + console.log(err && (err.name+": "+err.message)); + }); + } + + function onDeviceChange(){ refreshDevices(); } + if (navigator.mediaDevices && "ondevicechange" in navigator.mediaDevices){ + navigator.mediaDevices.addEventListener("devicechange", onDeviceChange); + } + + async function updatePTZStatus(){ + var el = document.getElementById("ptzStatus"); + if (!(navigator.permissions && navigator.permissions.query)){ + el.innerText = "unknown"; + return; + } + try{ + var status = await navigator.permissions.query({ name: "camera", panTiltZoom: true }); + el.innerText = status.state || "unknown"; + status.onchange = function(){ el.innerText = status.state || "unknown"; }; + } catch(e){ + el.innerText = "not supported"; + } + } + + async function requestPTZ(){ + try{ + const deviceId = document.getElementById("cameraSelector").value || undefined; + const constraints = { video: { pan: true, tilt: true, zoom: true } }; + if (deviceId){ constraints.video.deviceId = { exact: deviceId }; } + const tmp = await navigator.mediaDevices.getUserMedia(constraints); + tmp.getTracks().forEach(t=>t.stop()); + } catch(e){ + console.warn("PTZ request failed:", e && e.name); + } finally { + updatePTZStatus(); + } + } + + // Initial population without permission; user can tap Unlock to improve labels + refreshDevices(); + updatePTZStatus(); +