New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Annotations in a ticker as in SoundCloud #76

Open

2 of 5 tasks

dascritch opened this issue May 24, 2019 · 3 comments

Labels

Owner

dascritch commented May 24, 2019 •

edited

Loading

As a designer
I want a a Soundcloud-like ticker on the time-line for annotations
To show segments when no active and display their title under the timeline

Activate it via track:'ticker' in .CPU.add_plane() parameters
Can switch displaying mode for chapters via class= attribute or data-cpu-class= in <track> tag (arg, no usable properties in textTrack API and cannot make different aspect between cpu-audio and cpu-controller)
having different rendering between cpu-controller an cpu-audio on the same page for a same plane
points clicked on tracks may trigger a function, returning track and point names
Out-of-point clicks on track may trigger a function, returning time position via calling parameters.

The text was updated successfully, but these errors were encountered:

dascritch added the enhancement label

Owner Author

dascritch commented May 24, 2019

Should be really usefull, as in cpu.pm website for controller and show templates

dascritch added a commit that referenced this issue


          Activate it via track:'ticker' in .CPU.add_plane() parameters

4e1ffee

Annotations in a ticker as in SoundCloud #76

dascritch added a commit that referenced this issue


          CSS regressions, and will do remaining later

ecf030b

Annotations in a ticker as in SoundCloud #76

dascritch added a commit that referenced this issue


          Document it, but keep it as "experimental"

Annotations in a ticker as in SoundCloud #76

dascritch mentioned this issue

Add chapter name on pointer ? #95

Open

dascritch added a commit that referenced this issue


          Trying to re-edit an existing WebVTT

1775f99

Annotations in a ticker as in SoundCloud #76
Create annotations from any <track> #69
Add chapter name on pointer ? #95

dascritch added a commit that referenced this issue


          Proof of concept for a ticker on highlighted point

ba29798

Add chapter name on pointer ? #95
Annotations in a ticker as in SoundCloud #76

dascritch added a commit that referenced this issue


          A better extandable system, as thought a year and half ago

ba4c2f0

Add chapter name on pointer ? #95
Annotations in a ticker as in SoundCloud #76

dascritch added a commit that referenced this issue


          Documentation

9adbe87

Add chapter name on pointer ? #95
Annotations in a ticker as in SoundCloud #76

dascritch added a commit that referenced this issue


          Can declare more than one class, space separated

2d0bf7a

Add chapter name on pointer ? #95
Annotations in a ticker as in SoundCloud #76

dascritch added a commit that referenced this issue


          ticker uses a small font-size

c226c3a

Add chapter name on pointer ? #95
Annotations in a ticker as in SoundCloud #76

dascritch added a commit that referenced this issue


          Refactoring eement position in timeline

3befea5

Add chapter name on pointer ? #95
Annotations in a ticker as in SoundCloud #76

dascritch added a commit that referenced this issue


          Create a flash ticker, display on chapter change or hover

3e8e1c4

Add chapter name on pointer ? #95
Annotations in a ticker as in SoundCloud #76

dascritch added a commit that referenced this issue


          Cleanse

b571fca

Add chapter name on pointer ? #95
Annotations in a ticker as in SoundCloud #76

dascritch added a commit that referenced this issue


          Perhaps too early. we'll reput it later, once I've redone chapter editor

063c48d

Add chapter name on pointer ? #95
Annotations in a ticker as in SoundCloud #76

dascritch added a commit that referenced this issue


          An attempt to rework the chapter editor. With injectable css

ba3ab94

Add chapter name on pointer ? #95
Annotations in a ticker as in SoundCloud #76

dascritch added a commit that referenced this issue


          test updates to element changes

94d1013

Annotations in a ticker as in SoundCloud #76

dascritch added a commit that referenced this issue


          inject CSS features now in public API

a43ff8a

Annotations in a ticker as in SoundCloud #76

dascritch added a commit that referenced this issue


          Add an error message on invalid css key

baa0cfc

Annotations in a ticker as in SoundCloud #76

Signed-off-by: Xavier Mouton-Dubosc <[email protected]>

dascritch added a commit that referenced this issue


          Add some tests to avoid regressions on injected css

9ba31ea

Annotations in a ticker as in SoundCloud #76

dascritch added a commit that referenced this issue


          Lot of refacto on chapter editor

550d8d5

Annotations in a ticker as in SoundCloud #76

dascritch added a commit that referenced this issue


          Chapter editor, better arrow, cleanse

8313c88

Annotations in a ticker as in SoundCloud #76

dascritch added a commit that referenced this issue


          Chapters editor is going very tricky when you change start positions

8f6bd23

Annotations in a ticker as in SoundCloud #76

dascritch added a commit that referenced this issue


          Optimizations

418d99c

Annotations in a ticker as in SoundCloud #76

dascritch added a commit that referenced this issue


          Fine tuning on UI

bb1b8d9

Annotations in a ticker as in SoundCloud #76

Owner Author

dascritch commented Feb 19, 2021

A deep rewrite is needed afterwards, as I prefer to use custom events. Be standard first.

dascritch added a commit that referenced this issue


          Add custom events, to avoid mess with callbacks

888f164

Annotations in a ticker as in SoundCloud #76

dascritch added a commit that referenced this issue


          Some cleanse and new events

0dde732

Annotations in a ticker as in SoundCloud #76

dascritch added a commit that referenced this issue


          draw_point events should occurs after their add_point events

80f614e

Annotations in a ticker as in SoundCloud #76

dascritch added a commit that referenced this issue


          Using draw events to add a listner on created points.

b3eee35

Annotations in a ticker as in SoundCloud #76

dascritch added a commit that referenced this issue


          Better documentation

9ef38ea

Annotations in a ticker as in SoundCloud #76

dascritch added a commit that referenced this issue


          Regression in "remove" button, chapters editor

feeb174

Annotations in a ticker as in SoundCloud #76

dascritch added a commit that referenced this issue


          Goals evolutions

09ebcd4

Annotations in a ticker as in SoundCloud #76

dascritch added a commit that referenced this issue


          As we now have a "ready" event, we can now ride of some bugs

7d8796c

Annotations in a ticker as in SoundCloud #76

dascritch added a commit that referenced this issue


          CPU_ready event can be outside DOMContentLoaded :D

7187a02

Annotations in a ticker as in SoundCloud #76

dascritch added a commit that referenced this issue


          Primitives for darg'n'drop on cursors

b40d76d

Annotations in a ticker as in SoundCloud #76

Owner Author

dascritch commented Feb 22, 2021

I will finish drag'n'drop operations on chapters editor in another release.

What is the most important : most of the useful commands and code excerpt are published in the repo, and documented.

dascritch added a commit that referenced this issue


          Show throbber time when hovering a cursor in track

f6f5ceb

Annotations in a ticker as in SoundCloud #76

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment