UI to allow user to load a Youtube video #10

Open
opened 2021-12-14 19:15:24 +00:00 by rob · 3 comments
Owner

First step is probably a text field which allows a Youtube URL or ID to be pasted, with a submit button. Upon submit, the video is loaded.

May need simple router implementation?

First step is probably a text field which allows a Youtube URL or ID to be pasted, with a submit button. Upon submit, the video is loaded. May need simple router implementation?
rob added the
frontend
enhancement
labels 2021-12-14 19:15:34 +00:00
Collaborator

Hi @rob, I'd like to contribute here.

I agree it seems like a good time to add some routing. This feature would be a good entrypoint for the application, so it makes sense to me for this screen to be on /, and then on submission redirecting to /playback?video_id=... - I'm not sure about the route, though, since it's still not clear to me what can be done.

Perhaps /clip or /video or something more generic would be approriate? Open to feedback on this one. Of course, it's easy to change, so not necessary to set it in stone just yet.

Whatever the case, my suggestion would be to introduce react-router-dom, which is pretty much standard for this sort of routing/navigation.

Hi @rob, I'd like to contribute here. I agree it seems like a good time to add some routing. This feature would be a good entrypoint for the application, so it makes sense to me for this screen to be on `/`, and then on submission redirecting to `/playback?video_id=...` - I'm not sure about the route, though, since it's still not clear to me what can be done. Perhaps `/clip` or `/video` or something more generic would be approriate? Open to feedback on this one. Of course, it's easy to change, so not necessary to set it in stone just yet. Whatever the case, my suggestion would be to introduce `react-router-dom`, which is pretty much standard for this sort of routing/navigation.
Collaborator

unstyled proof of concept PR here: #15

unstyled proof of concept PR here: https://git.netflux.io/rob/clipper/pulls/15
Author
Owner

This all sounds great.

About the naming, there are a lot of unresolved questions with naming in general at the moment (on both the backend and frontend). As a starting point /video/:id would seem to make sense from a user's perspective but as you say it'll be easy to change later.

This all sounds great. About the naming, there are a lot of unresolved questions with naming in general at the moment (on both the backend and frontend). As a starting point `/video/:id` would seem to make sense from a user's perspective but as you say it'll be easy to change later.
Sign in to join this conversation.
No Milestone
No project
No Assignees
2 Participants
Notifications
Due Date
The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: rob/clipper#10
No description provided.