Our second official music player
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.
Pods
iOS-RadioPlayer-2.xcodeproj
iOS-RadioPlayer-2.xcworkspace
iOS-RadioPlayer-2
iOS-RadioPlayer-2UITests
specification keep on-demand spec Aug 15, 2017
.gitignore
Podfile
Podfile.lock
README.md

README.md

This is our second iOS app that makes use of the Feed Media SDK to power a Pandora-style Internet-radio app. This app shows how you can easily display a scrolling grid of music stations that the user can click to hear.

This player will retrieve the list of stations to display from the server, along with station meta-data that defines background images and descriptive text.

If you want to add a music player to your app with minimal coding, see instructions below.

If you've have a bug report or support questions, please send an email to support@feed.fm.

"tabbed station page" "music playing"

Add the player to your app

To add this music player to your app with minimal coding, follow the steps below. Some assumptions we make:

  • You are using CocoaPods (although this could easily be set up without them)
  • The music player will be displayed within a UINavigationController
  • You're going to have more than one music station. The player will handle a single station, but in that case you should point to the UIStationCollectionViewController rather than the UIPlayerViewController below.

Got it? Now here's what to do:

  • Add the FeedMedia, SDWebImage, and OAStackView packages to your Podfile and run pod install to add them to your project.

  • Create a new Player group in your application.

  • Open this repository's iOS-RadioPlayer-2.xcworkspace workspace, select all the files in the iOS-RadioPlayer-2 > Player group, and drag and drop those files into the Player group in your application. Make sure to check the 'Copy Items if Needed' option. and make sure the files are added to your apps primary target.

  • Open your app's AppDelegate and add a call to set your client token and secret:

#import <FeedMedia/FeedMedia.h>

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
  //...
  
  [FMAudioPlayer setClientToken:@"demo" secret:@"demo"];
  
  //...
}
  • Somewhere in your app you should place a button that will open the FeedMedia music player. Set the default visibility of that button to "hidden", so that if the app can't contact Feed.fm or the user is outside of the United States, the radio player won't be visible. Then add this code to the ViewController to make the button visible when music is available:
#import <FeedMedia/FeedMedia.h>

- (void)viewDidLoad {
  // ... 
  
  FMAudioPlayer *player = [FMAudioPlayer sharedPlayer];
  [player whenAvailable:^{
    NSLog(@"music is available!");
        
    self.showPlayerButton.hidden = false;

    // optionally turn on music crossfading
    player.crossfadeInEnabled = YES;
    player.secondsOfCrossfade = 6.0;
        
  } notAvailable:^{
    NSLog(@"music is not available, so button will stay hidden");
        
  }];
  
  // ...
}
  • Finally, attach the following Touch Up Inside event handler to a button in your app.
#import "FMPlayerViewController.h"
#import "FMResources.h"

- (IBAction) onPlayerButtonTouched {
  FMStationCollectionViewController *stationCollection = [FMResources createStationCollectionViewControllerWithTitle:@"My Radio"];
  [self.navigationController pushViewController:stationCollection animated:YES];
}
  • That's it! Music and stations can be added and removed server side, so there's no more touching required. Run your app and groove out!