Giter VIP home page Giter VIP logo

sound.js's Introduction

sound.js

Pay GitHub issues GitHub license Gitter

A JavaScript project for using Web Audio API to do something awesome.

Installation

Before installation, you are supposed to install Webpack, which is used to bundle this project:

sudo npm install webpack -g

After that, just clone and build it locally:

git clone https://github.com/aleen42/sound.js.git

cd sound.js

# install needed dependencies
npm install

# this command is used to load songs of the path: assets/songs/,
# and you can see that a songlist.json will be created at the assets folder.
npm run load

# build up the project
npm run build

# build up a local server to run this project, which is going to listen at
# http://localhost:9000
npm run server 9000

Usage

If you want to load songs locally, you can just paste files with a .mp3 format into the folder: assets/songs/. After that, remember to run npm run build again to build this project.

Notice that: this project is temporarily supported MP3 files, and any file without a extension name .mp3 will not be loaded.

Optional

If you don't want to use assets/songs, you can just override the variable base array in the file load.js:

const base = [
	'./assets/songs/',
	
	/** wrong pointer which will cause resources missing error */
	'./../music',

	/** make a soft link like using `ln -s ./../music ./assets/music` */
    './assets/music/'
];

Notice that: because a resource outside a server root is invisible, so if you are using Linux/Mac OS, remember to make a soft link to a path, which is under the root of this project, or this project will have broken down with a relative path like ./../music/. If you are using Windows OS, I'm very sorry to say that, you have to copy your directory into this project, so that it can be loaded.

โ›ฝ How to contribute

Have an idea? Found a bug? See how to contribute.

๐Ÿ“œ License

MIT ยฉ aleen42

sound.js's People

Contributors

aleen42 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.