in depth-anything/main.js [47:77]
async function predict(url) {
imageContainer.innerHTML = "";
const image = await RawImage.fromURL(url);
// Set up scene and slider controls
const { canvas, setDisplacementMap } = setupScene(
url,
image.width,
image.height,
);
imageContainer.append(canvas);
status.textContent = "Analysing...";
const { depth } = await depth_estimator(image);
setDisplacementMap(depth.toCanvas());
status.textContent = "";
// Add slider control
const slider = document.createElement("input");
slider.type = "range";
slider.min = 0;
slider.max = 1;
slider.step = 0.01;
slider.addEventListener("input", (e) => {
onSliderChange(parseFloat(e.target.value));
});
slider.defaultValue = DEFAULT_SCALE;
imageContainer.append(slider);
}