| Age | Commit message (Collapse) | Author |
|---|
|
|
|
|
|
|
|
|
|
|
|
|
|
Moves the clip lines farther into the progress bar such that the drag
handles appear inside the progress bar. This ensures that the
thumbnail is not covered by the left drag handle.
|
|
|
|
|
|
|
|
When you press enter, it submits the form and reloads the page which
is not what we want to have happen in this case. We want the add
button to be clicked (manually or programmatically).
|
|
|
|
* Widen progress bar
* Increase height of elements contained within the progress bar to
match my change from the last commit
* Stagger the drag handles so that the time is visible even if they
are close together. Unfortunately, the clip line appears above the
start drag handle when they are close together & I can't seem to fix
this using z-index. I will update this to make the drag handles
aligned horizontally again, but will nudge them so that the side of
a handle juts up against the clip line.
|
|
|
|
|
|
|
|
Include a bunch of fonts to experiment & see what looks best.
|
|
Displays the selected portion of the video, and highlights between the
clip lines. When you drag a clip line, the selected bar resizes
accordingly. When you drag the bar, the clip lines move along with it
to a different part of the video.
NOTE: the dragging responsiveness is a little laggy right now. Kind of
janky to be honest. Hopefully we can figure out a way to make
the connection a bit smoother.
|
|
Conflicts:
assets/js/models/sample.js
|
|
Time in mm:ss appears on the drag handles. Drag them around and the
time changes accordingly.
NOTE: this version is kind of borked because for some reason in my
testing the start of the video displayed as 24 seconds.
|
|
|
|
|
|
Move code related to clip line initialisation etc. into the new view.
|
|
* Add attributes to the model
* Add player initialisation code to the Sample item view
|
|
When a new sample is added, initialise the drag handles so they are
draggable.
Also remove initial sample from markup.
|
|
Paste a URL, click the '+' button, and a new sample progress bar
appears on the page (woo!).
TODO: initialise drag handles on add of a new sample progress bar
|
|
|
|
Create basic app structure using Backbone & Marionette.
|
|
|
|
|
|
Create functions to convert between progress bar position and seek
point in seconds. Add a test video to the index.html page.
|
|
Initial setup for a progress bar and basic interface for choosing a
sample clip. Includes a bar with two draggable lines to set a range
within the bar.
|
