Drum'n'Berg

A drum machine block for WordPress.

See a demo using WordPress Playground

What is Drum'n'Berg?

Drum'n'Berg is for you if you:

• Are selling audio sample packs online.
• Want to add an audio surprise to your blog.
• Are bored when writing a long article and want to lay down a sick beat.

What can it do?

Add as many tracks as you want, upload your samples of choice, program the beat you want and listen to it from within the WordPress block editor.

If you publish your post, visitors will be able to listen to your production and even play with it, but not change the tracks or BPM.

Where can I find audio samples?

Drum'n'Berg comes with demo samples that can be found in the assets/samples directory.

You can find more public copyright licensed samples online, including on sites like:

• Citizen DJ

  Make music using the free-to-use audio and video materials from the Library of Congress

• freesound

  Freesound aims to create a huge collaborative database of audio snippets, samples, recordings, and all sorts of bleeps, ... released under Creative Commons licenses that allow their reuse.

How is this project structured

Registered blocks

The plugin registers two Gutenberg blocks:

• the drum machine: drum-n-berg/drum-machine,
• a drum machine track: drum-n-berg/track.

The drum machine block is the main block and is the only one available from a post context.

The track block can only be added within a drum machine block.

Conventions

The project uses

• TypeScript
• SASS (BEM methodology)

Known issues

For a list of known issues, please visit the Issues tab of this repository.

Acknowledgements

• howler.js - Audio library for the modern web.