Code Monkey home page Code Monkey logo

Comments (5)

StreakyCobra avatar StreakyCobra commented on August 16, 2024 1

@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:

image

And personally the way I would see it is the following:

image

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.

tvillarete avatar tvillarete commented on August 16, 2024

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.

RaulGF92 avatar RaulGF92 commented on August 16, 2024

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:

image

from ipod-classic-js.

tvillarete avatar tvillarete commented on August 16, 2024

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.

StreakyCobra avatar StreakyCobra commented on August 16, 2024

Thanks @tvillarete πŸ™‡ I tried it quickly and that looks nice!

from ipod-classic-js.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.