Giter VIP home page Giter VIP logo

react-native-soundboard's Introduction

react-native-soundboard

A Soundboard written in React-Native and redux-saga.

Example Screen

Here's an example of the soundboard-app, obviously with cat-tax:

N|Preview

Install

  1. Run npm install to install all deps
  2. Make sure you have installed the react-native-cli
  3. Link dependencies with react-native-cli: react-native link

Adding content

In order to add content to be able to actually play sounds, you need to add some to your asset library:

  1. Create a folder, e.g. assets
  2. Create subfolders containing images and sounds, e.g. assets/images and assets/sounds
  3. Add sound- & image-files to your library
  4. Reference them in src/constants, the current structure is available there, just mimic the structure
  5. Add the assets-folder to your build-phase, e.g. in XCode add it to Copy Bundle Resources
  6. Rebuild and play in the app

Development

This project doesn't utilize any special development workflow. Thus, you can start the RN-Bundler-dev-server with npm run start and build for the simulator with react-native run-ios.

Production

This app isn't really tested for heavy use, although it is successfully tested on various festivals. In order to run your app locally on your device, follow the official React-Native-Guidelines

Features

  • Asynchronous Sound-playing through react-saga
  • Multiple Sounds through long-presses
  • Clean Code
  • Megaphone mode
  • Custom Recorded Sounds with camera picture (e.g. "party-mode")
  • Auto Discovery of assets

Contribute

If you want to contribute, feel free to issue a PR. I'm always open for new suggestions

react-native-soundboard's People

Contributors

figedi avatar

Watchers

James Cloos avatar Alex Wachira avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.