Advanced Browser Demo #1916
-
|
Do you have a working demo of the examples on this page: Especially the browser-advanced I tried to load as is locally and many error. I also tried on local host and remote server and many cross site errors |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 2 replies
-
|
Seems browsers or jsdelivr changed their policies since the sample was created. The sample itself works fine if you do not use alphaTab from the CDN but pull alphaTab locally (e.g. via NPM). The problem seems ESM related so you can use the UMD example I just uploaded: https://github.com/CoderLine/alphaTabSamplesWeb/tree/main/src/browser-advanced-umd I also added #1917 to fix the ESM problem. WebWorkers/AudioWorklets and CORS have always been a problematic due to additional browser restrictions compared to AJAX, imports and similar. |
Beta Was this translation helpful? Give feedback.
-
|
Works perfectly thanks. Do you have a sample where we could seek using the progress bar (select a different time to play score) not just my clicking on the score itself |
Beta Was this translation helpful? Give feedback.
-
|
No, I don't have an example like this around. I'd recommend following through the Tutorial to learn how to use alphaTab in general and then use tickCache and tickPosition to build something that fits your needs. With #1917 fixed you can now use v1.4.0-alpha.1324 via https://cdn.jsdelivr.net/npm/@coderline/alphatab@alpha/dist/alphaTab.mjs directly. The browser-advanced-esm demo works again. |
Beta Was this translation helpful? Give feedback.
Seems browsers or jsdelivr changed their policies since the sample was created. The sample itself works fine if you do not use alphaTab from the CDN but pull alphaTab locally (e.g. via NPM).
The problem seems ESM related so you can use the UMD example I just uploaded: https://github.com/CoderLine/alphaTabSamplesWeb/tree/main/src/browser-advanced-umd
I also added #1917 to fix the ESM problem. WebWorkers/AudioWorklets and CORS have always been a problematic due to additional browser restrictions compared to AJAX, imports and similar.