Media Ranker Keyboard Navigation
I'm working on a program that allows users to create ranked lists of content to be aggregated and drive a recommendation engine.
I'm fleshing out the UI at the moment & one of my goals is for it to be completely mobile & keyboard navigable.
Currently, here's where I'm at in my planning of functions:
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
• If the highlighted entry is collapsed, expand it.
• If the expanded entry is media, (play|pause) it.
• If the expanded entry is not media, collapse it.
•
•
•
•
• (pan)? → | (pan)?
•
• (
•
•
• (
•
•
•
Is my notation consistent? I'm pretty sure I found all my formatting errors.
Can you think of other operations you'd want to do when browsing media collections and ranking the elements?
One of my initial use cases is porn collections ala. FunnyJunk's NSFW section, so you ought to be able to do all the important stuff with one hand. :smirk_imp:
I'm about ⅗ way through implementing these commands. I'd recommend you try the program out, but it relies on API access to an IPFS Kubo endpoint (which isn't too hard to set up locally using IPFS Desktop, but I haven't written instructions yet).
Most of what's left are the repetition and timing-based tasks.
There'll be a nav menu with buttons to perform the tasks that can't be done by touch on mobile.
I'm fleshing out the UI at the moment & one of my goals is for it to be completely mobile & keyboard navigable.
Currently, here's where I'm at in my planning of functions:
•
?•
↑↓•
enter•
e•
c•
xdeletebackspace•
sn•
j•
m↑↓enter•
dl•
p•
a•
v•
h•
ur•
space• If the highlighted entry is collapsed, expand it.
• If the expanded entry is media, (play|pause) it.
• If the expanded entry is not media, collapse it.
•
z•
z•
ctrl→→enter→•
ctrl←←• (pan)? → | (pan)?
←•
→→←→• (
→←•
09•
↑↓•
ctrl↑↓•
space•
m•
fIs my notation consistent? I'm pretty sure I found all my formatting errors.
Can you think of other operations you'd want to do when browsing media collections and ranking the elements?
One of my initial use cases is porn collections ala. FunnyJunk's NSFW section, so you ought to be able to do all the important stuff with one hand. :smirk_imp:
I'm about ⅗ way through implementing these commands. I'd recommend you try the program out, but it relies on API access to an IPFS Kubo endpoint (which isn't too hard to set up locally using IPFS Desktop, but I haven't written instructions yet).
Most of what's left are the repetition and timing-based tasks.
There'll be a nav menu with buttons to perform the tasks that can't be done by touch on mobile.
GitHub
A Universal Public Collaborative Composable Filesystem - MetaFam/mimis
GitHub
An IPFS implementation in Go. Contribute to ipfs/kubo development by creating an account on GitHub.
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Was this page helpful?
