aframe-gui/examples/visualizer/third-party/components/spotify.js

A-Frame GUI components

var Spotify = new SpotifyWebApi();
Spotify.getToken().then(function (response) {
  Spotify.setAccessToken(response.token);
});

AFRAME.registerComponent('spotify', {
  init: function () {
    var audioEl;
    var el = this.el;

    // Set up speech recognition.
    annyang.addCommands({
      'play *song': this.searchTrack.bind(this)
    });
    annyang.start();

    // Create audio element to point to Spotify preview URL.
    audioEl = this.audioEl = document.createElement('audio');
    audioEl.crossOrigin = 'anonymous';
    audioEl.loop = true;
    audioEl.id = 'spotifyTrack';
    el.appendChild(audioEl);
    el.setAttribute('audioanalyser', {src: '#spotifyTrack'});
  },

  searchTrack: function (query) {
    var audioEl = this.audioEl;
    var el = this.el;
    Spotify.searchTracks(query).then(function (results) {
      var track = results.tracks.items[0];
      var previewUrl = track.preview_url;
      el.emit('spotify-play', results);
      audioEl.src = track.preview_url;
      audioEl.play();
    });
  }
});