naveedgol / music-web-player Goto Github PK
View Code? Open in Web Editor NEWWeb player for Apple Music
Home Page: https://naveedgol.github.io/music-web-player/
License: GNU General Public License v3.0
Web player for Apple Music
Home Page: https://naveedgol.github.io/music-web-player/
License: GNU General Public License v3.0
The music been brought in iTunes store can add into the playlist and listen with the music come from apple music together in Apple's own app, but It seems when I play this kind of music It occurred ‘unknown error’.
Is there some limitation in MusicKit JS at this part? Or just a feature need to be add?
Other song come from in apple music was played just fine, so It might not a network problem.
Some of my playlists are not loading. I think it's only loading half the number of playlists in my Apple Music Library (I probably have like 20 or so playlists)
Can you add please more smooth volume control? Add more positions, instead of ~10, i mean.
Can someone add in near future this function. It will be good option to drag and drog or using function to add files from storage like hard disk.
Prepare the application for internationalization, a build for each language, using AOT and XLF.
I propose to develop in PT and EN.
Hi,
The GitHub description says it’s “A Progressive Web App for Apple Music(...)”
But I can’t add it as a PWA on my iOS home screen. When I tap on the generated icon on the home screen, it opens Safari.
All playlists with more than 100 tracks are cut off after 100 tracks. For example: https://playapplemusic.com/library/playlists/p.2P6Wb5duxp6Y2K
On a side note: Very nice work with this project!
Hey, I think it'd be cool if you could add support to scrobble to services like Last.fm and Listenbrainz.
You should set up a payment gateway so people can donate to your project. I'm sure lots support from the linux community.
When the Web App is added in Home screen in iOS, the icon app not show, this happens because you weren't set any backgroud in the image of the favicon.
I use this page to generate all the icons for my web apps, you can use it, it's so easy to use, and you can see a preview of the icons, only make sure to set a background color in iOS and Microsoft icon.
Link of page: https://realfavicongenerator.net/
Examples of configuration in the page:
Obviously you can modify all the configuration, it have different options that you can use.
Blessing. :D
Hi, this web player is really amazing and it will be greater if you can add a button to enable repeat single song and album. Thank you!
https://playapplemusic.com/albums/943231142 as an example
No list of songs and missing assets.
Could you add a button to add the currently playing song to the library? It would be useful when listening to Apple Music playlists to be able to save songs you like.
A button to show the lyrics of the current song would be appreciated.
With the rise of docker and kubernetes, we could create a docker image of the application.
In the image to be generated, we could use nginx as the http server, and configure the structure to meet task #19 , which is internationalization. We can create a path for each location, example
https://playapplemusic.com/en, https://playapplemusic.com/pt, and the default https://playapplemusic.com redirect to https://playapplemusic.com/en. Configure nginx to read a given cookie, lang example, which stores the user's location and redirects to the path of the location.
If you accept you can put me in charge for developing the task, as I have already developed to fulfill the task #19 .
Possibly add an event handler to listen for right clicks and display context menu where clicked, instead of having to press the more button at the edge of the screen.
RIght now if you resize the window where it detects the mobile layout vs the desktop layout, the volume slider in the UI resets to max volume. This doesn't change the actual volume underneath, just the UI component. It probably needs to read lastVolume and set to that value on resize event.
OS: Ubuntu 18.04 LTS
Browser: Chromium Version 71.0.3578.98 (Official Build) snap (64-bit)
It loads my library and I can browser everything but it's not playing any songs.
Console is giving these errors:
main.d453473eb23953801d98.js:1 ERROR Error: Uncaught (in promise): NotSupportedError: Unsupported keySystem or supportedConfigurations.
at O (polyfills.c6871e56cb80756a5498.js:1)
at O (polyfills.c6871e56cb80756a5498.js:1)
at polyfills.c6871e56cb80756a5498.js:1
at e.invokeTask (polyfills.c6871e56cb80756a5498.js:1)
at Object.onInvokeTask (main.d453473eb23953801d98.js:1)
at e.invokeTask (polyfills.c6871e56cb80756a5498.js:1)
at t.runTask (polyfills.c6871e56cb80756a5498.js:1)
at v (polyfills.c6871e56cb80756a5498.js:1)
Works in Firefox. But it had to install something to allow me to use DRM content...
Would love to see random/shuffle functionality in Library
I am not sure if your GA token (UA-118675595-2) should be hardcoded into all deployments of this. I was a bit surprised to find it there.
Hey there! Great project.
I tried to add the app to the homescreen and saw that the display mode is not properly set right.
https://github.com/naveedgol/apple-music-web-player/blob/master/src/manifest.json#L6
display mode should only be standalone, fullscreen, o minimal-ui.
It happened on iPhone 7, iOS 11.4, Safari browser.
After you touch the gear button, pop up appears and you can’t close it anyhow.
Unfortunately I can't play any apple music songs from my library but it does work for the songs I uploaded myself to my iCloud Music Library.
Getting following error: ERROR DOMException: The element has no supported sources.
Browser: Chromium
View album details like release date, genre and quantity of songs. I believe we could use the flip effect on the album by placing an icon at the top of the album as well as the icon of turning the apps camera, clicking the card is flipped and the information is displayed.
Effect demo
https://angular-card-flip.stackblitz.io
Great project !
It seems that the resolution of album covers are 2000x2000 in the play bar.
It seems to be possible to load lighter images, like 100x100bb.jpg instead of 2000x2000bb.jpg
There is supposed to be a button to shuffle (or play at least) the songs of a particular artist. There's only the name of albums and the only means to play them all is by going into each one of them and selecting "Play Next".
I miss that PLAY/SHUFFLE button in that menu.
The issue is I like your app too much!
Looking for easy access to Recent playlist. Or add a play button for recent music. Thanks! Also, where do we donate.
Play/Stop works perfectly but next and previous doesn't work
Hey i've been using your website and i like it. It would be great if we the artist name or album name was a link to the artist or album.
Can you add please keyboard's media key support?
I can name 4 buttons for you.
key: MediaPlayPause
key: MediaStop
key: MediaTrackPrevious
key: MediaTrackNext
It only shows a grey background in my Samsung Smart TV web broswer, could u fix it guys? btw in PC is working very good for me. Thanks.
I'm using Chrome (71.0.3578.80) and Windows 10 Pro (1809). More precisely, the song plays for 1 or 2 minutes then restarts from the beginning.
it would great to have themes.
Even the standard theme is great, but i would like some different colours at some points.
e.g. the rotating circle is purple. i would more like with green or blue.
Hi! Awesome app. I tried creating an electron version using nativefier but every time the app tries to make a request it opens the request's url in my browser. Is there anything I can do to prevent that? Is there anything that can be done to prevent it? It makes it unusable as a native electron app.
Thanks for making this!
When playing a song whose duration is greater than 10 minutes, the song stops playing at 10:01. The player controls still display the pause icon, so some part of the application may think it's still playing. Pressing pause and playing again will not play the song.
Just like in iTunes Up Next, it would be great to be able to drag and drop songs within Up Next to create a playlist on the fly!
Thank you for this awesome web app :)
Add the functions that are displayed within an album (play, shuffle, play next, play later and copy link) on the album cards, without the user having to enter the album to listen to the songs. In addition to the functions mentioned above we can add a new function where the album's songs appear in a fluent overlay next to the album.
I'm not sure from the docs if your developer token needs to be kept secret, but I doubt storing it in the repo is a good idea. You should consider storing it outside the repo.
Musickit.js can't play some songs, when error alert has lunched and current song is stoped, next button not works.
Google chrome Versión 70.0.3538.77 (Build oficial) (64 bits) // Ubuntu 18.04.1 lts
I know I can just cast the whole tab but it would be nice to be able to have native chromecast capabilities which would allow play, pause, next, prev, etc from any device that has access to the cast.
I'd be open to working with anyone to introduce this feature/enhancement. I have JS experience but I've never built anything for the cast.
Web player is great, but I can't find a way to add a song to my music. In apple music app it's just a 'plus' button. Thanks!
It would be great if there was the ability to preload up-next songs when the current song is ending. That way, it would transition smoother and not have a few second gap between the songs.
Hi. The player is not playing songs marked with "E" (explicit). Is there a way to change this? I've tried both in Chrome and Edge.
Any way to have the folders pull that all my playlists are in?
Its pulling all my lists, but not any of the folders they are actually in, so I have a monsterous list that normally I can find things quickly by folders of what I want.
In the mobile, despite the incredible responsive, the time control of the song does not appear, the same with the control of come back to previous song.
Again. Congratulations and very thanks.
Look screenshots: https://imgur.com/a/85kEKSP
Please add sorting of my Apple Music Library: by date added
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.