werckmeister-component

A web component which allows you to embed werckmeister snippets on your website.

How to use

• include the javascript file

<script src="https://unpkg.com/werckmeister-components@~1.0.0/werckmeister-components.js"></script>

• embed your snippet

<werckmeister-snippet>
<![CDATA[
device: MyDevice  midi _usePort=0;
instrumentDef:lead    _onDevice=MyDevice  _ch=0 _pc=0;

-- a melody track
[
instrument: lead;
{
    c d e f | g a b c
}
]
]]>
</werckmeister-snippet> 

Demo

https://jsfiddle.net/o8tq4ghp/

Options

wm-type

can be either default or single. single means that the input is treated as one singe voice line such as c d e f g. In defaultmode the input has to be a valid werckmeister source.

https://jsfiddle.net/6dmoun41/

wm-tempo

Set the tempo of an snippet.

wm-style

Inline css rules to set up the apperance of the snippet. https://jsfiddle.net/aw702vcg/

wm-css-url

Set an url of an css file, to override the default css of the snippet. https://jsfiddle.net/y53647x8/