Code Monkey home page Code Monkey logo

soundboard's Introduction

Soundboard

A simple HTML5 soundboard.

  • define a boards.json (see boards.example for example)
  • put assets in the assets folder
  • start index.html and enjoy.

Broadcast mode

For a distributed setup, the broadcast mode can be activated. To do this, the broadcast switch in boards.json must be set to true.

The corresponding websocket server can be found in the broadcast/api directory. This is activated by means of:

php server.php

to start it. Nginx can be used as a websocket reverse proxy:

server {
	...

        location /soundboard/ {
               proxy_pass http://localhost:8000/;
    	       proxy_http_version 1.1;
    	       proxy_set_header Upgrade $http_upgrade;
               proxy_set_header Connection "Upgrade";
               proxy_set_header Host $host;
        }
}

The broadcast receiver should use the index.html in the broadcast folder in the browser

Links

soundboard's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

soundboard's Issues

Add support for custom color for each sound clip

Add support for custom color for each sound clip.

Example in boards.json:

"sounds" : [ { "file": "action_music1.ogg", "description" : "Action Music 1", "category": "Music / 3rd Party", "color": "#ffccaa" },

Add scenes support

Add the possiblity to use scenes, e.g. in boards definition:

{ "boards" : [ { "name" : "Soundboard", "folder" : "assets/", "scenes" : [ { "name": "alert", "sounds": [ ... ] } ], "sounds" : [ {

If a scene is selected all sound clips of these scene are played automaticly.

Add support for preset lopping & volume

Add support to preset the lopping button and the the volume e.g. in boards.json:

"sounds" : [ { "file": "action_music1.ogg", "description" : "Action Music 1", "category": "Music / 3rd Party", "loop" : "true", "volume" : "", },

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.