Function inject_ctx

Scripts/ButSystem.py:10081–10133

inject_ctx. Route handler or application helper. This docstring was expanded to make future maintenance easier. Returns: Varies.

()

  const btnSwitch = document.getElementById('fdSwitch');
  const btnSave = document.getElementById('fdSave');
  const btnBackLive = document.getElementById('fdBackLive');
  const statusEl = document.getElementById('fdStatus');
  const serverStatusEl = document.getElementById('fdServerStatus');
  const sourceStatusEl = document.getElementById('fdSourceStatus');
  const refSelect = document.getElementById('fdRefSelect');
  const refImg = document.getElementById('fdRefImg');
  const refEmpty = document.getElementById('fdRefEmpty');
  const btnClearRef = document.getElementById('fdClearRef');

  videoEl.muted = true;
  videoEl.setAttribute('muted', '');
  videoEl.setAttribute('playsinline', '');
  videoEl.setAttribute('webkit-playsinline', '');

  let currentFacing = 'user';
  let cameraActive = null;
  let stream = null;
  let sourceMode = 'camera';
  let uploadedImage = null;
  let uploadedVideo = null;
  let uploadLoop = null;
  let liveLoop = null;
  let processing = false;
  let lastSource = null;
  let currentFaceBoxes = [];
  let currentUploadName = '';

  function setStatus(msg){ statusEl.textContent = msg || ''; }
  function setServer(msg){ serverStatusEl.textContent = msg || ''; }
  function setSource(msg){ sourceStatusEl.textContent = msg || ''; }
  function sleep(ms){ return new Promise(r=>setTimeout(r, ms)); }
  function showReference(url){
    if(!refImg || !refEmpty) return;
    if(!url){
      refImg.hidden = true; refImg.removeAttribute('src');
      refEmpty.hidden = false;
      setStatus(I18N.referenceCleared || 'Reference photo cleared.');
      return;
    }
    refImg.onload = ()=>{ refImg.hidden = false; refEmpty.hidden = true; setStatus(I18N.referenceLoaded || 'Reference photo loaded.'); };
    refImg.onerror = ()=>{ refImg.hidden = true; refEmpty.hidden = false; setStatus('Could not load the selected reference photo.'); };
    refImg.src = url;
  }
  function updateSourceLabel(extra=''){
    let label = I18N.sourceLive || 'SOURCE: LIVE CAMERA';
    if(sourceMode === 'upload-image') label = I18N.sourcePhoto || 'SOURCE: UPLOADED PHOTO';
    else if(sourceMode === 'upload-video') label = I18N.sourceVideo || 'SOURCE: UPLOADED VIDEO';
    if(extra) label += ' | ' + extra;
    setSource(label);
  }
  function sizeCanvasFrom(source){
    const w = source.videoWidth || source.naturalWidth || source.width || 1280;
    const h = source.videoHeight || source.naturalHeight || source.height || 720;
    canvasEl.width = w; canvasEl.height = h;
  }
  function stopLive(){