🎧Last.fm "Now Playing" AngularJs Module
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist
example
gulp-tasks
src
tests
.gitignore
README.md
gulpfile.js
karma.conf.js
package.json

README.md

lastfm-nowplaying

Last.fm "Now Playing" AngularJs Module

Example

Try it yourself

https://curttimson.github.io/lastfm-nowplaying/

Installation

npm install lastfm-nowplaying

https://www.npmjs.com/package/lastfm-nowplaying

Required Files

./node_modules/lastfm-nowplaying/dist/lastfm-nowplaying.min.js
./node_modules/lastfm-nowplaying/dist/lastfm-nowplaying.min.css

Configuration

Configuration is split between the Last.fm API option and via passing in static data.

Last.fm API

Static Data

  • title - Title of the track
  • artist - Artist of the track
  • imgUrl - Image Url used for the album art
  • backgroundImgUrl Image Url used for the blurred background image

Optional Configuration

  • containerClass - Allows the ability to specify a class for the content within the last.fm now playing component. This will allow you to set the same margins as the rest of your content.

Example Usage

angular.module('app', ['lastfm-nowplaying'])
  .controller('mainCtrl', ['$scope', function($scope){

    $scope.lastFmConfig = {
        apiKey: 'API_KEY',
        user: 'USERNAME',
        containerClass: 'content'
      };

  }]);
<div lastfmnowplaying config="lastFmConfig"></div>

Development

Please feel free to help develop this further. Below are the CLI steps you'll require to get setup.

npm install
gulp dev