testing with SC API

.jshintrc

@@ -5,7 +5,8 @@
     "-Promise",
     "Dancer",
     "ID3",
-    "FileAPIReader"
+    "FileAPIReader",
+    "SC"
   ],
   "browser": true,
   "boss": true,

app/index.html

@@ -17,6 +17,8 @@
     <link rel="stylesheet" href="assets/vendor.css">
     <link rel="stylesheet" href="assets/huegasm.css">
 
+    <script src="https://connect.soundcloud.com/sdk/sdk-3.0.0.js"></script>
+
     <!--<script src="//apis.google.com/js/client.js"></script>-->
     <!--<script src="//www.youtube.com/iframe_api"></script>-->
 

app/pods/components/music-tab/component.js

@@ -558,6 +558,10 @@ export default Em.Component.extend(musicControlMixin, visualizerMixin, {
         }
       }
     });
+
+    SC.initialize({
+      client_id: 'aeec0034f58ecd85c2bd1deaecc41594'
+    });
   },
 
   didInsertElement() {

app/styles/app.scss

@@ -150,6 +150,7 @@ md-progress-linear {
 .bootstrapTooltip md-icon {
   font-size: 22px;
   cursor: pointer;
+  -webkit-transform: translate3d(0, 0, 0); // hack for chrome to force hardware acceleration and stop flickering
 }
 
 md-list {

config/environment.js

@@ -21,14 +21,14 @@ module.exports = function(environment) {
 
     contentSecurityPolicy: {
       'default-src': "'none'",
-      'script-src': "'self' apis.google.com www.youtube.com s.ytimg.com 'unsafe-inline'",
+      'script-src': "'self' connect.soundcloud.com",
       'font-src': "'self' fonts.gstatic.com",
       'connect-src': "'self' *",
       'img-src': "'self' data:",
       'media-src': "'self' blob:",
       'style-src': "'self' 'unsafe-inline' fonts.googleapis.com",
-      'object-src': "'self'",
-      'frame-src': "'self' accounts.google.com content.googleapis.com www.youtube.com"
+      'object-src': "'self' connect.soundcloud.com",
+      'frame-src': "'self'"
     }
   };