React Native app for WLPN 105.5 FM Lumpen Radio Chicago https://habd.as/code/lumpen-radio
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Josh Habdas 1e52c12b96
docs: โœ๏ธ update image link
2 weeks ago
Pods/StreamingKit/StreamingKit/StreamingKit Add support for HTTP streaming audio 4 years ago
WLPN.xcodeproj chore: ๐Ÿค– update to xcode 11.2 and swift 5 2 weeks ago
WLPN.xcworkspace chore: ๐Ÿค– update to xcode 11.2 and swift 5 2 weeks ago
WLPNTests Get valid iOS archive and add Shrinkwrap 4 years ago
android Upgrade to React Native 0.11.0; Add logo icon animation 4 years ago
iOS feat(skipr): ๐ŸŽธ add streamingkit reverse proxy 2 weeks ago
packages/skipr docs: โœ๏ธ add skipr logo to readme 2 weeks ago
src Upgrade to React Native 0.11.0; Add logo icon animation 4 years ago
.flowconfig Initial commit (react-native init) 4 years ago
.gitignore Add video backdrop 4 years ago
.watchmanconfig Upgrade to React Native 0.11.0; Add logo icon animation 4 years ago
LICENSE docs: โœ๏ธ relicense to bsd-3-clause 3 weeks ago
Podfile refactor(Podfile): update to CocoaPods v1 podfile 3 years ago
Podfile.lock chore: ๐Ÿค– update to xcode 11.2 and swift 5 2 weeks ago
README.md docs: โœ๏ธ update image link 2 weeks ago
app-cover-fs8.png docs: โœ๏ธ update application image 3 weeks ago
npm-shrinkwrap.json chore: ๐Ÿค– update to xcode 11.2 and swift 5 2 weeks ago
package.json Bump for 1.4.1 4 years ago
screenshot.png Bug fixes and new iPad Launch Screen 4 years ago
webpack.config.js Upgrade to React Native 0.11.0; Add logo icon animation 4 years ago

README.md

WLPN 105.5 FM Lumpen Radio Chicago

Never listen to a radio commercial again. The free Lumpen Radio app is here!

Lumpen Radio

And StreamingKit reverse proxyโ€ฆ

Skipr

About

Features

  • Streams any audio/mpeg stream listed in Constants.h
  • Background audio playback and lock screen integration
  • Gorgeous video loop with AirPlay support
  • Intelligent handling of common audio interruptions
  • Detailed connection status and play state messaging
  • Translations for English, Spanish, Chinese, Korean and German
  • Remote control via Bluetooth and compatible headset
  • Supports iPad and iPhone with iOS 8+

Installation

Get the latest version from Apple. Download it from the App Store now.

Usage

  • Tapping radio button starts and stops the audio
  • Long-pressing the radio button restarts the audio
  • If the app crashes for any reason please close and reopen it

Development

Looking to build your own React Native project with ES6/7? Check out my React Native Starter Kit. Otherwise proceed enthusiastically.

  1. Clone this project.
  2. Install dependencies.

    npm install
    pod install
    
  3. Run npm start to start the Webpack watcher, Webpack Dev Server and the React Packager in a single shot.

Note: The Webpack watcher builds the index.[platform].js file expected by React Native.

  1. Open WLPN.xcworkspace in XCode and run the project.

Bundling for distribution

  1. Execute npm run bundle to generate the offline JS bundle.
  2. For iOS, update AppDelegate.m to load from pre-bundled file on disk.
  3. Test the application, create an archive and submit to the store.

Learn more about Submitting to App Store.

File structure

โ”œโ”€โ”€ android                     # Source code for Android
โ”œโ”€โ”€ iOS                         # Source code for iOS
โ”‚   โ”œโ”€โ”€ Classes                 # Objective-C, Swift classes
โ”‚   โ”‚   โ”œโ”€โ”€ AppDelegate         # Application initialization and React Native config
โ”‚   โ”‚   โ”œโ”€โ”€ AudioManager        # Lib to access platform APIs and bridge to JS
โ”‚   โ”‚   โ””โ”€โ”€ RootViewController  # RCTRootViewController override to manage Remote Control events
โ”‚   โ”œโ”€โ”€ Images.xcassets         # Launch screens and native image assets
โ”‚   โ”œโ”€โ”€ Resources               # Other native resources
โ”‚   โ”œโ”€โ”€ Constants.h             # Native globals
โ”‚   โ”œโ”€โ”€ Info.plist              # Project configuration
โ”‚   โ”œโ”€โ”€ main.jsbundle           # React Native placeholder file
โ”‚   โ””โ”€โ”€ main.m                  # Application entry point
โ”œโ”€โ”€ packages/skipr              # StreamingKit Reverse Proxy (AGPLv3)
โ”œโ”€โ”€ src                         # Source code
โ”‚   โ”œโ”€โ”€ assets                  # Static resources
โ”‚   โ”‚   โ””โ”€โ”€ videos              # Video assets
โ”‚   โ”œโ”€โ”€ components              # React Native Components
โ”‚   โ”œโ”€โ”€ lib                     # JS libraries
โ”‚   โ”œโ”€โ”€ stores                  # JS persistence with Flux
โ”‚   โ”œโ”€โ”€ actions.es6             # Flux actions
โ”‚   โ”œโ”€โ”€ main.es6                # JS application entry point
โ”‚   โ””โ”€โ”€ styles.es6              # React Native Style Rules
โ”œโ”€โ”€ .eslintrc                   # JS linter configuration
โ”œโ”€โ”€ .flowconfig                 # Facebook flow config file
โ”œโ”€โ”€ .gitignore                  # VCS blacklist
โ”œโ”€โ”€ Podfile                     # CocoaPods dependency specs
โ”œโ”€โ”€ Podfile.lock                # Native dependency lock file
โ”œโ”€โ”€ WLPN-Bridging-Header.h      # Objective-C, Swift bridge support file
โ”œโ”€โ”€ ignored-modules.js          # RegExp containing modules ignored by watcher
โ”œโ”€โ”€ npm-shrinkwrap.js           # JS dependency lock file
โ”œโ”€โ”€ package.json                # NPM dependency specs
โ”œโ”€โ”€ webpack-watch.js            # Filesystem watcher for JS
โ””โ”€โ”€ webpack-config.js           # WebPack configuration

Resources

To learn more about React Native and how this app is built check out the slides originating from my talk on . Thereโ€™s also a free Webcast on app construction given for Oโ€™Reilly Media on .

Todo

Ideas

  • Long-press opens modal with stream restart
  • Long-pauses restart stream or select target
  • Show playing metadata from stream headers
  • Stop background animation with disconnect

Known issues

  • Stream stops playing after a 20s phone call
  • Stream buffer timeout on connection restart

Credits

Designed and developed by Josh Habdas without fee for Public Media Institute.

Splash screen and vectors by Jermiah Chiu.
App interface and icon by Josh Habdas.

Turntable loop video by Scott Schiller, BSD and used with permission.
Inspired by open source work by Steffen Trรถster.

Many thanks to Public Media Institute, Lumpen Radio and all the wonderful beta testers for helping make this happen. You are beautiful.

  • Ed Marszewski
  • Logan Bay
  • Eric Olson
  • Wayne Wright
  • Elizabeth Rossman
  • Joseph Alfallah
  • Harrison Jones
  • Nick Hausman

Rights

Source code dual-licensed under MIT (Xcode 7, Swift 2) or BSD (Xcode 11, Swift 5). StreamingKit reverse proxy available under AGPLv3 and kept in directory packages/skipr. All other creative assets copyright their respective owners. The text of the source code license is included in the file LICENSE in the source.