jaedb / spotmop

Spotmop Mopidy HTTP interface

The Iris repository (formerly Spotmop) has moved here.

Spotmop has been renamed to Iris. The Spotmop repository is no longer in development. Issues raised in the Spotmop repository will not be actioned; please only raise issues in Iris.

Mopidy web-based frontend that utilizes Spotify to create an interactive, user-friendly and collaborative music interface. Built and maintained by James Barnsley.

Requirements

• Mopidy
• Mopidy-Spotify
• Spotify Premium account
• Mopidy-Local-Sqlite (recommended, not required)

Installation

1. Install using pip: sudo pip install Mopidy-Spotmop
2. Restart Mopidy server
3. Navigate to Mopidy interface (ie http://localhost:6680/spotmop)

Features

• Full web-based interface controls for Mopidy
• Uses Spotify API to deliver high-quality audio and music information
• Improved support for local libraries using SQLite extension
• Browse and manage your playlists, along with top tracks, new releases and genre browser
• Spotmop can be run completely independently of your Mopidy machine (ie on a remote server), just set your URL in the settings tab
• Push notifications between users (requires port 6681, but this can be customised to suit your environment)

Screenshots

To-do

• Increase stability of Mopidy server (perhaps limitation of Rpi?)
• Improve websockets integration to attach users to tracks and changes within tracklist

Support

• Changelog
• Issues and requests

spotmop's Issues

CSS parallax on artist pages

Create CSS-version of the parallax effect on artist intro panels

Aliases for standard content

A playlist can be accessed from multiple locations (as with Albums, Artists, etc). Need to find a way to smoothly handle aliases from different contexts (ie My Playlists, Browse, etc) or introduce a Spotify Player style sliding panel.

Url-based pagination

For Spotify assets where we lazy-load extra items, create this as a URL parameter. This will allow us to hit 'back' and return to the scroll point and items that we last had.

Would be worth investigating a better way to do this prior.

Feature Request: Disable Play on Double Click

When Doubleclicking a Song the Running Playlist is truncated. Would'nt it be nice when the doubleclicked Song is added to the Playlist instead?
Same for the "Play" Button in Context Menu.

Project needs a license

I noticed that Spotmop doesn't include a LICENSE file or text in the README indicating what license the software is licensed under. The setup.py file says Apache 2, but I'm afraid that was simply copy-pasted from another project and not a conscious choice?

As long as the project doesn't have an explicit license it is strictly speaking not open source and cannot be used by anyone without your explicit permission.

Connect to services without page reload

When connecting to a core service (Spotify and Mopidy), detect connection and update app accordingly, without requiring full page refresh.
This could be achieved by listening to localStorage (for Spotify), and $broadcasts for Mopidy.

Spotify authorized >> update interface

When the the Spotify authorization process is successful, detect this on the main window and update the interface accordingly. Currently it requires a refresh.

Context menu add to playlist

• Use nested contextmenu for adding to playlist (instead of popup)

Integrate Pusher

Look at handling client-to-client communication with Pusher. It would be handy to see the current tracklist and see who added certain tracks. This may be part of upgrading to a Mopidy extension.

Using Spotmop with mobile device

I just installed mopidy and decided Spotmop would be a great client to use. However the screenshots show that I can use/control Spotmop with a mobile device. How do I go about doing this?

Cache Mopidy playlists

When a user doesn't log in to Spotify from the webinterface, Spotmop fetches the playlists from Mopidy. This however does not seem to be cached. When having loads of playlists this takes a rather large amount of time. If it would be cached locally, it would be a major speed-up. Would need some sort of refresh button so users can refresh the cache.

Mobile context menu behavior

• Adding to playlist adds duplicates (ngClick clone?)
• Selecting and deleting from tracklist removes all tracks

Mobile improvements

• Resolve slow animation when swiping to hide/show mobile nav
• Introduce hamburger icon to indicate menu is available
• Volume controls for touch devices
• Sticky player at bottom
• Selected tracks (and context menu) remain, even when navigating to another page/state

Scrolling with asset sidebar

• Assets (playlists, albums, etc) with sidebars should use magic-scrolling to nicely stick until next elements are shown (just like Mopidy docs)
• Simplify scrolling and have the whole page scroll instead of a nested, fixed div element

Analytics tracking

Implement Google Analytics, and include in disclaimer.

Minified file strips unicode strings

Strings like \u25A0 for the play icon are being stripped during build.

Breadcrumbs

Breadcrumb trail for assets. Either fix the existing ones, or remove completely.

Feature Request: Support for Veto Threshold

Here in the office it would be nice to have a configurable veto threshold.

"3 people vetoed this track, skipping"

Thanks in advance

Artist Radio

Create the ability to create radio stations, as per Spotify Connect

Remote authentication for Spotify

Prevent users from having to create their own Spotify App authentication code and domain by creating an authentication layer on a shared domain name.

[Feature Request] When right clicking ability to copy track link from source

I commonly use the share functionality in the official Spotify client to send my friends a song / album I just discovered. Could this functionality be added? I have no problem making a PR with the change but I just want to see if it would be accepted before I put any effort in.

Basically I just want some way to be able to copy / access the url of the spotify song.

Integrate Youtube and SoundCloud in search

It would be awesome to be able to search these to services, perhaps even create somekind of custom playlist, where you can add YT, SC and Spotify tracks.

Deselect track on blur

Add follow user

• Setup ability to follow users (as per Spotify)
• Handle where 'followed users' lives. Library? No, perhaps create a "Me" tab?

[Feature request] Handle large lists in 'My Albums'

If many albums are favored, it takes a really long time to scroll through the list of albums. It would be nice to have the possibility to collapse the titles and display all covers in a grid (like in the mopify webclient).

Polish echonest discovery

• Issue where skip incurs multiple update requests

German Umlauts not working in Search

Hello,

unfortunately searching for artists with german umlauts in their names is currently not working.

Steps to reproduce:

• Search for Blümchen
• no Blümchen :(

(http://hostname:6680/spotmop/#/search/Bl%C3%BCmchen/artist)

Cheers,
Alex

Drag-and-drop playlists, artists and albums

Extend dragging from tracks to all music-oriented assets. Likely to require a rebuild of the current drag functionality.

Adding to playlist on Mobile

Hello, great work on spotmop!

I am having a problem using it on my mobile device. I can't seem to add anything to a playlist via the context menu. The playlists show up but I can't "select" one.

I have the exact same problem on a regular browser when "Emulate Touch Device" is enabled. I choose the tracks, select add to playlist, my playlists show up as icons but I can't choose one!!!

Other than that great job, enjoying spotmop!

Use Mopidy-Spotify for Spotify requests instead of re-authentication and use of Spotify HTTP API

Fresh install of Spotmop & Mopidy.

Pop-up asking for the user to connect their Spotify account by logging in, even when the account I want to use has already been defined in the Mopidy configuration file.

Hopefully going to use Spotmop in a co-working space :)

Feature request: Server-managed Spotify authentication

Each time i open spotmop, i need to enter a name and reauthenticate with spotify.
Spotify music in mopidy continues working, but the web interface needs a new authentication.

• Mopidy-Spotify (3.0.0)
• Mopidy-Spotmop (2.5.14)

[Feature request] Currently playing tracks 'added by' property

Hi,
it would be nice to see which Spotmop user added a Song to the actual running Playlist. Is it possible to add a User Column to Now Playing?

Thank you for this wonderful Mopidy Frontend :)

More user-friendly search

Use auto complete as full search doesn't accommodate partial string searches

Drag/swipe affects text selection

• Cannot select text due to drag effects
• Especially a problem in text inputs

Artist panel design

Create a unique visual look for artist square-panel items to it's easy to differentiate between artists, playlists and albums

Better support for Local MySQL

When using MySQL for local track database, not all categories entries are populated;
artist, album, release years, composers, performers

Empty Playlist, No Search Results (Tracks)

Hey,

seems like "Rebuild tracklist object to facilitate multiple instances within a single scope" resulted in some regression. It happens that there are no results for tracks after searching or the current playlist appears empty (no tracks).

Error:

app.min.js:10 Error: [ng:areq] Argument 'TracklistController' is not a function, got undefined
http://errors.angularjs.org/1.4.0-rc.1/ng/areq?p0=TracklistController&p1=not%20a%20function%2C%20got%20undefined
at app.min.js:8
at ja (app.min.js:8)
at ka (app.min.js:8)
at app.min.js:9
at p (app.min.js:9)
at q (app.min.js:9)
at h (app.min.js:9)
at q (app.min.js:9)
at h (app.min.js:9)
at h (app.min.js:9)(anonymous function) @ app.min.js:10(anonymous function) @ app.min.js:9n.$digest @ app.min.js:10n.$apply @ app.min.js:10(anonymous function) @ app.min.js:12_.event.dispatch @ app.min.js:7b.dispatch @ app.min.js:15q.handle @ app.min.js:7

Can't get featured to show other countries than NZ

No matter what I do, I can't get other countries featued playlists to show

include spotify's suggestions into 'discover' section

The spotify-webplayer shows a lot of useful suggestions for me under Browse -> discover, e.g. 'top recommendations' or 'because you listened to some band'. It would be awesome if spotmop could show these recommendations as well.

Build as Mopidy extension

https://docs.mopidy.com/en/latest/extensiondev/#extensiondev

cannot connect more than one client browser

Have installed mopidy and your web interface for use with spotify, works great from one client, but from others I just get mopidy server is offline in settings. i.e. i start mopidy (running on raspbian) login to the web client from my laptop and am asked to create a username and am connected. from 2nd or more clients, ipad, iphone etc the client settings say the server is offfline no matter what settings i enter. Spotify shows as online and I can browse spotify but cannot execute any mopidy commands, i.e. queue song etc. Am I missing a mopidy config for multiple connections or is this a mobile browser problem?

webpage not found

After install and restart of mopidy, I cannot access the webpage.
When going to the url, I have a 404 page not found.
I am using a raspberry pi with raspbian Jessie distribution

I am not sure what to do to have it working

In my log of mopidy I have the following:
INFO Starting Mopidy 1.1.2
INFO Loading config from builtin defaults
INFO Loading config from /home/xxxx/.config/mopidy/mopidy.conf
INFO Loading config from command line options
INFO Enabled extensions: mopify, spotify, alsamixer, http, file, spotmop, spotify_tunigo, softwaremixer, moped, musicbox_webclient
INFO Disabled extensions: soundcloud, mpd, local, m3u, stream
INFO Starting Spotmop web client 2.5.7
INFO Starting Mopidy mixer: SoftwareMixer
INFO Mixer volume set to 80
INFO Starting Mopidy audio
INFO Starting Mopidy backends: FileBackend, SpotifyTunigoBackend, SpotifyBackend
INFO Audio output set to "alsasink"
INFO Starting Mopidy core
INFO Logged in to Spotify in offline mode
INFO Logged in to Spotify in online mode
INFO Starting Mopidy frontends: HttpFrontend, QueueManagerFrontend
INFO HTTP server running at [::]:6680
ERROR Loading spotmop failed.
Traceback (most recent call last):
File "/usr/local/lib/python2.7/dist-packages/mopidy/http/actor.py", line 133, in _get_app_request_handlers
request_handlers = app['factory'](self.config, self.core)
File "/usr/local/lib/python2.7/dist-packages/mopidy_spotmop/init.py", line 58, in spotmop_client_factory
application.listen(pusherport)
File "/usr/local/lib/python2.7/dist-packages/tornado/web.py", line 1825, in listen
server.listen(port, address)
File "/usr/local/lib/python2.7/dist-packages/tornado/tcpserver.py", line 126, in listen
sockets = bind_sockets(port, address=address)
File "/usr/local/lib/python2.7/dist-packages/tornado/netutil.py", line 196, in bind_sockets
sock.bind(sockaddr)
File "/usr/lib/python2.7/socket.py", line 224, in meth
return getattr(self._sock,name)(*args)
error: [Errno 98] Address already in use

Tracks not showing when using Chrome

I can't get it to show tracks, when using Chrome, it works however on my phones browser

ui-router redirection creates additional history

When hitting back on the browser, we backtrace any ui-router redirections, especially annoying for Settings and Search pages

"Next track button" does not behave as expected

The "Next track" button skips backwards within the track instead of going to next track.
My configuration: Spotmop 2.6.2 running on a Raspberry Pi 3 (Raspian Jessie) and accessed from Chrome 49.0.2623.87.

Access Token fetching

Would be nice to allow users to handle their own Access Token fetching in stead of going through a PHP file on some server where we don't know what's actually being done there.

Seems Spotify also allows for Implicit Grant Flow (https://developer.spotify.com/web-api/authorization-guide/#implicit_grant_flow) it would then redirect directly to the app's callback URL with the Access Token. No server-side code is then needed, however I think the Access Token is then short-lived which may not be a problem when it would re-request Auth when the Access Token is expired.

Context menu delete from playlist

• Not yet implemented

CSS/styling issue apache mopidy mobile devices

I am seeing some sort of CSS / styling issue with mobile devices when I access spotmop on the mopidy server via an apache website (http://server/mywebsite/spotmop).

On desktop devices spotmop renders correctly, on mobile devices elements do not seem to be styled correctly i.e. the now playing page is completely unstyled.

On desktops spotmop looks and works fine, on mobile devices styling is not correct.

When I access spotmop via mopidy (http://server:6680/spotmop) mopidy works and renders correctly for desktop and mobile devices.

Notifications and Loader service

Upgrade notifications to use an Angular Service instead of crude $broadcast

Spotmop does not work with HTTPS

I tried installing spotmop in my Mopidy installation, but I am unable to play files, because spotmop tries to do requests over HTTP, which isn't allowed by the browser.

Websocket connections are also done over non-secure websockets.