Permissions and exposing snapcast ports

Dockerfile

@@ -66,7 +66,7 @@ USER mopidy
 
 VOLUME ["/var/lib/mopidy/local", "/var/lib/mopidy/media"]
 
-EXPOSE 6600 6680 5555/udp
+EXPOSE 6600 6680 1704 1705 5555/udp
 
 ENTRYPOINT ["/usr/bin/dumb-init", "/entrypoint.sh"]
 CMD ["/usr/bin/mopidy"]

Dockerfile-develop

@@ -75,9 +75,9 @@ RUN set -ex \
 # Runs as mopidy user by default.
 USER mopidy
 
-VOLUME ["/var/lib/mopidy/local", "/var/lib/mopidy/media"]
+VOLUME ["/var/lib/mopidy/local", "/var/lib/mopidy/media", "/var/lib/snapserver"]
 
-EXPOSE 6600 6680 5555/udp
+EXPOSE 6600 6680 1704 1705 5555/udp
 
 ENTRYPOINT ["/usr/bin/dumb-init", "/entrypoint.sh"]
 CMD ["/usr/bin/mopidy"]

docker/entrypoint.sh

@@ -7,3 +7,4 @@ then
 fi
 
 exec "$@"
+exec "service snapserver start"

docker/mopidy.conf

@@ -28,3 +28,8 @@ password = swedisH189
 
 [soundcloud]
 auth_token = 1-35204-42997920-d62091fd310537a
+
+[iris]
+snapcast_enabled = true
+snapcast_host = localhost
+snapcast_port = 1705

mopidy_iris/static/app.js

@@ -60371,7 +60371,6 @@ var PlaybackControls = function (_React$Component) {
 				_react2.default.createElement(
 					'section',
 					{ className: 'playback' },
-					this.renderPlayButton(),
 					_react2.default.createElement(
 						'button',
 						{ className: 'control previous', onClick: function onClick() {
@@ -60379,6 +60378,7 @@ var PlaybackControls = function (_React$Component) {
 							} },
 						_react2.default.createElement(_Icon2.default, { name: 'navigate_before', type: 'material' })
 					),
+					this.renderPlayButton(),
 					_react2.default.createElement(
 						'button',
 						{ className: 'control next', onClick: function onClick() {

src/js/components/PlaybackControls.js

@@ -264,10 +264,10 @@ class PlaybackControls extends React.Component{
 				</div>
 
 				<section className="playback">
-					{ this.renderPlayButton() }
 					<button className="control previous" onClick={() => this.props.mopidyActions.previous()}>
 						<Icon name="navigate_before" type="material" />
 					</button>
+					{ this.renderPlayButton() }
 					<button className="control next" onClick={() => this.props.mopidyActions.next()}>
 						<Icon name="navigate_next" type="material" />
 					</button>