audio? | HTMLAudioElement | - | - |
autoRender? | boolean | Whether to automatically re-render when viewport or configuration changes. Default true | TimeRulerConfig.autoRender |
autoResize? | boolean | Whether to automatically resize canvas pixel resolution when container dimensions change. Default true | TimeRulerConfig.autoResize |
backgroundColor? | string | Canvas background fill color. Default "transparent" | TimeRulerConfig.backgroundColor |
canvasProps? | HTMLAttributes<HTMLCanvasElement> | - | - |
className? | string | - | - |
color? | string | Primary color for axis lines, tick marks, and text labels. Default "#a0a0a0" | TimeRulerConfig.color |
devicePixelRatio? | number | boolean | Device pixel ratio scaling factor for HiDPI/Retina displays. Default window.devicePixelRatio | TimeRulerConfig.devicePixelRatio |
font? | string | CSS font specification for time labels. Default "10px monospace" | TimeRulerConfig.font |
height? | string | number | - | - |
labelColor? | string | Specific color override for text labels. Default color | TimeRulerConfig.labelColor |
minMajorPixelSpacing? | number | Minimum pixel spacing between adjacent major tick labels. Default 75 | TimeRulerConfig.minMajorPixelSpacing |
navigation? | boolean | NavigationOptions | - | - |
onReady? | (viewer: TimeRulerViewer) => void | - | - |
playheadClassName? | string | - | - |
playheadStyle? | CSSProperties | - | - |
renderer? | TimeRulerRendererName | TimeRulerRenderer | Visual renderer: standard tick lines or segmented boxes. Default "ticks" | TimeRulerConfig.renderer |
scope? | Sonoscope | null | - | - |
showPlayhead? | boolean | - | - |
source? | AudioSource | - | - |
style? | CSSProperties | - | - |
tickColor? | string | Specific color override for tick lines. Default color | TimeRulerConfig.tickColor |
tickPosition? | "both" | "bottom" | "top" | "inside" | Tick mark position relative to the ruler baseline. Default "top" | TimeRulerConfig.tickPosition |
timeFormat? | TimeFormatMode | Numeric timestamp formatting mode. - “auto”: Adapts precision based on zoom level. - “seconds”: Displays raw seconds (e.g., 12.5s). - “timecode”: Broadcast notation (mm:ss.ms). - “hhmmss”: Clock time (hh:mm:ss). - Custom function (sec: number) => string. Default "auto" | TimeRulerConfig.timeFormat |
url? | string | - | - |
width? | string | number | - | - |