Hi, I'm trying to render abcjs music notation in tiddlywiki Bopland.org is closed now and Vexflow licensing model is not adapted. abcjs (http://abcjs.net/) looks very interesting and maintained.
Looking at other thread I understand that - I have to create a tiddler containing the abcjs_basic_latest-min.js content (available here https://raw.githubusercontent.com/paulrosen/abcjs/master/bin/abcjs_basic_2.2-min.js) - tag it with systemConfig Then I block as I don't understand how to render the music content using abcjs I've tested on a html page the following code and it works <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>abcjs basic demo</title> <script src="abcjs_basic_latest-min.js" type="text/javascript"></script> </head> <body> <h1>abcjs basic demo page</h1> <div id="notation"></div> <script type="text/javascript"> var chorus = '%%staffwidth 500\nX: 1\nT: Chorus\nV: T1 clef=treble name="Soprano"\nV: T2 clef=treble name="Alto"\nV: B1 clef=bass name="Tenor"\nV: B2 clef=bass name="Bass"\nL:1/8\nK:G\nP:First Part\n[V: T1]"C"ed"Am"ed "F"cd"G7"gf |\n[V: T2]GGAA- A2BB |\n[V: B1]C3D- DF,3 |\n[V: B2]C,2A,,2 F,,2G,,2 |'; </script> <div> <script type="text/javascript"> ABCJS.renderAbc('notation', chorus); </script> </div> </body> </html> As you see, abcjs renders the content using ABCJS.renderAbc(). But we have to pass to this method a string content (in our case a javascript variable) representing the music I want to render. Could somebody help me here, I'm block on tiddly and need an expert to unlock me .. With regards Vpl -- You received this message because you are subscribed to the Google Groups "TiddlyWiki" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/tiddlywiki. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/8cc567b3-15b8-4dd3-aacd-743b7b6b59db%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
