shinigota / ylooper

A web app to create loops from youtube videos

Sometimes I do stuff when I'm not too lazy

ylooper's Issues

Remove menu bottommost scrollbar

The menu should have only one scrollbar : directly above the export and import button.
The loops/videos are the only elements which can overflow horizontally, thus the parent bloc should be the only one to have a horizontal scrollbar.

Player shortcuts

Add keyboard shortcuts to control the loop

• Toggle loop
• Restart video / loop
• Pause video / loop
• Seek backward 1 second
• Seek forward 1 second
• Increase playback speed by 0.05
• Decrease playback speed by 0.05

Toast notifications

Add toast notifications

• URL copied to clipboard
• Import successful
• Export successful

videos reorder

Being able to reorder videos and loops from the menu :

• Drag and drop
  • Dropping outside of the menu mustn't do anything
  • Dropping a loop outside of its loop should place it at the very beginning / end of its loop
• Add a position attribute in database

design overhaul

Favicon

On Chrome, the iframe player flashes once then the loader keeps being displayed

The ResizeObserver callback seems to be triggered when the display's status of component being observed is changed - not only when the component is being resized

private onResizeEnd() { let player = document.getElementById('player'); player!.hidden = false; }

As the callback hides the iframe, it triggers a new event which endlessly hides the component

Happens on chrome, not firefox

Update and delete buttons greyed out

When loading some loops, update and delete buttons are greyed out

import loops :
{"version":1,"data":[{"video":{"ytId":"1WJUnywx76o","name":"Don’t Damn Me - Guns N’ Roses GUITAR BACKING TRACK WITH VOCALS!"},"loops":[{"name":"solo","videoId":"1WJUnywx76o","beginSec":203,"endSec":230,"playbackSpeed":1,"loop":true}]},{"video":{"ytId":"1w7OgIMMRc4","name":"Guns N' Roses - Sweet Child O' Mine (Official Music Video)"},"loops":[{"name":"solo","videoId":"1w7OgIMMRc4","beginSec":150,"endSec":220,"playbackSpeed":1,"loop":true}]},{"video":{"ytId":"2hWM-Kywuvw","name":"Patience Guns N' Roses Cover | Guitar Tab | Lesson | Tutorial"},"loops":[{"videoId":"2hWM-Kywuvw","name":"patience","beginSec":4,"endSec":5,"playbackSpeed":0.75,"loop":true}]},{"video":{"ytId":"7cCYaJHMw28","name":"Sweet Child O' Mine Backing Track (Eb Tuned) with Vocals!!!"},"loops":[{"videoId":"7cCYaJHMw28","name":"solo","beginSec":215,"endSec":285,"playbackSpeed":1,"loop":true}]},{"video":{"ytId":"7loI4Wm859A","name":"Don’t Damn Me - Guns N’ Roses GUITAR BACKING TRACK WITH VOCALS!"},"loops":[{"name":"solo","videoId":"7loI4Wm859A","beginSec":209,"endSec":238,"playbackSpeed":1,"loop":true},{"videoId":"7loI4Wm859A","name":"solo full","beginSec":209,"endSec":265,"playbackSpeed":1,"loop":true}]},{"video":{"ytId":"Z9ltIPJme4E","name":"Estranged Guns N’ Roses Cover | Guitar Tab | Lesson | Tutorial"},"loops":[{"videoId":"Z9ltIPJme4E","name":"estranged solo 1","beginSec":358,"endSec":393,"playbackSpeed":1,"loop":true},{"videoId":"Z9ltIPJme4E","name":"estranged bridge + solo 2","beginSec":450,"endSec":501,"playbackSpeed":1,"loop":true},{"videoId":"Z9ltIPJme4E","name":"estranged solo 2","beginSec":468,"endSec":501,"playbackSpeed":1,"loop":true},{"videoId":"Z9ltIPJme4E","name":"estranged solo 2","beginSec":468,"endSec":501,"playbackSpeed":1,"loop":true}]},{"video":{"ytId":"gFxUUHUtnh4","name":"\"Ramble On\" by Led Zeppelin - Adam Pearce (Acoustic Cover)"},"loops":[{"videoId":"gFxUUHUtnh4","name":"ramble on","beginSec":10,"endSec":15,"playbackSpeed":1,"loop":true}]},{"video":{"ytId":"lVA3Q4APHFA","name":"Don't Damn Me"},"loops":[{"name":"solo","videoId":"lVA3Q4APHFA","beginSec":203,"endSec":230,"playbackSpeed":1,"loop":true}]},{"video":{"ytId":"odLKbomK6zk","name":"Don’t Damn Me Guns N’ Roses Cover | Guitar Tab | Lesson | Tutorial"},"loops":[{"name":"solo","videoId":"odLKbomK6zk","beginSec":204,"endSec":230,"playbackSpeed":1,"loop":true},{"name":"solo 2","videoId":"odLKbomK6zk","beginSec":226,"endSec":240,"playbackSpeed":1,"loop":true},{"videoId":"odLKbomK6zk","name":"solo 2","beginSec":204,"endSec":255,"playbackSpeed":1,"loop":true}]},{"video":{"ytId":"rhVQ4cIWiv0","name":"Myles Kennedy | Love Rain Down | Guitar And Vocal Cover"},"loops":[{"videoId":"rhVQ4cIWiv0","name":"love rain down","beginSec":0,"endSec":10,"playbackSpeed":1,"loop":true}]},{"video":{"name":"Waffle falling over","ytId":"sDj72zqZakE"},"loops":[{"name":"Funny loop","beginSec":4,"endSec":5,"playbackSpeed":0.75,"loop":true,"videoId":"sDj72zqZakE"}]},{"video":{"ytId":"vg-YQg8IGQI","name":"H. H. Boogie"},"loops":[{"videoId":"vg-YQg8IGQI","name":"hh boogie","beginSec":10,"endSec":42,"playbackSpeed":1,"loop":true}]}]}

internationalization