Skip to content
master
Switch branches/tags
Code

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 

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