tvillarete / ipod-classic-js Goto Github PK
View Code? Open in Web Editor NEWAn iPod Classic emulator that connects to Apple Music and Spotify. Built with React & Styled Components
Home Page: http://tannerv.com/ipod
License: MIT License
An iPod Classic emulator that connects to Apple Music and Spotify. Built with React & Styled Components
Home Page: http://tannerv.com/ipod
License: MIT License
Instead of using Spotify or Apple Music, allow for the ability to use local files such as .mp3, .m4a, .flac, and .wav's.
i can't log in with Spotify plz help me from my school and gaming pc
This should be for both Spotify and Apple Music ideally, but we can start with Spotify.
Hi, I'm trying to get this to work with Spotify on a URL which isn't localhost:3000 but instead bundled inside a Cordova application which you can see on my GitHub here.
When the /callback
request to the ngrok server goes off it seems to always return a 404 even if no request with the spotify-provided code and state has been sent yet. I'm guessing the ngrok server only allows requests from localhost:3000 and tannerv.com? If this is the case would it be possible to get the source code for the Spotify auth server so we can host our own implementations?
Thanks, Piers
Unfortunately logging in with both Spotify or apple music isn't working again, apple music returns a "Problem connecting" error and Spotify returns me back to the ipod interface, nothing changes tho
I am now able to log into both Apple and Spotify which is great.
However ipod-classic-js also shows all the music I have stored on my iPhone in cover flow and albums but obviously I cannot play it.
Why does it show up when I can't actually play it (which I would love to do!)
Noticed a bug where whilst using Apple Music it only loads the first set of Albums and Artists, instead of loading the next set / "page" once scrolled to the bottom of the list.
Perhaps due to Apple's API limits? or a bug?
Not sure if you are maintaining this project still but musicKit v3 is now available with a fix for showing the cover art on the lock screen player.
https://js-cdn.music.apple.com/musickit/v3/docs/index.html?path=/story/tech-notes-migrating-to-musickit-js-3--page
Hey! Great work here! I have some comments, I don't know if its something that you're already working on. The first is about the filter, that is only for albums or artist, but not for songs. The second one is about the wheel and the lack of vibration when you're using it. That's all! Great work!
Hi, I'm using this web player on iPhone with iOS 15.5 and Safari; I have the problem that songs stop playing in the background, whether the device is turned off or using another app in the meantime. Thanks
Can’t log into Apple Music, I could log into Spotify, however, but needed a premium account.
The classic iPod makes a perfect click song when scrolling between choices in the Interface.
Could it be possible to add it to the Interface ?
Copied from https://news.ycombinator.com/item?id=27606099
neogodless 5 hours ago [–]
Firefox on Windows 10 with uBlock Origin (which I disabled on this page) and Multi-Account Containers. I'm not a Spotify paid user, and the error I get is different:
> Cannot register to Track Playback with non-premium user.
However, the "iPod" just keeps telling the user to sign in. It might be good to have some indicator that you need a paid account to use Spotify on this iPod.
neogodless 4 hours ago [–]
Do you have a free account? I had to pop open Developer Tools to see that there's an error if you don't have a paid account that prevents the iPod.js from connecting to your account.
Probably should add some warnings if that happens, instead of failing silently.
i can't log in with Spotify plz fix this
I love the rolling sound of the click wheel. Can you add sound to click wheel interaction?
Not only i cannot put on the top the playlists i hear the most nor the order of the musics in them but also, my long playlists do not appear all musics ?!?! Why??
I ran it locally and after trying to sign in spotify, the link in the address changes from http://localhost:3000/
to http://localhost:3000/?code=AQA4XjhJvIpgnLYBLK2Z6mtYqp00vBY82wP0I1kVJZ5riZe5Neb55EA80vIsXqU6xDRWz60kfyu1YI1NWJCvjjd8rejBO4wsvC6xgbBXSmQ7Oz_4_9wJodKBFdgwVioaSXmeIYn9zVFPzLHQ5u40DusjBmhtDCuvcYeRCpEbJZiDC7IgEYAOSnh-eu0dFBuySeCg5tPF3FDJYps54iz-WSBcezaO3PRJlNJidIdjouGvZGH4zmc4I4WLhjWxqN_hcg4DIa1wB2NlhGmP8Jn6QhHHgDPiyN7aMKbLhIrvoq520gqssMKcOnKK78ENe2aa1maPnC6ATMXLsDXAnxH97CaGl31hU3yjvCkTaAZ6fv8i2sL4ExKzeEecJXXQnT1KWu1nE_k07betBNsWSWJAjjOysP5ZykTJCCEFzo8tYRs2kccG0Ky6SxzxDV0dWtp-an9VbA&state=UXwYRpN9I49zLl1n
and nothing happens. It does not login or even give an error.
What am I supposed to do? Plus if I try the app from your website the same thing happens and link that appears in address bar is https://tannerv.com/ipod/?code=AQCYpEYUEt-Sllde-79ixEuxsyE3EuNPJ7ygZXQSSQq6CqCN3HFY6XOcL50qmd33iYkHxmX_Axg0n-CRtu0q-1-UesHGZdKAYxgTfmMpElT2kzUQT3DKYBKJKfjbTm0lX5k5Bcyu0cv4MPmon9wbSV5g7KWR8Xj6KQNL0YLl6-RK1ctQXdjcUiBAIo9Ubni2AWnG1gCIungTR6h6TmDc-M_vpayXJ7FDe1xT3if4w6TQzCaIaBxapuecO0iIt_dhqwQBYKajBOP97GscR9wgBoKEtJzZAtKHRRvXmpL8mOcoHnJw3wIS1Xgv704oHRZ98QtcP_SFXwMIJigFLuXnmUYNFSxqzD6caIioAI8Wk_nt8QWw0ZLLsHr9o6hyNoibo3rBWhB59lSuHNCE1pkAojoGT_hNyukIFLuR-jku689Yt2FkKzx0KEGPsjeoim9mwjBBcHyhvA&state=pZemOY0Hy4xFFkgW
Hi there!
As you can guess from the timing I discovered your project on HN today. I was positively surprised to see that it's not only working well, but that you can actually use it as a real player with external music providers. Congrats and thanks for the work 🙇 And an extra thanks to make it opensource 💯 !
Spotify is quite oriented towards individual songs and playlists, so with time I kind of forgot the notions of artists and albums. Using this "old" iPod reminded me about them and now I want to start "adding" artists and albums just for the pleasure to navigate them. Having this simple, easy and efficient interface is refreshing in comparison with Spotify!
After trying it a bit on my phone (Android) here are a few ideas for improvements:
Haptic feedback
The wheel works well. Having a haptic feedback (vibration) would make it even more enjoyable. I don't know what latency can be obtained with the haptic feedback though.
Centering on screen
The vertical centering on desktop is correct but on mobile phone the iPod get stuck on top of the screen:
On big screen like my Note 10 the wheel is quite difficult to reach with the thumb, so having it centered would make it more comfortable to use.
Appearance when installed as an application
This is probably a personal preference. I think I would like having it full-screen when installing it as an app from the website. This means without notification bar and home buttons. I think there is a "display": "fullscreen"
option that can be put in the manifest.json
for that. It helps to feel you have a "real" device and not just an app on the phone (side note that's what I like about my DM42 calculator skin full-screen, it looks like a real calculator).
A second point would be to set the background to black also when installed as an app. This would look more fancy than white, especially on OLED screens.
Liked songs
Right now I have a long list of "Liked songs" on Spotify that is difficult to navigate. As far as I saw these songs are not shown in this player. Maybe it could be possible to have a section "Music » Liked songs" that automatically organize them by artists/albums and can be navigated like the rest? That would be awesome!
Feel free to do whatever you want with this list and issue, these are just feedback and I'm not expecting you to change/fix things on demand 😄
It keeps giving me a network error
With Spotify only half of the playlist are shown
While playing a song from Apple Music, press the skip-back, then skip-forward, then play. Each of the presses will trigger an internal, non-supressable MusicKit popup:
A play stop method was called without a previous play descriptor
Not sure what this could be, but scouring the internet shows that others have had similar issues
it would be cool if the Spotify and Apple Music icons were the old-style ones since that’s the ones that would’ve been used then
Hi, I have an idea! you could create this as a Linux OS/raspberry pi OS. then people can run this on a raspberry pi with a touch screen and basically people can create a raspberry pi replica of a ipod.
I'm working on my iPod project right now. I disassembled an iPod and installed a raspberry pi with GSM support. But I'm currently looking for the best program with Spotify API that I can use. I don't know much about coding myself, more about hardware, so I wanted to ask if it would be possible. best regards
can you make this a app for windows so we can use it without opening the browser?
Like yt music, deezer, Soundcloud, ect
My artists’ list stops at the end of the A’s, albums two albums into the C’s and the playlists aren’t all there either. Haven’t seen it mentioned?
Will this ever get Soundcloud as a sign in option? Both Apple Music and Spotify has to have some sort of paywall to be used on this, thus I rarely use Spotify either way.
Opening the app on Chrome or Safari on iPhone, and switching apps continues to play the song in the background, including the locked screen state.
But once you add it to the Home screen via - Safari > Share icon > Add to Home Screen. The "app" added to the home screen does not play songs in the background, stops immediately when you switch the app or the screen locks.
hi sir i am very happy with your work but i can't sign in to that web app because i dont have apple music account and i can not sign in with spotify account so i want you for android make the app so that i can easily offline listen my songs stored in my phone
I don't like the idea of only being able to listen to music in shuffle mode and with ads in free spotify and I don't want to pay (I can't) for premium services, so I have all my music offline in my iPhone's music app. Is there any way to add support for offline music?
Hi, this is not an issue but rather a question about the window-stack component implemented in your application. In my application, I have a similar need to organize several views and make the transition through a modern animation library happen. Are there any plans to extract this fundamental component set from the iPod-classic application and provide it through a dedicated npm package? Thx
The iPod won't react when I try to run it on my Microsoft edge on Windows 10 using my mouse no matter I tried to click on it or click and hold, instead, if I use the touch screen on my laptop to operate, it works fine.
Spotify has the same issue as apple for loading artists. About 100 artist in random order.
If I use the web app, the music works fine until I exit the browser. Could this be solved?
This is on iOS
I would love to use this app as a daily driver for Spotify on my mobile device. I'm wondering if we're able to make the view take up the entire screenspace on a mobile device and pin the scroll wheel closer to the bottom of the screen.
Running yarn start
on Mac in Microsoft Edge browser (same in Safari) and got the error page of Missing Apple developer token
. Could be something silly I missed, but wanna ask to increase visibility. 😁
Hello, I like this app very much, but I have a problem in using it, I want to set a song single loop, but I have searched all over the settings but I can't find this option, could you please help me?
I really appreciate this project, but I also encountered a perplexity while using, don't know if it's a bug or "special feature" of Safari:
The player actually works well when entering the page directly through Safari search bar, exiting Safari does not disturb background playing.
But if I add the website to home screen, and enter the page via home screen icon, then any attempt to leave the website will pause the music(such as swiping up to home screen, shifting to other apps or just turning off the phone screen).
My iOS version is 14.6.
Hey! so is there a shuffle mode when playing a playlist or anything similar, I can't seem to find shuffle option anywhere
I am pretty that it is my ignorance of opening files that is causing this issue but what I basically did was open the file directory where yarn.lock
is located and type cmd in the address bar of that file directory so that it opens that folder directory in command prompt. And then I ran the command yarn start
and now I am getting the error 'yarn' is not recognized as an internal or external command, operable program or batch file.
Can somebody please help me with this....
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.