transport
Builds Divider TransportBar


The code that drew it
A still frame holds a repeating animation at its first frame and a one-shot at its last, because a still of a moving thing is not reproducible. Run the gallery to review motion.
fn transport(_window: &mut Window, cx: &mut App) -> AnyElement {
let theme = cx.theme().clone();
stack(&theme)
.w(px(640.0))
.child(
TransportBar::new("scene.transport.playing")
.label("Release walkthrough")
.state(TransportState::Playing)
.position(72.0)
.duration(240.0)
.elapsed("01:12")
.remaining("-02:48")
.buffered([BufferedRange::new(0.0, 156.0)])
.volume(0.7)
.speeds([1.0, 1.5, 2.0], 1.0)
.step_seconds(10.0)
.has_next(true)
.on_event(|_, _, _| {}),
)
.child(
Divider::new()
.id("scene.transport.rule.live")
.label("A stream nobody measured"),
)
.child(
TransportBar::new("scene.transport.live")
.label("Incident bridge")
.state(TransportState::Playing)
.position(1543.0)
.unknown_duration()
.elapsed("25:43")
.volume(0.4)
.on_event(|_, _, _| {}),
)
.child(
Divider::new()
.id("scene.transport.rule.stalled")
.label("Playing and waiting"),
)
.child(
TransportBar::new("scene.transport.stalled")
.label("Release walkthrough")
.state(TransportState::Buffering)
.position(158.0)
.duration(240.0)
.elapsed("02:38")
.remaining("-01:22")
.buffered([BufferedRange::new(0.0, 160.0)])
.volume(0.7)
.muted(true)
.on_event(|_, _, _| {}),
)
.into_any_element()
}