PlayerControlPanel_v2 Op
simple html ui for timeline/mediaplayers (was: TimeLineUI)
Summary (oneliner)
shows a player-ui that can be used to control mediaplayers or the timeline
Full Name
- Ops.Html.Utils.PlayerControlPanel_v2
- Core Op - visible for everyone
- MIT
stephanDocumentation (markdown)
Issues
Example patch id
Youtube ids (comma seperated)
Op Licence
Caniuse query
Example Patch Example UI for timeline-controlled audio playback
a simple setup of an audioplayer to demostrate the usage of the PlayerControlPanel op
INPUT PORTS
Length (Number)
Current (Number)
Clamp (Number: boolean)
Is Playing (Number: boolean)
Visible (Number: boolean)
Show Time (Number: boolean)
Show Skip Buttons (Number: boolean)
OUTPUT PORTS
Play clicked (Trigger)
Pause clicked (Trigger)
Rewind clicked (Trigger)
Skip Back clicked (Trigger)
Skip Forward clicked (Trigger)
Dragged (Trigger)
Current Value (Number)
Dragging (booleanNumber)
DOM Element (Object)
Patches using PlayerControlPanel_v2
Changelog
| cloned op from Ops.TimeLine.TimeLineUI |  stephan - 2022-09-13 12:17 | |
| Ops.User.stephan.TimeLineUI_v2 renamed to Ops.Html.PlayerControls | stephan - 2022-09-16 11:09 | |
| Ops.Html.PlayerControls renamed to Ops.Html.PlayerControlPanel |  pandur - 2022-09-16 11:23 | |
| Ops.Html.PlayerControlPanel renamed to Ops.Html.PlayerControlPanel_v2 | pandur - 2022-09-16 11:23 | |
| bugfix | fix states and add visible boolean | pandur - 2022-12-14 17:23 |
| feature | add "is playing" in-port, add outports for dragging | pandur - 2022-12-14 17:24 |
| rename | Html.PlayerControlPanel_v2 renamed to Ops.Html.Utils.PlayerControlPanel_v2 | pandur - 2024-12-16 13:44 |