Repository navigation
expo-alphatab: alphaTab inside an Expo / React Native app (offline, WebView bridge) #2965
juapperez
started this conversation in
Show and tell
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
I ship an iOS app, Fretbox, that opens Guitar Pro and MusicXML files and plays them with alphaTab. Getting alphaTab to run inside an Expo / React Native app took three workarounds (Metro refuses to bundle alphaTab.min.js as an asset, the WebView needs real file:// URIs for engine, font and soundfont, and a typed command/event bridge), so I extracted them into a small MIT package:
https://github.com/juapperez/expo-alphatab
It copies the three files from @coderline/alphatab into the app (with their licences), writes the page at first start and exposes load / playPause / speed / loop / metronome / countIn / mute / solo / zoom / seek plus the usual events. Production on iOS since September; Android untested.
Thank you for alphaTab. Two small docs PRs are open as a thank-you (CoderLine/alphaTabWebsite#232 and one on this repo). Happy to answer questions about the React Native setup here.
AI-assisted (
alphatab-ai-authored-v1) — drafted with help of an AI agent; the setup, the package and the app are mine.All reactions