Coder Social home page Coder Social logo

naveedgol / music-web-player Goto Github PK

View Code? Open in Web Editor NEW
923.0 923.0 108.0 13.65 MB

Web player for Apple Music

Home Page: https://naveedgol.github.io/music-web-player/

License: GNU General Public License v3.0

JavaScript 0.81% TypeScript 50.26% HTML 28.42% CSS 20.22% Shell 0.29%
angular angular-material apple apple-music music musickitjs

music-web-player's People

Contributors

coliff avatar fonger avatar naveedgol avatar vertana avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

music-web-player's Issues

The Music been brought in iTunes store at playlist can't play

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.

Not loading all playlists.

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)

Volume control

Can you add please more smooth volume control? Add more positions, instead of ~10, i mean.

Internationalization (i18n)

Prepare the application for internationalization, a build for each language, using AOT and XLF.

I propose to develop in PT and EN.

PWA can’t be added to iOS home correctly

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.

Add scrobbling support

Hey, I think it'd be cool if you could add support to scrobble to services like Last.fm and Listenbrainz.

Donations

You should set up a payment gateway so people can donate to your project. I'm sure lots support from the linux community.

Error with icon in iOS Home

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/

(Img icon error)
image

Examples of configuration in the page:

image

image

image

image

Obviously you can modify all the configuration, it have different options that you can use.
Blessing. :D

Add to Library

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.

Add Lyrics

A button to show the lyrics of the current song would be appreciated.

Create application docker image

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 .

Capture right click

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.

Volume Slider UI component resets to max volume on resize

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.

Not working in Chromium on Ubuntu

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...

Remove Google Analytics token?

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.

No way to get rid of pop-up

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.

ERROR DOMException: The element has no supported sources.

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

No button to play artist's all songs

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.

Please load smart playlists

Looking for easy access to Recent playlist. Or add a play button for recent music. Thanks! Also, where do we donate.

Clickable artist and album names

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.

Media keys on keyboard

Can you add please keyboard's media key support?
I can name 4 buttons for you.
key: MediaPlayPause
key: MediaStop
key: MediaTrackPrevious
key: MediaTrackNext

Not working on Smart TV

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.

Song restarted after a short while

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.

[feature-request] themes or colour settings

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.

Can't run it natively (using nativefier)

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.

Songs stop playing after 10:00 mark

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.

Ability to re-order songs in Up Next

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 player functions to the album card itself

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.

Developer token

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.

Next button not works sometimes

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

Chromecast support

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.

No 'add' button

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!

Preload Up Next Songs

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.

Not Playing Explicit Content

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.

Folders in Playlists?

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.

Allow resizing sidebar

When I expand the "Playlists" item, the playlists have most of their names obscured.
This is what I see:

There sidebar should be resizeable.

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.