added autoPlay prop for streamUrl

README.md

@@ -181,6 +181,9 @@ _(String)_ - this could be regular link from SoundCloud web app which points to
 // playlist
 "https://soundcloud.com/stepan-i-meduza-official/sets/dolgo-obyasnyat-ep"
 ```
+##### `autoPlay`
+
+_(boolean)_ - if set to  `true` using `streamUrl` will autoplay track when buffered.
 
 ##### `onReady`
 

src/addons/SoundPlayerContainer.js

@@ -35,6 +35,7 @@ SoundPlayerContainer.propTypes = {
     onStopTrack: PropTypes.func,
     onPauseTrack: PropTypes.func,
     onVolumeChange: PropTypes.func,
+    autoPlay: PropTypes.bool,
     onReady: PropTypes.func
 };
 

src/addons/withSoundCloudAudio.js

@@ -81,6 +81,13 @@ export default function withSoundCloudAudio (WrappedComponent) {
             soundCloudAudio.on('pause', ::this.onAudioPaused);
             soundCloudAudio.on('ended', ::this.onAudioEnded);
             soundCloudAudio.on('volumechange', ::this.onVolumeChange);
+            if (this.props.autoPlay) {
+                soundCloudAudio.on('canplay', ::this.autoPlay);
+            }
+        }
+
+        autoPlay() {
+            this.soundCloudAudio.play();
         }
 
         onSeekingTrack() {

styles/buttons.css

@@ -13,7 +13,6 @@
     border: 0;
     outline: none;
     cursor: pointer;
-    -webkit-transition: box-shadow, .05s ease, -webkit-transform;
     transition: box-shadow, .05s ease, -webkit-transform;
     transition: transform, box-shadow, .05s ease;
     transition: transform, box-shadow, .05s ease, -webkit-transform;

styles/cover.css

@@ -14,8 +14,7 @@
 }
 .sb-soundplayer-cover:after {
     content: '';
-    background: -webkit-linear-gradient(rgba(0,0,0,.05), rgba(0,0,0,.35));
-    background: linear-gradient(rgba(0,0,0,.05), rgba(0,0,0,.35));
+    background: linear-gradient(rgba(0, 0, 0, .05), rgba(0, 0, 0, .35));
     position: absolute;
     z-index: 1;
     width: 100%;
@@ -40,7 +39,7 @@
     font-size: 18px;
 }
 .sb-soundplayer-cover-logo {
-    color: rgba(255,255,255,.9);
+    color: rgba(255, 255, 255, .9);
     width: 100px;
     height: 14px;
     position: absolute;

styles/progress.css

@@ -9,6 +9,5 @@
 .sb-soundplayer-progress-inner {
     background-color: #FC561E;
     height: 100%;
-    -webkit-transition: width .2s ease-in;
     transition: width .2s ease-in;
 }

styles/volume.css

@@ -9,7 +9,6 @@
 .sb-soundplayer-volume div {
     overflow: hidden;
     width:0;
-    -webkit-transition: width .2s ease-out;
     transition: width .2s ease-out;
     position: relative;
 }