Staves Configuration

[yaras6]

Question

Is it possible to change staves in fly? I would like to change staves-tab to tab with rytm in fly.

• Version used: (master)
• Platform used: JavaScript
• Rendering engine used: SVG (default)
• Browser Name and Version: Newest chrome

[cheap-glitch]

Yes, it's possible to change the type of score on the fly, see the doc: https://docs.alphatab.net/develop/reference/property/stavesid
Don't forget to call updateSettings() and render() after any changes to the settings of an alphatab instance to actually render the changes on the page.

[yaras6]

Thanks a lot. It is working perfect. Sometimes I have problem to find something in documentation, but I love alphaTab project

[yaras6]

First call works fine for me but second throws error

Uncaught TypeError: Cannot read property 'index' of undefined
    at alphaTab.audio.MidiTickLookup.$hx_exports.alphaTab.audio.MidiTickLookup.findBeat (AlphaTab.js?11:7927)
    at AlphaTab.js?11:718
    at AlphaTab.js?11:35160

My code for that is

('[data-staves]').click(function (e) {
    var mode = $(this).data("staves");
    var at = $('#alphaTab');
    var config = {
        id: 'default',
        additionalSettings: {
            rhythm: false
        }
    };
    if (mode === "tab") {
        config = {
            id: 'tab',
            additionalSettings: {
                rhythm: true
            }
        };
    }
    at.alphaTab('settings').staves = config;
    at.alphaTab('updateSettings');
    at.alphaTab('render');
});

Any sugestions?

[yaras6]

And actually, which is recommended JS library? Master or develop? Switching tabs not working in master, but player seems not be stable in develop, so I am confused a bit.

In my app in develop, tab cursor not working. On your site, example displays nothing:
https://docs.alphatab.net/develop/assets/files/player.html

Thanks in advance for advice.

[Danielku15]

Currently the recommended branch is develop as described in the readme:

There is no offical stable release of alphaTab at all. Develop is the most latest version and just lately quite some things unintentionally broke. Usually I also try to keep develop as stable as possible but some bigger reworks I was not able to fully re-test yet.

Regarding the reported problem I'll try to investigate why multiple switching might not work. The code looks fine but there might be an issue with updating the internal caches.

In my app in develop, tab cursor not working. On your site, example displays nothing:

The cursor problem was reported separately and was fixed today.

[Danielku15]

I gave it a try and with the latest version changing the profile works for me without errors:
https://jsfiddle.net/danielku15/epkud9jv/

Can you try to reproduce the example in a standalone fiddle?