Skip to component
GGamma

Model Viewer

Inspect original 3D field-audio models with accessible orbit, zoom, lighting, and recovery controls.

New
Loading twin-reel field recorder
Twin-reel field recorder3D inspector
An original twin-reel field recorder with warm VU meters and machined transport controls. Use arrow keys to orbit, plus and minus to zoom, and Home to reset.
Scene
Model
Lighting
Controls
Input options

Arrows orbit, +/− zoom, Home resets.

Live previewUse keyboard to interact

Implementation

1"use client";2 3import {4  useEffect,5  useId,6  useRef,7  useState,8  type HTMLAttributes,9  type KeyboardEvent,10  type PointerEvent as ReactPointerEvent,11} from "react";12import { useReducedMotion } from "@/lib/media";13import {14  advanceModelViewer,15  beginModelViewerDrag,16  createModelViewerState,17  dragModelViewer,18  endModelViewerDrag,19  hoverModelViewer,20  keyModelViewer,21  modelViewerNeedsFrame,22  modelViewerPose,23  pinchModelViewer,24  resetModelViewer,25  zoomModelViewer,26  type ModelViewerIntro,27  type ModelViewerOptions,28  type ModelViewerState,