Comments (5)
@tvillarete Thanks for you reply :)
Haptic feedback
Sure, feel free to ping me when it's merged if you need feedback.
Centering on screen
Yes I guess it's difficult to optimize for all sizes. My thinking is not to do advanced optimizations, simply to use centered/bottom alignment. That should already be better than top alignment on most devices. Conceptually screen size varies a lot, but the thumb size is limited and people hold their phone from the bottom, so it would make sense to have the wheel close to the bottom to have it reachable with the thumb whatever big the screen is.
I think I would not mind a stretched version as discussed on the other thread, to be tried. Maybe the form factor of 4th generation iPod nano would be more adapted to nowadays phone screens?
At the end of the day the ideal would be to let user decide about this, that could be done through the "Settings" menu (Appearance: Top, middle, bottom, stretched) and different CSS classes.
Appearance when installed as an application
Sure, it looks like this once installed on my phone:
And personally the way I would see it is the following:
This is:
- No status bar and no navigation bar with
"display": "fullscreen"
- Black background for OLED screens
- Bottom alignment for easy thumb access
- The form factor is fine
Liked songs
Glad to see you like the idea π
from ipod-classic-js.
Hey @StreakyCobra, thanks for the fantastic write-up. Glad you like the project! Here are my thoughts on each of your points:
Haptic feedback
A PR has already been filed to add this feature to Android. I'd love to get your feedback on it once it's live as I don't actually have an Android device to test on
Centering on screen
This one's a tricky issue to solve as there are so many different sizes and it's hard to get the experience completely right on all of them. My implementation was built around iPhone screens, which come in way fewer varieties. More thoughts on this over in this thread
Appearance when installed as an application
Would you mind sending a screenshot of what this looks like on Android? This must be an Android-specific issue, because iOS takes up the full screen when added to the homescreen.
Liked songs
This is a great suggestion. I'll see if Spotify's Web API exposes something along those lines π
from ipod-classic-js.
Hi! Actually, I'm doing a fork for use electron.js and use the pod-like desktop app.
One of the things I would like to improve is the use of the MusicKit and SpotifyKit, I was reading the code and I see that it is using TypeScript. Why don't place an interface for des capsules the UI with the different music providers?
This is the only bad thing I see in this amazing project. These layers have a high dependencies injection between UI and music providers.
We keep in touch!
I put you a proof of what I'm doing:
from ipod-classic-js.
Hey @StreakyCobra, I wanted to update you on this issue. Most of what you've suggested has been implemented! Specifically:
- Manifest now includes "display": "fullscreen" and uses a black background
- Mobile view takes advantage of the full height
- Haptic feedback (working on merging that very soon)
The last item on my agenda is to look into displaying liked songs. I'll file a separate issue for that and close this one. Thanks a bunch for your suggestions!
from ipod-classic-js.
Thanks @tvillarete π I tried it quickly and that looks nice!
from ipod-classic-js.
Related Issues (20)
- artist sorting
- No longer Apple Music option? HOT 2
- Token expired HOT 2
- Spotify log-in not working HOT 1
- Volume HOT 1
- Game
- when i open the website, nothing pops up HOT 1
- Deezer HOT 1
- Unable to sign in using Apple Music HOT 3
- Change description from "emulator" to "simulator"?
- Adding and storing local music files through LocalForage? HOT 4
- Spotify HOT 3
- Use as Web Player Controller HOT 1
- nothing shows when index.html is open and i got this error while yarn start.......what does it mean?? HOT 3
- [New UI] Allow forcing of full-screen UI on desktop user agents HOT 1
- I Canβt Login AppleMusic HOT 1
- Changing Spotify Accounts
- about play music continuously
- Spotify login not working HOT 1
- music not loading
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
π Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. πππ
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google β€οΈ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ipod-classic-js.