Implement zoom-in/zoom-out (scale) functionality for timeline

[joaoaugustogrobe]

Difficulty: Medium

Background:

Currently, the timeline in InfinityStreamer uses a scale of 1 second per width pixel. However, this can make it difficult to see details in longer/short tracks. To address this, we would like to implement a zoom-in/zoom-out functionality for the timeline.

Task:

Create a UI component that allows the user to zoom in and zoom out on the timeline scale.

Acceptance Criteria:

• The Timeline should support a scale parameter, allowing to zoom-in and zoom-out the timeline.
• This should support multiple timelines
• The timeline should adjust accordingly, displaying more or less detail as necessary

Additional Information:

• Feel free to ask any questions in the comments below.