tag:blogger.com,1999:blog-9458154755769176282024-03-13T20:07:28.893+01:00The Visual Future of Music<strong>ANY:</strong> Music System ◦ Score ◦ Voice ◦ Instrument Or Theory Tool Config ◦Cantillatehttp://www.blogger.com/profile/14558742596559186897noreply@blogger.comBlogger68125tag:blogger.com,1999:blog-945815475576917628.post-81466553338341145292017-10-17T19:40:00.000+02:002017-10-17T20:32:40.130+02:00World Music Visualisation Environment - Preferences and Population<span style="font-family: "verdana" , sans-serif;">
<br />
Freedom of instrumental choice is <b><i>abysmally</i></b> poorly served in conventional online instrument teaching environments.
<br />
<br />
With direct influence on learner motivation, future learning support from artificial intelligence and higher-level worldwide person-to-person teaching opportunities via video chat, this ultimately impacts instrumental survival itself. It is <b><i>directly</i></b> contributing to an instrumental monoculture, a mass extinction event.
<br />
<br />
This need not be. If software can manage some e-mail client's address collection, it can manage the storage of instrument configuration details. This too is just text, and can be kept equally compact and human-readable.
<br />
<br />
We could track instruments using any or all <a href="https://en.wikipedia.org/wiki/Musical_instrument_classification">classification systems</a>, but here I'm going (for reasons that will become apparent) to focus on <a href="https://en.wikipedia.org/wiki/Hornbostel%E2%80%93Sachs">Hornbostel-Sachs</a>, probably the most widely cited and which results in a classification tree, each branch representing instrument families: each twig or leaf further refining and instrument's definition.
<br />
<br />
This system classifies instruments only by their basic tone-producing, i.e. construction characteristics, or “form”. Whenever we use the world 'form', we are in essence referring to <b><i>visual</i></b> properties: by what means sound is produced, what comprises the core body elements, and some indication of their shape.
<br />
<br />
As such, Hornbostel-Sachs wholly ignores the actual musical configuration (“function”), which describes the instrument's finer-grain 'user interface'. This encompasses physical properties such as scale or channel length, temperament or intonation, number of notes or tones to the octave, number of courses or channels, tunings, and pitch modification by devices such as capo.
<br />
<br />
In this sense, instrument classifications under the Hornbostel-Sachs system are incomplete. However, decoupling form and function has -as it happens- huge advantages, and <i>especially</i> in the context of online instrument modeling.
<br />
<br />
Critically, it allows the Hornbostel-Sachs classification system to be used as the tree-like basis for a web repository (data store) encompassing all known world instrument forms, their many musical configurations (function) being stored as 'foliage', or sub-trees.
<br />
<br />
These in place, pretty much <b><i>any</i></b> world music instrument can be modeled in it's entirety and in the browser - from it’s generic family base.
<br />
<br />
This opens any and all instruments to integration into a source-driven aggregator platform for world music visualization - encompassing any score, instrument or theory tool, and in any combination.
<br />
<br />
This approach is simple, robust and perfectly aligned with good API-building practices (so-called <a href="https://en.wikipedia.org/wiki/Semantic_URL">semantic URLs</a>). Ok, 'nuff tech.
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://2.bp.blogspot.com/-qqXU8zTFAuE/WeZMZgw3m5I/AAAAAAAAEzA/I8_Qho4N9FIYh4DK9Xj40FcRJECu5PCswCLcBGAs/s1600/instruments.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://2.bp.blogspot.com/-qqXU8zTFAuE/WeZMZgw3m5I/AAAAAAAAEzA/I8_Qho4N9FIYh4DK9Xj40FcRJECu5PCswCLcBGAs/s1600/instruments.jpg" data-original-width="499" data-original-height="358" /><br /><strong>Small Selection Of Commonly Used Folk Instruments</strong></a></div>
Worldwide, there are several music classification systems, dozens of music systems, literally thousands of instruments spanning many instrument families, and certainly a good few hundred theory tools in a range of 1-, 2- and 3D virtual shapes.
<br />
<br />
Even in their current (static) form, whether in the context of social music and dance or comparative musicology, these represent a vast cultural blind spot.
<br />
<br />
Brought online as dynamic and interactive models, they can be expected to fuel a revolution in both the breadth and depth of music teaching.
<br />
<br />
A central strength in the aggregator platform proposed here lies in precisely such a 'progressive refinement tree': simple, layered visual models, customized at each level according to immediate configuration needs. Moreover, these customizations can be drag-and-drop shared -individually or as a collection- across the user community. This post provides some pointers as to how this can be achieved.
<br />
<br />
<span style="color: royalblue; font-family: Verdana, sans-serif;">Big, brave, open-source, non-profit, community-provisioned, cross-cultural and houdini crazy. → Like, share, back-link, pin, tweet and mail. Hashtags? For the crowdfunding: <b>#VisualFutureOfMusic</b>. For the future live platform: <b>#WorldMusicInstrumentsAndTheory</b>. Or just register as a potential crowdfunder..</span>
<br />
<h2>
User Environment Preferences</h2>
<div style="clear: left; float:left; text-align: center;"><a href="https://1.bp.blogspot.com/-kbEz3JQqQiI/WGVWOq1zIxI/AAAAAAAACQo/EVNcLtJGtrsDn_Dvqji8vMiMd6XkAmSeACK4B/s1600/IMG_0484.JPG" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img alt="World Music Aggregator Platform Preferences and Population #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="240" src="https://1.bp.blogspot.com/-kbEz3JQqQiI/WGVWOq1zIxI/AAAAAAAACQo/EVNcLtJGtrsDn_Dvqji8vMiMd6XkAmSeACK4B/s320/IMG_0484.JPG" title="World Music Aggregator Platform Preferences and Population #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="320" /><br /><strong>Aggregator Platform Preferences & Population</strong></a></div>
Data visualisation is concerned with the visual representation of <b>patterns</b> in data.<br />
<br />
In musical terms, think instrument fingerboards, keyboards, their roadmaps, exercises, chords, rhythm and musical application of colour.<br />
<br />
Anywhere data patterns can be found, data visualisation can be applied.<br />
<br />As it happens, the tree structures we associate with instrument and other musical data is an excellent match with established visualisation (and <a href="https://visualfutureofmusic.blogspot.ch/2016/06/instrument-classification-repository.html">storage</a>) technologies.
<div style="clear: both; float: center; text-align: center;"><a href="https://3.bp.blogspot.com/-sn-3DzInzHI/V4TMG_fRYzI/AAAAAAAAAYU/O5dNGgBdpNEuFJvefhg8ZOMGhMw92cHWACK4B/s1600/HS-Thin.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Music Instrument Classification System Hornbostel Sachs Aerophones Chordophones Electrophones Idiophones Membranophones. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="304" src="https://3.bp.blogspot.com/-sn-3DzInzHI/V4TMG_fRYzI/AAAAAAAAAYU/O5dNGgBdpNEuFJvefhg8ZOMGhMw92cHWACK4B/s640/HS-Thin.png" title="Music Instrument Classification. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="640" /><br /><strong>Instrument Classifications, with Top Level of <a href="https://en.wikipedia.org/wiki/Hornbostel%E2%80%93Sachs">Hornbostel-Sachs</a></strong></a></div>
<br />
<br />
A user can specify the visualizations with which they choose to populate their immediate environment.
<br />
<br />
This is as true for scores (which are also handled using data visualization techniques) as for instrument models, theory tools, physics simulations, genres, scores, bands or any of a host of other interests.
<br />
<br />
So how might an instrument definition be addressed? The core data can be stored in JSON, and comprises two parts: a <form> part, and the <function> part, i.e.:
<br />
<br />
<form><function>
<br />
<br />
The Hornbostel-Sachs ('form') designation for a lute family instrument such as (yawn) guitar would be 321.322.
<br />
<br />
The build designation might for example comprise elements for scale or channel length (L), temperament or intonation (T), number of notes or tones to the octave (N), number of courses (C) and number of strings to a course (S).
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://2.bp.blogspot.com/-GU7ogJ4RO00/Wdo_OP9S7VI/AAAAAAAAExw/cZCUURe1YBg_BlMzVKlrLYCI3lvR9EpkQCLcBGAs/s1600/InstrumentPathInClassificationHierarchy-480x220.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://2.bp.blogspot.com/-GU7ogJ4RO00/Wdo_OP9S7VI/AAAAAAAAExw/cZCUURe1YBg_BlMzVKlrLYCI3lvR9EpkQCLcBGAs/s400/InstrumentPathInClassificationHierarchy-480x220.png" width="400" height="184" data-original-width="480" data-original-height="221" /><br /><strong>Hypothetical Guitar Configuration Storage</strong><br />Directly In Hornbostel-Sachs Classification Tree</a></div>
Depending on the data repository (storage) implementation, our target might be a reference to a position in a classification tree (as shown to the left), or indeed to a filename, something along the lines of:
<br />
<br />
<b>HS321_321_L66_TE_N12_C6_S1</b>
<br />
<br />
From a user's perspective, such a file could be accessed visually (as a node in a tree), or using more or less conventional search.
<br />
<br />
As you may see, from a storage perspective such a file could be accessed -depending on storage technology, and amongst others- either as a conventional drill-down NoSQL style query, or as an ad-hoc graph database query.
<br />
<br />
So having seen how the data might be stored, what might an actual configuration session look like? With no attempt at polish, here a clip from the proof-of-concept implementation. Keep in mind that every time a 'Save' action is undertaken, data is saved to a configuration tree, as has just been described.
<br />
<br />
<iframe width="800" height="500" src="https://www.youtube.com/embed/xIZ5tHMXy3Y" frameborder="0" allowfullscreen></iframe>
<br />
<br />
In quick succession, we see the definition of an Irish bouzouki, a typical violin (fiddle), a Turkish cura, a South American charango, an Arabic oud and an equal-tempered but microtonal (24 notes or tones per octave) guitar.
<br />
<br />
Any specific instrument customization can be configured in less than a minute, saved, and (potentially) made available for use by any and all users, worldwide. The only limitations are those imposed by the source music exchange format (think audio, midi, ABC and so on) and resulting music notation.
<br />
<br />
The tuning menu serves -at this point- mainly to allow crosschecking of behavior with the currently loaded score. This, score-driven fingerings and much more are demonstrated in separate videos.
<br />
<br />
What has been done for lutes can naturally be done for other stringed instrument types such as harps and zithers, or indeed any of the other high-level instrument families, such as percussion, wind, brass and keyboards.
<br />
<br />
With time it should be possible to model at least 80% of the world's instruments in this way, providing a solid base for ventures into direct, person-to-person teaching and learning online.
<br />
<br />
The only danger I see in this procedure is security. With SVG 'scriptable', there is some danger that a hacker could gain access to the system. For this reason, the SVG should be server-side generated, and the only user information provided through GUI conventional dialog elements with good safety controls.
<br />
<br />
Ok, what we have just seen demonstrated feeds directly into the wider instrument discovery process. Once an instrument has been defined, we can allow <b><i>visual</i></b> selection from a data tree to <i>replace or augment (a.k.a. 'fine-tune') traditional text search</i>.
<br />
<br />
Assuming we have saved a few instruments as described, then, how can they be used to populate the user's menus? He or she will want to see <b><i>only</i></b> those instruments featured that are being learned. To do this, we resort to drag and drop.
<br />
<br />
<div style="clear: left; float:left; text-align: center;"><a href="https://3.bp.blogspot.com/-hKJuUOMd6so/V3FKlqudtMI/AAAAAAAAATE/JdfdZ_h6XmAd-shRWWek5lQ--EtwrYXxwCK4B/s1600/SavedInstrumentGuitar.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Instrument Classification. Family Subtree (a Selection). #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="640" src="https://3.bp.blogspot.com/-hKJuUOMd6so/V3FKlqudtMI/AAAAAAAAATE/JdfdZ_h6XmAd-shRWWek5lQ--EtwrYXxwCK4B/s640/SavedInstrumentGuitar.png" title="Instrument Classification. Family Subtree (a Selection). #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="297" /></a></div>
<h2>
Menu Population with User Preferences</h2>
Assuming the user has 'discovered' a few of instruments tucked away the visual classification tree (accessed through the upper, horizontal menu bar), it makes sense to use these to directly populate other parts of the graphical user interface (GUI) - and in particular the user's menus.
<br />
<br />
When populating menus, we would be free to select not just individual end points ('leaves" of the tree), but entire twigs or branches.
<br />
<br />
Assuming safeguards against 'overpopulation' of menus, this would be accurate, flexible, secure (no direct user input) and provide immediate visual feedback.
<br />
<br />
A further benefit is that of code reuse. With all data sharing the same basic tree structure, code used to manipulate one tree can be reused across all others.
<br />
<br />
In our case, then, we are likely to end up with two levels of data population: the first populating a given user's menus, the second a working selection <b><i>from</i></b> these menus to populate the current animation panel for actual use.
<br />
<br />
With a 1:1 classification tree to menu relationship, this allows us to populate all the menus individually. This is illustrated in overview in the diagram below. Here we see a selection from the top-level 'Genres' menu, which accesses the corresponding classification tree.
<br />
<br />
From the Genres classification tree, a 'Cantes Flamencos' branch is drag-n-dropped onto the user's 'Genres' menu. The leaves of this tree now represent his or her genre preferences.
<br />
<br />
Where subsequently selected, this may be used either to pull in relevant genre-oriented contextual information, or limit other selections to this genre.
<br />
<br />
<table style="color: steelblue; float: right; height: auto; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td>
<a href="https://4.bp.blogspot.com/-oUVzNtqLX0A/V3A8Fu9XT6I/AAAAAAAAAQ8/XBTT0Niu3bADzKhMxb6iB3LAa5a43skEgCK4B/s1600/EnvironmentPopulation-Cropped.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Flamenco genre classifications in world music context. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://4.bp.blogspot.com/-oUVzNtqLX0A/V3A8Fu9XT6I/AAAAAAAAAQ8/XBTT0Niu3bADzKhMxb6iB3LAa5a43skEgCK4B/s640/EnvironmentPopulation-Cropped.png" title="Genre classifications. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><br /><strong>User Selection from Flamenco Genres to Populate Own Preferences</strong></a>
</td>
<td style="border: 1px solid orangered;" >
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="//blogspot.us14.list-manage.com/subscribe/post?u=6082c7c1fd4aacb458f4f3268&id=1dd5e99fbf" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
<h2 style="text-align: center; color: #f70000;">Potential Crowdfunder?</h2>
<div>
<label for="mce-FNAME">First Name</label>
<input type="text" name="FNAME" id="mce-FNAME">
</div>
<div>
<label for="mce-EMAIL">Email Address</label>
<input type="email" name="EMAIL" id="mce-EMAIL" title="The domain portion of the email address is invalid (the portion after the @)." pattern="^([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22))*\x40([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d))*(\.\w{2,})+$" required>
</div>
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_f2d244c0df42a0431bd08ddea_aeaa9dd034" tabindex="-1" value=""></div>
<div class="mc-status"></div>
<div><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>
<!--End mc_embed_signup-->
</td>
</tr>
</tbody>
</table>
<br />
<br />
This approach to preferences and population unleashes a monumental flood of visualisation possibilities. To build on an earlier diagram (here just a foretaste!):<br />
<br />
<br />
<div style="clear: both; float: center; text-align: center;"><a href="https://1.bp.blogspot.com/-SleaqeyiS7o/V3FWPHNBqHI/AAAAAAAAATU/9aRz4oz63mgE2YlBBp_9nB6N0M32DNHxwCK4B/s1600/CulturalComparison-RED.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Some Examples of Music Visualisation Opportunities. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="446" src="https://1.bp.blogspot.com/-SleaqeyiS7o/V3FWPHNBqHI/AAAAAAAAATU/9aRz4oz63mgE2YlBBp_9nB6N0M32DNHxwCK4B/s640/CulturalComparison-RED.png" title="Visualisation Possibilities. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="640" /><br /><strong>Examples of Music Visualisation Opportunities</strong></a></div>
This also gives us some idea of the potential for the creation of -for example- individual exercises (notation) touching on every aspect of music theory, but integrated across the entire instrument and theory tool spectrum.
<br />
<br />
<h2>
Population with User Preferences</h2>
Assuming a live video chat session, sharing one's environment with others will ultimately be as simple as dragging individual menu items (or indeed entire menus) over a new learner's avatar. This simply mirrors the way menus are populated in the first place: only the source is different.
<br />
<br />
<hr />
</span>Cantillatehttp://www.blogger.com/profile/14558742596559186897noreply@blogger.com1tag:blogger.com,1999:blog-945815475576917628.post-18460847500469224222017-09-15T01:40:00.000+02:002017-09-22T00:11:06.130+02:00World Music Systems, Comparative Musicology And Ethnomusicology<span style="font-family: "verdana" , sans-serif;">
<br />
The 12-tone, equal temperament music system is just one of many in use worldwide, but it’s tonal homogeneity and compatibility across octave boundaries (the ease with which a wide range of instruments can play together) and the vast and extremely accessible pool of teaching material has helped it to more or less worldwide commercial dominance.
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://4.bp.blogspot.com/-te-AHnWQljY/Wb2HnJWVfyI/AAAAAAAAEuA/DCdJCD0J6ZQjDj1XztLLUqPVdsfurv5wwCLcBGAs/s1600/Balkan-Blast-480x320.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-te-AHnWQljY/Wb2HnJWVfyI/AAAAAAAAEuA/DCdJCD0J6ZQjDj1XztLLUqPVdsfurv5wwCLcBGAs/s1600/Balkan-Blast-480x320.JPG" data-original-width="480" data-original-height="320" /><br /><strong>Balkan Beats In Bern, CH</strong><br /></a></div>
The world's 'other' music systems -treasures in their own right- are barely acknowledged, and poorly understood.
<br />
<br />
Using data visualization techniques, could awareness of alternative, experimental and world music systems be raised?
<br />
<br />
In a post-singularity, free-time society, could we fuel a surge of interest in comparative musicology and ethnomusicology?
<br />
<br />
Some may need extended, but all the technology components lie to hand.
<br />
<br />
<span style="color: royalblue; font-family: Verdana, sans-serif;">Big, brave, open-source, non-profit, community-provisioned, cross-cultural and crackpot crazy. → Like, share, back-link, pin, tweet and mail. Hashtags? For the crowdfunding: <b>#VisualFutureOfMusic</b>. For the future live platform: <b>#WorldMusicInstrumentsAndTheory</b>. Or just register as a potential crowdfunder..</span>
<br />
<h2>
World Music Systems</h2>
<br />
In world music, different conventions apply: other temperaments and intonations, number of notes per octave, scales, modes and tonal (read 'cultural') spaces.
<br />
<br />
Though compatibility can on several levels be severely compromised, this is a vast and (for ‘western’ ears) often untapped field of exploration.
<br />
<br />
We lack on the one hand the cultural experience and exposure to truly appreciate the qualities of much of this music, and on the other, the comparative musicology tools to relate them back to what we <b>do</b> understand.
<br />
<br />
With our plans for a world music visualization aggregator platform, this is about to change.
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://4.bp.blogspot.com/-XAI6DxMly8Q/V3FFi7B5mfI/AAAAAAAAAS0/RFKuXvM3e6YYmp1ybPEDvBgeMZwnWtWyQCK4B/s1600/RadarChart-ConfigExamples-Black.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="music configuration tuning temperament colouring notes octave classification channels layout scale length. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="438" src="https://4.bp.blogspot.com/-XAI6DxMly8Q/V3FFi7B5mfI/AAAAAAAAAS0/RFKuXvM3e6YYmp1ybPEDvBgeMZwnWtWyQCK4B/s640/RadarChart-ConfigExamples-Black.png" title="music configuration freedoms. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="640" /><br /><strong>Musical Modeling Configuration Freedoms</strong></a></div>
<br />
<br />
<h2>
World Music Diversity</h2>
Beyond already diverse world music instrument base configurations, musical diversity really takes off - in the form of tunings and musical scales. There are many thousands of each.
<br />
<br />
On a lute-like instrument, for example, tunings applicable to a low-order number of courses find reapplication each time a string is added to the configuration. In this sense we can immediately begin to think of hierarchy and reuse.
<br />
<br />
Complicating this is that what may be (say) a 'B' tone in one culture may have a different name, pitch and frequency in another culture. In this sense, we need to abstract down to core, measurable physical qualities.
<br />
<br />
Much the same applies to musical scales. To get an idea of the scope, we might try to gauge how many musical scales there are there in use worldwide.
<br />
<br />
Only 1% of musical terrain is represented by the <a href="http://www.allthescales.org/">1490 scales</a> known alone to 'western' or classical music. Yet this is the fruit of just one of perhaps hundreds of musical systems in use worldwide.
<br />
<br />
Brave souls on Quora looked at this ballpark in a little more detail, but could still only give <a href="https://www.quora.com/How-many-scales-are-there-in-music">vague guesstimates</a>. The fact is, we simply don't know.
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://2.bp.blogspot.com/-5mbjS-2hHzw/Wb2UHzCRGaI/AAAAAAAAEuQ/-glSHwLlq9wanAZLL3GjVd9GyJYRQjqSwCLcBGAs/s1600/oud-player-480x480.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://2.bp.blogspot.com/-5mbjS-2hHzw/Wb2UHzCRGaI/AAAAAAAAEuQ/-glSHwLlq9wanAZLL3GjVd9GyJYRQjqSwCLcBGAs/s320/oud-player-480x480.jpg" width="320" height="320" data-original-width="480" data-original-height="480" /><strong><br />Oud Player</strong></a></div>
Indigenous Turkish, Arabic, Persian and Indian music, like many other world music systems, are microtonal in nature. While often sharing the concept of scales and modes, their intervals and note frequencies and the laws determining them are a world to themselves.
<br />
<br />
Turkey has more than 100 makams or maqams (microtonal scales) based on a system of just intonation.
<br />
<br />
The Persian Dastgah system has some overlap with Maqam (namely Rast) but otherwise on the whole the tonalities used differ.
<br />
<br />
Arabic Makams or Maqams again share the affinity with Rast, but are anchored in a 24-tone (ie microtonal) equal temperament system.
<br />
<br />
The Indian <a href="https://en.wikipedia.org/wiki/Raga">Raga</a> is shared by both North Indian (Hindustani) and South Indian (Carnatic) music traditions, and based on an octave with 22 srutis or microintervals of musical tones or 1200 cents.
<br />
<br />
<h2>Musical Innovation</h2>
<div class="separator" style="clear: both; text-align: center;"><a href="https://4.bp.blogspot.com/-ftQvUgEmGKo/WGvVSLtKBoI/AAAAAAAACUM/ZYU6qnyTHjktbpc7Sy2ZIj154UM_OZj3wCK4B/s1600/HeritageMicrotonalForBlogger.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img alt="Music Visualisation: Heritage Finding New Expression Through Microtonal Notations #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="200" src="https://4.bp.blogspot.com/-ftQvUgEmGKo/WGvVSLtKBoI/AAAAAAAACUM/ZYU6qnyTHjktbpc7Sy2ZIj154UM_OZj3wCK4B/s320/HeritageMicrotonalForBlogger.png" title="Music Visualisation: Heritage Finding New Expression Through Microtonal Notations #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="320" /><br /><strong>Heritage Finding New Expression</strong><br />Through Microtonal Notations</a></div>
Experimental music stretches such envelopes yet further. Musical interfaces of the future will allow much greater (possibly even shape-changing) configuration flexibility, enhanced interfacing sensitivity, tonal variety and new modes of interaction, opening up a galaxy of new possibilities.
<br />
<br />
With growing experience, the tonal system on which a piece of music is based may, for dramatic effect, even be allowed to change with time.
<br />
<br />
Music is undergoing an explosion of experiment and development - entirely paralleling that of science and technology in it’s depth and reach.
<br />
<br />
It's helpful in this context to see the various instrument configurations and underlying music systems as respectively nodes and vectors in a musical continuum.<br />
<br />
With it’s roots in mathematics -which lends itself to algorithm- artificial intelligence and machine learning can be expected to bring both new freedoms and new challenges. In modelling it's parts, I hope we become more familiar with the whole.<br />
<h2>
Comparative Musicology And Ethnomusicology</h2>
In-browser, score-driven animations open up fascinating possibilities for musical learning, immersion, exchange - and comparison.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://3.bp.blogspot.com/-3KZq8oINrok/V3A2ilRaPgI/AAAAAAAAAQs/9GN_CfYq-6Qzr_qCf_YsG_8WXcnPvOUnACK4B/s1600/CulturalComparison-Stripped.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="tonal systems diversity and cultural exchange possibilities. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="446" src="https://3.bp.blogspot.com/-3KZq8oINrok/V3A2ilRaPgI/AAAAAAAAAQs/9GN_CfYq-6Qzr_qCf_YsG_8WXcnPvOUnACK4B/s640/CulturalComparison-Stripped.png" title="Unlimited Musical Possibilities. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="640" /><br /><strong>Unlimited Musical Possibilities</strong></a></div>
<br />
Notation is simply a base for tonal mappings, one notation source sometimes relevant to several tuning systems. That is to say that (for example) instruments tuned to a system <b>other</b> than the western equal temperament can in some cases still be played while referring to a standard western score.
Concepts close to this, such as so-called transnotation, though long debated by ethnomusicologists, have yet to find their way into musician's toolsets.
<br />
<br />
Change is, however, imminent. Tonal systems -whether on an instrument model or on the basis of a theory tool (an abstraction)- can increasingly be <b>visually</b> compared. This draws us into the world of comparative, or 'what if?' musicology, but also ethnomusicology.
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://3.bp.blogspot.com/-XkSn_MUknvM/Wb6qo9cKf3I/AAAAAAAAEus/MgNzWIxaOYgVpz14eJClXUkGecjr_gvbQCLcBGAs/s1600/pinterest-DIY-2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Community Music And Dance. https://www.pinterest.ch/cantillate/ #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://3.bp.blogspot.com/-XkSn_MUknvM/Wb6qo9cKf3I/AAAAAAAAEus/MgNzWIxaOYgVpz14eJClXUkGecjr_gvbQCLcBGAs/s640/pinterest-DIY-2.png" width="800" height="auto" data-original-width="1523" data-original-height="995" title="Community Music And Dance. https://www.pinterest.ch/cantillate/ #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /><br /><strong>Community Music And Dance</strong><br />From <a href="https://www.pinterest.ch/cantillate/diy-music-and-dance-images/">Pinterest</a></a></div>
<br />
<br />
There are often many ways of visualizing these tonal differences: waveforms, relative note positions on a linear or logarithmic scale, chromatic circle or circle of 5ths, frequency scatterplots, coordinate systems, chromatic helix, and so on. The tools have to date been short of one critical component: a system to allow their automatic association with scores, and for them to be exchanged at will. The concept (and demo) exist: the idea simply needs financed.
<br />
<br />
<table style="color: steelblue; float: right; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 33%;">
<tbody>
<tr>
<td style="border: 1px solid orangered;" >
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="//blogspot.us14.list-manage.com/subscribe/post?u=6082c7c1fd4aacb458f4f3268&id=1dd5e99fbf" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
<h2 style="text-align: center; color: #f70000;">Potential Crowdfunder?</h2>
<div>
<label for="mce-FNAME">First Name</label>
<input type="text" name="FNAME" id="mce-FNAME">
</div>
<div>
<label for="mce-EMAIL">Email Address</label>
<input type="email" name="EMAIL" id="mce-EMAIL" title="The domain portion of the email address is invalid (the portion after the @)." pattern="^([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22))*\x40([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d))*(\.\w{2,})+$" required>
</div>
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_f2d244c0df42a0431bd08ddea_aeaa9dd034" tabindex="-1" value=""></div>
<div class="mc-status"></div>
<div><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>
<!--End mc_embed_signup-->
</td>
</tr>
</tbody>
</table>
Indeed, with many graphical <a href="https://visualfutureofmusic.blogspot.ch/p/theory-tools-principles.html">theory representations</a> available, we have the opportunity to compare theory tools, side-by-side on the screen.<br />
<br />
Music theory is only one side of the story: we have the possibility of comparison not just in an abstract theoretical sense, but in the sense of practical impact on instrumental use.<br />
<br />
At a simple level we may wish to compare the impact of various equal temperament guitar tunings on fingering (and hence, ultimately, tension, timbre and dynamics).<br />
<br />
We can also answer tricky musical questions - visually. Could a just-intoned turkish bağlama or saz can be played alongside a 12-tone equal-temperament instrument, such as clarinet or african kora? Just how far apart, tonally, are the notes? What happens if we move to a higher octave?
<br />
<br />
Going further afield, how about comparison of the note namings, frequencies and intervals of the arabic <a href="https://www.maqamworld.com/instruments.html">ney</a> with that of the traditional chinese <a href="https://en.wikipedia.org/wiki/Dizi_(instrument)">Dizi</a> (transverse flute) or it's modern counterpart, the <a href="https://en.wikipedia.org/wiki/Xindi_(instrument)">Xindi</a>?<br />
<br />
This would also helpful to an established player on one instrument curious to know which other instruments (and especially timbres) would be available at little or no learning overhead. In this way, a search based on the violin's musical configuration characteristics would reveal that banjo, bouzouki and mandolin are very similar, all sharing the same layout and pitch classes, if not necessarily the same scale length or octave range.
<br />
<br />
Answers to questions like these could be approached visually in a multitude of ways.
<h3>
At the End of the Day</h3>
<div class="separator" style="clear: both; text-align: center;"><a href="https://2.bp.blogspot.com/-I2o6GJJwO0Y/WGUbocfFrTI/AAAAAAAACQE/mGVUauuMxNM_u5zE2gFHF1w06wZj1SobQCK4B/s1600/Forge.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="400" src="https://2.bp.blogspot.com/-I2o6GJJwO0Y/WGUbocfFrTI/AAAAAAAACQE/mGVUauuMxNM_u5zE2gFHF1w06wZj1SobQCK4B/s400/Forge.jpg" width="300" /><br /><strong>Community Dance Drives Wellbeing</strong></a></div>
The possibilities opened by music visualization go way beyond instruments and theory tools, covering everything from (for example) graphical overviews of musical compatibility, evolutionary tracking diagrams, cross-cultural influences, to musical development under migration. The only limitations are imagination and time, both of which will be in surfeit in a free-time world.
<br />
<br />
Moreover, with time, data collection relating to these developments could theoretically be automated, leading to running updates to such animations.
<br />
<br />
If the fuel on this journey is data, then the vehicle is a world music aggregator platform. Well-founded, I suspect this initiative has a vibrant future. Somewhat surprisingly, this has never before been attempted.
<br />
<br />
It's clear there are mobile device bottlenecks (speed), security issues (SVG is scriptable), and the end product (and hence value) is relatively easy hijacked - even if just as captured video. Nevertheless, I am still at a loss as to why there has been no movement. This will now change.
<br />
<br />
<br />
<hr />
<h2 id="Overview" style="color: royalblue; text-align: center;">
Keywords</h2>
<hr />
<br />
<table style="color: royalblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
online music learning,<br />
online music lessons
</td>
<td style="text-align: center;" width="33%">
distance music learning,<br />
distance music lessons
</td>
<td style="text-align: center;" width="33%">
remote music lessons,<br />
remote music learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
p2p music lessons,<br />
p2p music learning
</td>
<td style="text-align: center;" width="33%">
music visualisation<br />
music visualization
</td>
<td style="text-align: center;" width="33%">
musical instrument models<br />
interactive music instrument models
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
music theory tools<br />
musical theory
</td>
<td style="text-align: center;" width="33%">
p2p music interworking<br />
p2p musical interworking
</td>
<td style="text-align: center;" width="33%">
comparative musicology<br />
ethnomusicology
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
world music<br />
international music</td>
<td style="text-align: center;" width="33%">
folk music<br />
traditional music
</td>
<td style="text-align: center;" width="33%">
P2P musical interworking,<br />
Peer-to-peer musical interworking
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
WebGL, Web3D,<br />
WebVR, WebAR
</td>
<td style="text-align: center;" width="33%">
Virtual Reality,<br />
Augmented or Mixed Reality
</td>
<td style="text-align: center;" width="33%">
Artificial Intelligence,<br />
Machine Learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
Scalar Vector Graphics,<br />
SVG
</td>
<td style="text-align: center;" width="33%">
3D Cascading Style Sheets,<br />
CSS3D
</td>
<td style="text-align: center;" width="33%">
X3Dom,<br />
XML3D
</td>
</tr>
</tbody>
</table>
<br />
<br />
</span>Cantillatehttp://www.blogger.com/profile/14558742596559186897noreply@blogger.com1tag:blogger.com,1999:blog-945815475576917628.post-26058944227322083742017-09-09T14:26:00.002+02:002017-09-12T14:44:34.755+02:00Music Visualization - a Roadmap to Virtuosity<span style="font-family: "verdana" , sans-serif;">
<br />
Musical virtuosity: the ability to intuitively, freely and playfully navigate a genre's entire musical context (scales, their associated modes, characteristic ornaments and emotional dynamics) in a way that remains true to the expectations of a knowledgable, genre-native listener.
<br />
<br />
Given the multiple, layered challenges, it's little wonder learning an instrument is acknowledged as one of the few really effective <a href="https://www.theguardian.com/education/2016/oct/24/want-to-train-your-brain-forget-apps-learn-a-musical-instrument">brain training strategies</a>.
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://2.bp.blogspot.com/-BtTep2I3fN8/WbfUEpxFB7I/AAAAAAAAEtM/GqYgVTGLAsIVQCCON8XJvrnCOgTR9hFnQCLcBGAs/s1600/Oud_class_at_Cairo%2527s_Beit_el-Oud_%2528House_of_Oud%2529-480x320-compressed.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="Oud class at Cairo's Beit el-Oud (House of Oud)" border="0" src="https://2.bp.blogspot.com/-BtTep2I3fN8/WbfUEpxFB7I/AAAAAAAAEtM/GqYgVTGLAsIVQCCON8XJvrnCOgTR9hFnQCLcBGAs/s320/Oud_class_at_Cairo%2527s_Beit_el-Oud_%2528House_of_Oud%2529-480x320-compressed.png" width="480" height="auto" data-original-width="480" data-original-height="320" title="By Enas El Masry (Own work) [CC BY-SA 4.0 (http://creativecommons.org/licenses/by-sa/4.0)], via Wikimedia Commons" /><br /><strong>Oud Class At Cairo's Beit el-Oud (House of Oud)</strong><br />From Wikipedia</a></div>
Until now (and given enough motivation), for the enthusiast, musical virtuosity was founded years of practice, listening and rather haphazard knowledge gathering.
<br />
<br />
Central to <b>accelerating</b> this? The right tools, expert advice, direct access to outstanding role models, and increasingly, exploiting understanding of the brain and the core mechanisms of learning.
<br />
<br />
Yet even as artificial intelligence and machine learning take off, exploitation of the web browser's visualization capabilities -perhaps the most direct path to structured learning- has barely begun.
<br />
<br />
Without taking this initial step, of revealing world music's many treasures in graphical form, we have no way of integrating a host of other learning advances.
<br />
<br />
World music's underlying structures are global, cross-cultural and timeless. Help us get them animated, discovered, and put to use by the world's great teachers and ethnic virtuosos.
<br />
<br />
'Potential Crowd Funder' registration? Further below..
<br />
<br />
<span style="color: royalblue; font-family: Verdana, sans-serif;">Big, brave, open-source, non-profit, community-provisioned, cross-cultural and bat cave crazy. → Like, share, back-link, pin, tweet and mail. Hashtags? For the crowdfunding: <b>#VisualFutureOfMusic</b>. For the future live platform: <b>#WorldMusicInstrumentsAndTheory</b>. Or just register as a potential crowdfunder..</span>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-hoWmusvvUho/V4TWNNbK-dI/AAAAAAAAAYk/NHmX32U_cH4mKSKKuJaTPUkS_QmEwff2wCK4B/s1600/Clickbait%2BSQUAT.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="World Music Visualisation Or Visualization Aggregator Platform: Proof of Concept. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="480" src="https://1.bp.blogspot.com/-hoWmusvvUho/V4TWNNbK-dI/AAAAAAAAAYk/NHmX32U_cH4mKSKKuJaTPUkS_QmEwff2wCK4B/s640/Clickbait%2BSQUAT.png" title="Screenshot Aggregator Platform. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="640" /><br /><strong>Music Visualization Aggregator Platform Proof-of-Concept (PoC)</strong></a></div>
<br />
<h2>
Musical Visualisation</h2>
When learning to play a musical instrument, we currently engage three learning modes:
<ul>
<li>ear: directly replicating pitch, dynamics and tension as heard</li>
<li>touch (tactile or gesture navigation: how we interact with instruments, their ‘user interfaces’)</li>
<li>sight: reading and interpreting music notation, but also interacting with other visual media, whether static theory diagrams, video, or incidentals such as fingering charts</li>
</ul>
The last that is of particular interest to us here. Without the integration, synchronization and animation of the full range of world music instruments and theory models, it will never realize it's full teaching and learning potential.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-SiwRa9FEATU/V3pjBo2tK-I/AAAAAAAAAV0/0C__nxdMufk_sRpRttodLceGrvkS7KcAwCK4B/s1600/Screen%2BShot%2B2015-12-03%2Bat%2B19.23.02.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img alt="Chromatic Circle Minor Chord Intervals. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="400" src="https://4.bp.blogspot.com/-SiwRa9FEATU/V3pjBo2tK-I/AAAAAAAAAV0/0C__nxdMufk_sRpRttodLceGrvkS7KcAwCK4B/s400/Screen%2BShot%2B2015-12-03%2Bat%2B19.23.02.png" title="chromatic circle. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="365" /><br /><strong>C Minor Chord with Intervals</strong></a>
</div>
Musicians hear songs when they read music, non-musicians seek <a href="https://arstechnica.com/science/2015/09/musicians-hear-songs-when-they-read-music-non-musicians-seek-visual-patterns/" style="font-family: verdana, sans-serif;" target="_blank"><b>visual</b> patterns</a>.<br />
<br />
Visuals are <a href="https://www.goodreads.com/book/show/18263148-the-power-of-visual-storytelling" target="_blank">processed</a> 60,000 times faster than text by the human brain. 90% of information transmitted to the brain is visual.<br />
<br />
How many pages of text would would be needed to convey all the information in the diagram to the left?<br /><br />If this easy, why is data visualization hardly used in music teaching? Why not expose <b>everything</b> in animated, visual form?
<br />
<br />
In providing advanced, score-driven, interactive models for instruments and music theory, we can satisfy clear learning and teaching needs - from beginner right through to musical virtuoso.
<br />
<br />
<br />
<h3>
A Galaxy of Musical Opportunity</h3>
In driving animations <a href="https://youtu.be/wqWUPo0dWpM" target="_blank">directly from exchange formats</a> such as MusicXML or audio, a vast constellation of new, entirely dynamic practice and learning applications is made accessible:
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://commons.wikimedia.org/wiki/Music#Collections_of_instruments" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><br /><img alt="Wikipedia Instrument Collections Montage. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="265" src="https://2.bp.blogspot.com/-Mfh_7I4WMWU/V2hkkYKiQWI/AAAAAAAAAJI/oAw9rOIN7BUdGycHWZtrP_LLNyeKTfIqgCK4B/s400/InstrumentDiversityCropped.png" title="Instrument Collections on Wikipedia. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="400" /><br /><strong>Small selection of world music instruments</strong><br />(from Wikipedia)</a>
</div>
<ul>
<li>perhaps 80% of world music instruments can soon be <a href="https://youtu.be/IBx_R0XzmVE" target="_blank">modeled in the browser</a> from their generic (family) base.</li>
<li>similarly for the related theory tools.</li>
<li>complete instrument model <a href="https://youtu.be/xIZ5tHMXy3Y" target="_blank">tuning freedom</a>, with a vast choice of automatically generated key- and fretboard roadmaps</li>
<li>where desired, algorithmically (ultimately, artificial intelligence) optimized fingering suggestions for every instrument</li>
<li>instrument models and theory tools directly linked by shared configuration parameters, so that simple 'what-if' changes to one can instantly be reflected in the other - across the entire spectrum of world music systems.</li>
</ul>
<table style="color: steelblue; float: right; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 33%;">
<br />
<tbody>
<td style="border: 1px solid orangered;" >
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="//blogspot.us14.list-manage.com/subscribe/post?u=6082c7c1fd4aacb458f4f3268&id=1dd5e99fbf" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
<h2 style="text-align: center; color: #f70000;">Potential Crowdfunder?</h2>
<div>
<label for="mce-FNAME">First Name</label>
<input type="text" name="FNAME" id="mce-FNAME">
</div>
<div>
<label for="mce-EMAIL">Email Address</label>
<input type="email" name="EMAIL" id="mce-EMAIL" title="The domain portion of the email address is invalid (the portion after the @)." pattern="^([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22))*\x40([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d))*(\.\w{2,})+$" required>
</div>
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_f2d244c0df42a0431bd08ddea_aeaa9dd034" tabindex="-1" value=""></div>
<div class="mc-status"></div>
<div><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>
<!--End mc_embed_signup-->
</td>
</tr>
</tbody>
</table>
<ul>
<li>wider music-cultural (modal) landscapes can be explored, where, for example, a specific melody might be visualised in the context of all possible modes of it's native tonal system.</li>
<li>comparative world musicology (visual comparison of the musical characteristics -intervals, modes and other musical building blocks- of widely differing musical cultures) will lie within anyone's reach.</li>
<li>in place of the fixed fingerings of conventional scores, the opportunity to associate (map) a variety of instrument fingerings and elements of style to notation and/or instrument models.</li>
<li>every exercise or piece of music acts as driver for a slew of immersive study across multiple tools, contexts and instruments.</li>
<li>opportunities for synergies with other (non-musical) fields of study, such as mathematics, psychophysics, psychology and -in the widest sense- the visual arts.</li>
<li>structural music analysis as an aid to learning prioritization: which parts to practice most, where one can rely on repetition, where octavization is required to keep notes within the tonal boundaries of a given instrument, where 'best fit' tonal or chord alternatives can be found - and so on.</li>
<li>color, tonal/timbral and synchronization consistency across the entire spectrum of notation, instrument (finger- or keyboard) roadmap, and theory tool.</li>
<li>while recognizing that much world music is purely aural (no written notation) and/or oral (sung) by nature, a strong impetus is provided for the extension of exchange formats such as MusicXML to include music systems and cultures not currently represented.</li>
</ul>
This new transparency and modeling reach will fuel further knowledge advancement, mutual understanding and accessibility, helping to protect existing musical diversity, enhance the teacher's role, accelerate new learner progress and promote hitherto undreamed-of musical experiment.<br />
<br />
<h2>
A Roadmap to Virtuosity</h2>
There is no such thing as invention in isolation from all else going on around us. As part of the preparation for this project, we gathered a huge range of openly available, example information on instrumental and theory tool modeling. The vehicle chosen for this was <a href="https://www.pinterest.com/cantillate/" target="_blank"><strong>Pinterest</strong></a>.
<br />
<br />
These are simply intended to provoke thought about what might be missing. If you spend any time at all amongst these, you will agree there is *vast* potential for social value generation.
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-21oP5OKLPEM/V2hjOeUN5lI/AAAAAAAAAI8/dd3pw3kphTUPOLW_KzV3H-ytt2EDwPOIgCK4B/s1600/My%2BPinterest%2BProject%2BPages%2BCropped.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Music Theory Esoterica Industry insights World Music Instruments DIY Dance Colour Color. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="400" src="https://1.bp.blogspot.com/-21oP5OKLPEM/V2hjOeUN5lI/AAAAAAAAAI8/dd3pw3kphTUPOLW_KzV3H-ytt2EDwPOIgCK4B/s640/My%2BPinterest%2BProject%2BPages%2BCropped.png" title="Pinterest Pinboards. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="640" /><br /><strong>A Few Of Our Pinterest <a href="https://www.pinterest.com/cantillate/" target="_blank">Pinboards</strong></a><br />Dedicated to World Music Visualisation</a>
</div>
<br />
<br />
Our goal is, in effect, to unite all the areas suggested by the above into one coherent and entirely customizable platform.<br />
<br />
The following diagram attempts to show the way forward. Our current position is at the threshold between blue and cream areas, the medium term goal person-to-person teaching and learning worldwide.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-DSMoDNYia4E/V3ER2GE-dII/AAAAAAAAARw/Nk3HJST8e2UwMQjGGBARcOBM_vMR4MY1gCK4B/s1600/CapabilitiesValueChain.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Existing and future dynamic music learning capabilities. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="330" src="https://2.bp.blogspot.com/-DSMoDNYia4E/V3ER2GE-dII/AAAAAAAAARw/Nk3HJST8e2UwMQjGGBARcOBM_vMR4MY1gCK4B/s640/CapabilitiesValueChain.png" title="Capabilities Value Chain. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="640" /><br /><strong>Existing and Future Dynamic Cloud-Based Learning Capabilities</strong></a>
</div>
<br />
<br />
I see this as fostering, in it's own way, both diversity and virtuosity. As shown in the diagram, however, there is another dimension: that of peer-to-peer connectivity. This is dealt with in a separate post. Can you find it? :-)
<br />
<br />
<hr />
<h2 id="Overview" style="color: royalblue; text-align: center;">
Keywords</h2>
<hr />
<br />
<table style="color: royalblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
online music learning,<br />
online music lessons
</td>
<td style="text-align: center;" width="33%">
distance music learning,<br />
distance music lessons
</td>
<td style="text-align: center;" width="33%">
remote music lessons,<br />
remote music learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
p2p music lessons,<br />
p2p music learning
</td>
<td style="text-align: center;" width="33%">
music visualisation<br />
music visualization
</td>
<td style="text-align: center;" width="33%">
musical instrument models<br />
interactive music instrument models
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
music theory tools<br />
musical theory
</td>
<td style="text-align: center;" width="33%">
p2p music interworking<br />
p2p musical interworking
</td>
<td style="text-align: center;" width="33%">
comparative musicology<br />
ethnomusicology
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
world music<br />
international music</td>
<td style="text-align: center;" width="33%">
folk music<br />
traditional music
</td>
<td style="text-align: center;" width="33%">
P2P musical interworking,<br />
Peer-to-peer musical interworking
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
WebGL, Web3D,<br />
WebVR, WebAR
</td>
<td style="text-align: center;" width="33%">
Virtual Reality,<br />
Augmented or Mixed Reality
</td>
<td style="text-align: center;" width="33%">
Artificial Intelligence,<br />
Machine Learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
Scalar Vector Graphics,<br />
SVG
</td>
<td style="text-align: center;" width="33%">
3D Cascading Style Sheets,<br />
CSS3D
</td>
<td style="text-align: center;" width="33%">
X3Dom,<br />
XML3D
</td>
</tr>
</tbody>
</table>
<br />
<br />
</span>Cantillatehttp://www.blogger.com/profile/14558742596559186897noreply@blogger.com0tag:blogger.com,1999:blog-945815475576917628.post-68042802830736923802017-09-07T15:24:00.000+02:002017-09-12T14:52:05.933+02:00A Musical Instrument Classification System As Model Web Repository<span style="font-family: "verdana" , sans-serif;">
<br />
Only a tiny proportion of musical instruments have an interactive internet presence. Apart from modeling them consistently and economically in the browser, there is the challenge of their efficient and simple retrieval.
<br />
<br />
Driving instrument development are the dynamic, tonal and timbral needs of instrumentalists. Those of a folk instrumentalist can be very different from those of a classical player. Whether fast and reactive, high or low in pitch, percussive, loud, brash, mellow and smooth or with wide tonal range, each instrumentalist's demands lead to different construction forms.
<br />
<br />
<span style="color: royalblue; font-family: Verdana, sans-serif;">Big, brave, open-source, non-profit, community-provisioned, cross-cultural and batshit crazy. → Like, share, back-link, pin, tweet and mail. <b>Hashtags?</b> For crowdfunding: <b>#VisualFutureOfMusic</b>. For the future live platform: <b>#WorldMusicInstrumentsAndTheory</b>. Or just register directly as a potential crowdfunder..</span>
<br />
<br />
<table style="float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="66%">
<div class="separator" style="clear: both; text-align: left;"><a href="https://1.bp.blogspot.com/-sxv5frb6I34/WXcfdJjm9BI/AAAAAAAAEQE/a107btCeAyUJdhcTWkjY7ZcAeK-q_-7OQCLcBGAs/s1600/EightyPercentOfInstrumentsHoriz-ForVideo%2B-%2B02Compressed.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Hornbostel Sachs model world music instruments from generic base browser web. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://1.bp.blogspot.com/-sxv5frb6I34/WXcfdJjm9BI/AAAAAAAAEQE/a107btCeAyUJdhcTWkjY7ZcAeK-q_-7OQCLcBGAs/s1600/EightyPercentOfInstrumentsHoriz-ForVideo%2B-%2B02Compressed.png" data-original-width="800" data-original-height="533" title="model world music instruments from generic base. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><br /><strong>80% of World Music Instruments Can Be Modelled From A Generic Base</strong></a></div>
</td>
<td style="text-align: center;" width="100%">
<table style="border: 1px solid orangered; color: steelblue; float: right; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td>
<div id="mc_embed_signup">
<form action="//blogspot.us14.list-manage.com/subscribe/post?u=6082c7c1fd4aacb458f4f3268&id=1dd5e99fbf" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
<h2 style="text-align: center; color: #f70000;">Potential Crowdfunder?</h2>
<div>
<label for="mce-FNAME">First Name</label>
<input type="text" name="FNAME" id="mce-FNAME">
</div>
<div>
<label for="mce-EMAIL">Email Address</label>
<input type="email" name="EMAIL" id="mce-EMAIL" title="The domain portion of the email address is invalid (the portion after the @)." pattern="^([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22))*\x40([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d))*(\.\w{2,})+$" required>
</div>
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_f2d244c0df42a0431bd08ddea_aeaa9dd034" tabindex="-1" value=""></div>
<div class="mc-status"></div>
<div><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<br />
Just as the simple shepherd's whistle -progressively equipped with additional holes and levers- developed towards the various forms of sophisticated modern flute, to be of lasting use, our storage mechanisms need to reflect the progressive and continuing refinement at the heart of instrument development. This implies hierarchy, reuse and intuitive extension.
<br />
<br />
Could the <a href="https://en.wikipedia.org/wiki/Hornbostel%E2%80%93Sachs">Hornbostel-Sachs</a> musical instrument classification system, taken together with each instrument's purely musical configuration, provide a framework for online instrument model storage?
<br />
<br />
Of clear promise in accommodating instrumental modeling diversity across online teaching and learning environments, just how might this work?
<br />
<br />
<h2>
Musical Instrument Classification</h2>
Several classification systems for musical instruments exist, chief amongst them perhaps that of <a href="https://en.wikipedia.org/wiki/Hornbostel%E2%80%93Sachs">Hornbostel-Sachs</a>.
<div class="separator" style="clear: both; text-align: center;"><a href="https://4.bp.blogspot.com/-I3N3JMxE6ZM/WXcl_A_NKRI/AAAAAAAAEQU/IUQzCHY2UeQbG8Zc-KP_uvOOcvqbNMJ_QCLcBGAs/s1600/HornbostelSachsTopLevelsCompressed.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Instrument Classification System Hornbostel Sachs Chinese Schaefer Singing Voice. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://4.bp.blogspot.com/-I3N3JMxE6ZM/WXcl_A_NKRI/AAAAAAAAEQU/IUQzCHY2UeQbG8Zc-KP_uvOOcvqbNMJ_QCLcBGAs/s1600/HornbostelSachsTopLevelsCompressed.png" data-original-width="592" data-original-height="248" title="Instrument Classification Systems. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /><br /><strong>Musical Instrument Classification Systems with Hornbostel-Sachs Instrument Families</strong></a></div>
<br />
<br />
This widely-used system splits musical instruments into families based on their their tone-producing (and hence construction) characteristics, or 'form'.
<br />
<br />
Though challenged by more recent (so to say 'abstract') instrument interfaces, Hornbostel-Sachs is a good fit for conventional instruments widespread use in social or community music, dance and online, person-to-person teaching.
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://3.bp.blogspot.com/-BjNFmEPprhE/WXcxfvF3H1I/AAAAAAAAEQs/tBhfjUMNcPEMUNuT2l_n-En0Qy6e8hOcgCLcBGAs/s1600/HornbostelSachsLowLevelsCompressed.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Musical Instrument Classification System Hornbostel-Sachs Family. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://3.bp.blogspot.com/-BjNFmEPprhE/WXcxfvF3H1I/AAAAAAAAEQs/tBhfjUMNcPEMUNuT2l_n-En0Qy6e8hOcgCLcBGAs/s1600/HornbostelSachsLowLevelsCompressed.png" data-original-width="640" data-original-height="423" title="Part of Hornbostel-Sachs Instrument Classification Tree. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /><br /><strong>Graphical Representation of Part of the Hornbostel-Sachs Instrument Classification System</strong><br />(To Be Replaced By An Indexed Version..)</a></div>
<br />
<br />
<a href="https://en.wikipedia.org/wiki/List_of_chordophones_by_Hornbostel%E2%80%93Sachs_number" style="font-family: verdana, sans-serif;">Chordophones</a> (stringed instruments), for example, are split into various sub-families such as zithers, harps, lutes and their hybrids.<br />
<br />
The 'leaves' on this instrument tree are specific instruments. Some have a unique index, while -perhaps as a result of parallel development across geographically separate cultures- others share an index.
<br />
<br />
<h2>Decoupling Form and Function</h2>
<div class="separator" style="clear: right; float: right; text-align: center;"><a href="https://4.bp.blogspot.com/-rAEnIQ6ACOc/WXcu8fCuzAI/AAAAAAAAEQk/Gzkbo_BfQSg8AbYknunhUNbx7VT9Tk5OQCLcBGAs/s1600/InstrumentsRadarPlotCornflowerblueNoStroke2Compressed.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Radar Plot Musical Instrument Theory Tool Configuration Browser Web. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://4.bp.blogspot.com/-rAEnIQ6ACOc/WXcu8fCuzAI/AAAAAAAAEQk/Gzkbo_BfQSg8AbYknunhUNbx7VT9Tk5OQCLcBGAs/s1600/InstrumentsRadarPlotCornflowerblueNoStroke2Compressed.png" data-original-width="258" data-original-height="320" title="Radar Plot Musical Instrument Theory Tool Configuration Browser Web. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /><br /><strong>Radar Plot as Musical Configuration Tool</strong></a></div>
Working from a generic base, any instrument's musical function can in essence be both modelled and dynamically changed simply by modifying:
<br />
<a href="https://1.bp.blogspot.com/-YJfyTUc7YHI/V2pwmS9P_FI/AAAAAAAAAMs/HbJy1PiTmZ0JiwVA4CPVHEAfpxLza_kKwCK4B/s1600/InstrumentsRadarPlotCornflowerblueNoStroke2.png" style="clear: right; float: right; font-family: Verdana, sans-serif; margin-bottom: 1em; margin-left: 1em;"><br /></a>
<br />
<ul>
<li>scale or channel lengths</li>
<li>temperament or intonation</li>
<li>number of notes per octave</li>
<li>number of channels</li>
<li>tunings</li>
</ul>
Nevertheless, not just instrument form, but also the associated function can share the same Hornbostel-Sachs index.
<br />
<br />
The index for guitar (321.322), for example, is shared with <a href="https://en.wikipedia.org/wiki/List_of_musical_instruments_by_Hornbostel-Sachs_number:_321.322">multiple other instruments</a>, yet even a guitar can comprise a wide variety of musical configurations.
<br />
<br />
Moreover, radar charts -superimposed- open the possibility of direct visual comparison of instrument configurations:<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-tnlz1SL4TUg/WXcdV0W12uI/AAAAAAAAEP8/JmTDauI52Z8E37XTUILWxNAELV8A_v48ACLcBGAs/s1600/RadarChartsCompressed.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Radar Chart: Direct Visual Comparison of World Instrument Configurations #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" border="0" src="https://1.bp.blogspot.com/-tnlz1SL4TUg/WXcdV0W12uI/AAAAAAAAEP8/JmTDauI52Z8E37XTUILWxNAELV8A_v48ACLcBGAs/s1600/RadarChartsCompressed.png" data-original-width="280" data-original-height="92" title="Radar Chart: Direct Visual Comparison of World Instrument Configurations #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="640" height="208" /><br /><strong>Direct Visual Comparison of World Instrument Configurations</strong></a></div>
<br />
<br />
To return to our main theme, however, the Hornbostel-Sachs hierarchy can be used both as classification system and indexing system for our instrument repository (<a href="https://en.wikipedia.org/wiki/Category:Types_of_databases" style="font-family: verdana, sans-serif;">database</a>).
<br />
<br />
Because Hornbostel-Sachs' system omits any mention of an instrument's musical characteristics, instrument <b>form</b> (construction) and <b>function</b> (musical characteristics) remain entirely decoupled. This. Is. <a href="https://en.wikipedia.org/wiki/Coupling_(computer_programming)#Disadvantages">Good</a>.<br /><br />It also brings some striking benefits.
<br />
<br />
<h3>
Web Instrument Repository</h3>
Envisaged here is a simple, global instrument model indexing and storage system ('repository'), comprising both form (structure) and function (musical characteristics). Hierarchical and hence naturally accommodating progressive refinement, it promises a quickly understood concept, storage efficiency and intuitive interfacing with cutting edge storage technologies.
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-Y6RB72lVBdE/V5Sww96c0LI/AAAAAAAAAfI/W1T3mOtNMWgjbBoLGhfJNELdnsjDnGbIwCK4B/s1600/Screen%2BShot%2B2016-07-24%2Bat%2B14.11.59.png" style="clear: left; float: left; margin-bottom: 1em; margin-left: 1em; margin-right: 1em;"><img alt="Example Instrument Data in JSON format. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="400" src="https://2.bp.blogspot.com/-Y6RB72lVBdE/V5Sww96c0LI/AAAAAAAAAfI/W1T3mOtNMWgjbBoLGhfJNELdnsjDnGbIwCK4B/s400/Screen%2BShot%2B2016-07-24%2Bat%2B14.11.59.png" title="Example Instrument Data in JSON format. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="282" /><br /><strong>Example Data In JSON Format</strong></a>
</div>
This hierarchy represents not just a highly structured tree of instrument <b>construction</b> (form) definitions, but it's nodes are the perfect place to store details of the associated musical <b>configurations</b> ('function').
<br />
<br />
Because instrument model configuration is a layered and strictly sequential process, the hierarchy of "function" nodes are a wholly predictable product. Across all variants, these too form (sub) tree structures based on key-value pair nodes.
<br />
<br />
We could of course just implement each configuration set as a single, monolithic node, but this would impede visual selection (from the classification tree) of multiple instruments sharing the same characteristics.
<br />
<br />
Say I play fiddle/violin, and want to see how other 4-stringed lute family instruments would behave under the same score, in the former scenario, selecting the node representing 4 strings would immediately identify instruments such as banjo, eukele, mandolin, bass and bouzouki, possibly making them available for drag-and-drop population of my environment's menus.
<br />
<br />
In the latter scenario I would be obliged to do a database search.
<br />
<br />
Using a text-based file format such as JSON, such definitions are straightforward to create, store, access, reconstruct and manipulate.<br />
<br />
Here (in a screenshot taken from the code editor 'Sublime Text') an example of such a JSON file applied to the classification of stringed instruments (chordophones), but with the details 'collapsed'.<br /><br /> JSON is widely supported by development tools, allowing the same principles to be applied to other classification hierarchies.
<br />
<br />
User-set variables such as tunings are best catalogued and mapped-to separately as user preferences.
<h2>Instrument Repository Web Access</h2>
Carefully applied, key-value pairs greatly simplify web addressing (so-called <a href="https://en.wikipedia.org/wiki/Rewrite_engine#Usage">URL routing</a>), making life easier -even if not consciously- for everyone.
<br />
<br />
They permit so-called <a href="https://www.techwyse.com/blog/search-engine-optimization/url-structure-in-seo-static-vs-dynamic/">static</a> or semantic URLs. These are, you might say, entirely 'literal' addresses: no translation necessary.
<br />
<br />
Most front-end frameworks rely on non-semantic routing and hence require <a href="https://catlau.co/visualize-your-application-routes-with-pathfinder-ui/">special measures</a> to visualise both data and routes.<br />
<br />
<a href="https://3.bp.blogspot.com/-nh2qfK9pKQ4/V5Ci3-y5wII/AAAAAAAAAbQ/hn6fuD9G0WAEPR3Zqu0z4D-cDjo_ojIOwCK4B/s1600/Screen%2BShot%2B2016-02-05%2Bat%2B22.44.26.png" style="clear: left; float: left; font-family: verdana, sans-serif; margin-bottom: 1em; margin-right: 1em;"><img alt="World music visualization aggregator platform or framework. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://3.bp.blogspot.com/-nh2qfK9pKQ4/V5Ci3-y5wII/AAAAAAAAAbQ/hn6fuD9G0WAEPR3Zqu0z4D-cDjo_ojIOwCK4B/s400/Screen%2BShot%2B2016-02-05%2Bat%2B22.44.26.png" title="World music visualization aggregator platform or framework. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /></a>
In our case, and as seen in the screenshots above, the instrument and routing hierarchy are <b>one and the same</b>, meaning a single visualization library provides the means for the data tree to be interrogated, browsed, added to and if necessary rearranged.<br />
<br />
In place of some predetermined view returned by routed query, we have instrument-specific JSON configuration data returned by static URL, and used to build the instrument directly from it's parent (instrument family's) generic model.
<br />
<br />
For a multi-instrumentalist, this may in sum (and as hinted at in the illustration to the left) mean:
<br />
<ul>
<li>directly populating the user interface (menus etc) with own instrument preferences</li>
<li>free choice of instrument models or theory tools</li>
<li>simultaneous display and animation of several models side-by-side</li>
<li>consistent behaviours across all models</li>
<li>the ability to detach models from notation for 'what-if' experiment</li>
</ul>
<br />
These point the way towards a simple, intuitive environment fully configurable to personal preferences.
<br />
<br />
The cherry on the cake? Much has already been implemented as part of a proof of concept. I now need help on multiple levels to get this to production.
<br />
<br />
I have good people in mind, but the project needs big-time financing. Please help by registering as a potential crowd funder, and by making a buzz on social media. :-)
<br />
<br />
<br />
<hr />
<h2 id="Overview" style="color: royalblue; text-align: center;">
Keywords</h2>
<hr />
<br />
<table style="color: royalblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
online music learning,<br />
online music lessons
</td>
<td style="text-align: center;" width="33%">
distance music learning,<br />
distance music lessons
</td>
<td style="text-align: center;" width="33%">
remote music lessons,<br />
remote music learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
p2p music lessons,<br />
p2p music learning
</td>
<td style="text-align: center;" width="33%">
music visualisation<br />
music visualization
</td>
<td style="text-align: center;" width="33%">
musical instrument models<br />
interactive music instrument models
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
music theory tools<br />
musical theory
</td>
<td style="text-align: center;" width="33%">
p2p music interworking<br />
p2p musical interworking
</td>
<td style="text-align: center;" width="33%">
comparative musicology<br />
ethnomusicology
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
world music<br />
international music</td>
<td style="text-align: center;" width="33%">
folk music<br />
traditional music
</td>
<td style="text-align: center;" width="33%">
P2P musical interworking,<br />
Peer-to-peer musical interworking
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
WebGL, Web3D,<br />
WebVR, WebAR
</td>
<td style="text-align: center;" width="33%">
Virtual Reality,<br />
Augmented or Mixed Reality
</td>
<td style="text-align: center;" width="33%">
Artificial Intelligence,<br />
Machine Learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
Scalar Vector Graphics,<br />
SVG
</td>
<td style="text-align: center;" width="33%">
3D Cascading Style Sheets,<br />
CSS3D
</td>
<td style="text-align: center;" width="33%">
X3Dom,<br />
XML3D
</td>
</tr>
</tbody>
</table>
<br />
<br />
</span>Cantillatehttp://www.blogger.com/profile/14558742596559186897noreply@blogger.com4tag:blogger.com,1999:blog-945815475576917628.post-13812227428045304722017-06-25T09:15:00.000+02:002017-09-18T13:45:53.471+02:00Graphical Toolset Supported Remote Or Distance Music Learning Via Video Chat<span style="font-family: "verdana" , sans-serif;">
<br />
For better or worse, music teaching is migrating to the web. "Eye contact, body language, voice, pheromones and physical contact are not available on [social media]" - <a href="https://www.youtube.com/watch?v=ri4_CW9P41s">Susan Greenfield in "The Internet and 'Mind-Change'</a>".
<br />
<br />
Around the globe, musicians are struggling to find a voice - and despite a dearth of interactive teaching and learning tools, the internet is increasingly the medium of choice. Despite a dearth of supporting tools, networks of peer-to-peer learning are emerging - perhaps the most touching being the kids on YouTube teaching each other music and songs.
<br />
<br />
If on a personal level this exposes both teachers and learners to all the sensory dieback of the web, online music teaching is still essentially an emotion-driven activity. At a technical level, however, it exposes the huge potential for innovative and supportive visual toolsets.
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://3.bp.blogspot.com/-TY12vAIzEp0/Wa0qXwfS4iI/AAAAAAAAEqY/NHvaWdr4ptQbfQP9PxDaoqv8oy3b0XJNwCLcBGAs/s1600/VideoChat_1920-480x320.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://3.bp.blogspot.com/-TY12vAIzEp0/Wa0qXwfS4iI/AAAAAAAAEqY/NHvaWdr4ptQbfQP9PxDaoqv8oy3b0XJNwCLcBGAs/s400/VideoChat_1920-480x320.png" width="400" height="266" data-original-width="479" data-original-height="318" /><br /><strong>Video Chat</strong><br />Ah, But Toolset Support..?</a></div>
Musicians hear songs when they read music, non-musicians <a href="https://arstechnica.com/science/2015/09/musicians-hear-songs-when-they-read-music-non-musicians-seek-visual-patterns/">seek visual patterns</a>.
<br />
<br />
While talking visual patterns, I use diagrams a lot. Don't freak out if some of these are not (yet) so easily understood. It just means I haven't quite found the right visual metaphor. They are revised (and definitely get better) with time: the trick is to soak up the many without getting too hung up on the few.
<br />
<br />
<h2>Online And Remote (Distance Or P2P) Music Learning</h2>
We can split music learning via the internet into two distinct groups: for a <b>very</b> limited range of instruments, simple <b>online</b> learning (generally pay-for-use video and audio collections, often backed up by written and almost exclusively static documentation but, increasingly, interactive notation).
<br />
<br />
The other is 'remote' teaching, featuring a live teacher over video chat. Devoid of supporting tools, this is a challenging way to teach, but given the technical hurdles to creating an own site, by all accounts reasonably widespread.
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://3.bp.blogspot.com/-PNgMpUbmS0I/Wb2VwjZ_e2I/AAAAAAAAEuc/J0HXrsUsW30Lv6YCnGB2h2CYcWgjqWznACLcBGAs/s1600/Thug-360x540-compressed.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://3.bp.blogspot.com/-PNgMpUbmS0I/Wb2VwjZ_e2I/AAAAAAAAEuc/J0HXrsUsW30Lv6YCnGB2h2CYcWgjqWznACLcBGAs/s320/Thug-360x540-compressed.png" width="213" height="320" data-original-width="360" data-original-height="540" /><br /><strong>Hot Diggedy</strong><br />C'est Moi!</a></div>
Making contact (language, teacher directories, broadband quality) and the logistics of musical resource exchange (fingering diagrams, score collections and example recordings) are also impeding progress. If, as a learner, interested in genre-<b>authentic</b> stylistic and fingering guidance, these significant overheads mean there is still little real alternative to travel.
<br />
<br />
The most obvious difference between online and remote offerings lies in the teacher's ability to react to and accommodate <b>user preferences</b>.
<br />
<br />
Where an online learner may have had to hop between several online courses before hitting the mother lode, a live teacher can directly adapt at every level, accommodating particular instrument configurations (tunings and channel or scale lengths), the work of particular musicians, the tunes or styles the learner is particularly motivated to learn from, and of course provide direct encouragement when the going gets rough.
<br />
<br />
There is, however, more: remote teaching <b>restores</b> -at least in part- three critical sensory losses associated with the simpler online learning: eye contact, body language and voice. The learner senses the teacher's effortless skill, flexibility and enthusiasm, the teacher when the learner is dubious, confused or frustrated.
<br />
<br />
So what does this learning landscape look like? Let's quickly break music learners into rough groups.
<div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-XK7f4FAyglA/War70cQQe6I/AAAAAAAAEp4/F_UmrYhBgRc1TPwlfDVhedtiQSIko8_BACLcBGAs/s1600/MusicSchooling-800x533.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="The Skills And Insights United In A Music Visualization Aggregator Platform #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://1.bp.blogspot.com/-XK7f4FAyglA/War70cQQe6I/AAAAAAAAEp4/F_UmrYhBgRc1TPwlfDVhedtiQSIko8_BACLcBGAs/s1600/MusicSchooling-800x533.png" data-original-width="800" data-original-height="533" title="The Skills And Insights United In A Music Visualization Aggregator Platform #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /><br /><strong>The Skills And Insights United In A Music Visualization Aggregator Platform</strong></a></div>
<br />
<br />
This diagram gives us a clue as to the strengths potentially combined in a music visualization aggregator platform, but also the challenges.
<br />
<br />
Strengths? Accessing the instruments, skills and musical diversity 'latent' in virtuoso ethnic musicians, and the deep comparative musicology insights currently locked either in static theoretical models or in the heads of great musical thinkers.
<br />
<br />
And challenges? Bridging the gulf, for example, between written and aural traditions.
<br />
<br />
With 2- and 3D modeling in the browser sufficiently advanced to bring much of this online, the question is how, and with what reach? In a standalone aggregator platform, as a remote interworking platform with shared environment - or both?
<br />
<br />
Having made the distinction between online and remote teaching, and because learners are likely to move freely between the two, let's try to get a feeling for how easy this might be.
<div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-FqHKQ0-mKXw/WW-UihFD2eI/AAAAAAAAEJ8/XVooYCwE7hYvZxJzDZ9AhTlK6sTq44FYACLcBGAs/s1600/LearningPathsNoToolsetSupportCompressed-800x533.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Learning Paths In Online And Remote Music Teaching #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://1.bp.blogspot.com/-FqHKQ0-mKXw/WW-UihFD2eI/AAAAAAAAEJ8/XVooYCwE7hYvZxJzDZ9AhTlK6sTq44FYACLcBGAs/s1600/LearningPathsNoToolsetSupportCompressed-800x533.png" data-original-width="800" data-original-height="533" title="Learning Paths In Online And Remote Music Teaching #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /><br /><strong>Learning Paths Between Online And Remote Music Teaching</strong></a></div>
<br />
<br />
As we can see from the diagram, a switch between online and remote learning is possible at every point in the learning process. For all that flexibility, both learning modes suffer from the same major drawback: they can offer at best only extremely limited toolset support. This is where our aggregator platform steps in.
<h2>Adding A Graphical Toolset To The Constellation</h2>
<div class="separator" style="clear: both; text-align: center;"><a href="https://4.bp.blogspot.com/-e6xYI6mtJuM/WW4P3pY4hpI/AAAAAAAAEIw/8y13NqztSCsYlpkxqeYpEunONZC4-MrdQCLcBGAs/s1600/LearningPathsWithToolsetSupport%2B800x533.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Learning Paths In Online And Remote Music Teaching WITH SUPPORTING GRAPHICAL TOOLS #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://4.bp.blogspot.com/-e6xYI6mtJuM/WW4P3pY4hpI/AAAAAAAAEIw/8y13NqztSCsYlpkxqeYpEunONZC4-MrdQCLcBGAs/s1600/LearningPathsWithToolsetSupport%2B800x533.png" data-original-width="800" data-original-height="533" title="Learning Paths In Online And Remote Music Teaching WITH SUPPORTING GRAPHICAL TOOLS #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /><br /><strong>Learning Paths In Online And Remote Music Teaching</strong><br />WITH SUPPORTING GRAPHICAL TOOLS</a></div>
<br />
<br />
On closer scrutiny, with instrument models, notation and theory tools available for any instrument, the problems previously challenging the casual autodidact are eliminated. Both autodidact and paying customer have access to the same online tools. The remote teacher can offer own musical and teaching skills, competing directly with video based courses. Let wealth flow. :-)
<br />
<br />
The cherry on <b>this</b> cake is that these tools are <a href="https://en.wikipedia.org/wiki/Open-source_model">open source</a> - and <a href="https://www.forbes.com/sites/fastforward/2017/05/23/the-hidden-power-of-a-nonprofit-business-model/">non-profit</a>.
<br />
<br />
With an "Any instrument, any theory tool, any teacher or mentor, anywhere" mantra, it is set to democratize and dramatically strengthen understanding of comparative musicology, bringing remote teachers and learners together and providing entirely new meaning to immersive technical music visualization. This could, indeed, be the 'MySpace' users would have liked to have seen ... but simply never was.
<br />
<br />
<span style="color: royalblue; font-family: Verdana, sans-serif;">Big, brave, open-source, non-profit, community-provisioned, cross-cultural and batshit crazy. → Like, share, back-link, pin, tweet and mail. Hashtags? For the crowdfunding: <b>#VisualFutureOfMusic</b>. For the future live platform: <b> #WorldMusicInstrumentsAndTheory</b>. Or simply register as a potential crowdfunder..</span>
<br />
<br />
<h2>World Music Online Learning</h2>
So let's see if we can round these benefits up in one big firework of a diagram.
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://4.bp.blogspot.com/-Vviw7JSZ0Vo/WW-G5_W5cVI/AAAAAAAAEJc/X9QJhp3xkmkmDdbVUoXM2j_oq1MWQmmFQCLcBGAs/s1600/ProjectProfileOverall-WithoutPhasesCompressed-1200x800.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Graphical Toolset Supported Remote Or Distance Music Learning Via Video Chat #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://4.bp.blogspot.com/-Vviw7JSZ0Vo/WW-G5_W5cVI/AAAAAAAAEJc/X9QJhp3xkmkmDdbVUoXM2j_oq1MWQmmFQCLcBGAs/s1600/ProjectProfileOverall-WithoutPhasesCompressed-1200x800.png" data-original-width="1200" data-original-height="800" title="Graphical Toolset Supported Remote Or Distance Music Learning Via Video Chat #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /><br /><strong>GOAL: A Graphical Toolset Supporting P2P (i.e. Remote) Music Teaching and Learning Via Video Chat</strong><br />(With A Fruity Rewards Metaphor)</a></div>
<br />
<br />
<table style="border: 1px solid orangered; color: steelblue; float: right; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 33%;">
<tbody>
<tr>
<td><!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="//blogspot.us14.list-manage.com/subscribe/post?u=6082c7c1fd4aacb458f4f3268&id=1dd5e99fbf" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
<h2 style="text-align: center; color: #f70000;">Potential Crowdfunder?</h2>
<div>
<label for="mce-FNAME">First Name</label>
<input type="text" name="FNAME" id="mce-FNAME">
</div>
<div>
<label for="mce-EMAIL">Email Address</label>
<input type="email" name="EMAIL" id="mce-EMAIL" title="The domain portion of the email address is invalid (the portion after the @)." pattern="^([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22))*\x40([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d))*(\.\w{2,})+$" required>
</div>
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_f2d244c0df42a0431bd08ddea_aeaa9dd034" tabindex="-1" value=""></div>
<div class="mc-status"></div>
<div><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>
<!--End mc_embed_signup--></td>
</tr>
</tbody>
</table>
There are of course further hurdles to overcome, but once more widely understood (and financed), I suspect this project will prove unstoppable. I hope potential contributors and users for whom the concepts have already 'clicked' can be patient.
<br />
<br />
Conventional wisdom has it that new ideas be tested directly through crowdfunding. My feeling is that this project's full value will only become widely apparent through light but ongoing education. It has, indeed, taken many blog posts just to cover the basics.
<br />
<br />
Everything achieved to date has been concerned either with concept, proof-of-concept (demos & the associated videos) or this documentation.
<br />
<br />
Though simple in concept and relatively straightforward to test, the costs of a full implementation are too much to be borne by any single person. Hence the coming crowdfunding campaign, aimed at optimization and completion of a <b><a href="https://en.wikipedia.org/wiki/Minimum_viable_product">minimum viable product (MVP)</a></b>. The basic mechanisms have been prototyped and <a href="https://visualfutureofmusic.blogspot.ch/2017/03/music-visualisation-prototype.html">demonstrated</a> - and work.
<br />
<br />
Implemented by a small number of <a href="https://en.wikipedia.org/wiki/Scalable_Vector_Graphics">scalar vector graphics</a>, web and user experience experts, this will be centred around the first of what I hope will be many interactive, score-driven open source instrument model and theory tool contributions from the musical developer community. Fully graphical, online music lessons -and especially world music learning and music visualization- are a vast greenfield area of exploration, the potential benefits to humanity huge. Let's keep this accessible and non-profit.
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://2.bp.blogspot.com/-BXXksQmxTu4/WWznToKyHAI/AAAAAAAAEHo/rgTMpJYxy3QHStWj8obahmn_YQlVmD0PACLcBGAs/s1600/BannerBlue.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Avidly Seeking Sponsors #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://2.bp.blogspot.com/-BXXksQmxTu4/WWznToKyHAI/AAAAAAAAEHo/rgTMpJYxy3QHStWj8obahmn_YQlVmD0PACLcBGAs/s1600/BannerBlue.png" data-original-width="1441" data-original-height="136" title="Avidly Seeking Sponsors #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /></a></div>
<br />
<br />
If you can help with financing <b>right now</b>, please take a look at the current <a href="https://visualfutureofmusic.blogspot.ch/2016/12/project-seeks-sponsors.html">sponsorship options</a>. Though well used to dismissing fears, with no income over a number of years now, I cheerfully admit to being in pretty desperate straights. :-)
<br />
<br />
<hr />
<h2 id="Overview" style="color: royalblue; text-align: center;">
Global Online Music Learning</h2>
<hr />
<br />
<table style="float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<caption style="text-align: center;" align="bottom"><strong>World Music Distance Learning: A Galaxy Of Insights And Opportunities</strong></caption>
<tr>
<td style="text-align: center;" width="33%">
<a href="https://2.bp.blogspot.com/-LgoB5rzFGNY/WXkCgwF1AvI/AAAAAAAAETQ/s-dzl4pKLZ8CfAvodePsvsbmpOSHS7k7gCLcBGAs/s1600/Fete_de_Ganesh%252C_Paris_2012_062Compressed-400x267.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://2.bp.blogspot.com/-LgoB5rzFGNY/WXkCgwF1AvI/AAAAAAAAETQ/s-dzl4pKLZ8CfAvodePsvsbmpOSHS7k7gCLcBGAs/s1600/Fete_de_Ganesh%252C_Paris_2012_062Compressed-400x267.jpg" data-original-width="400" data-original-height="266" title="Coyau / Wikimedia Commons, via Wikimedia Commons" /></a>
</td>
<td style="text-align: center;" width="33%">
<a href="https://3.bp.blogspot.com/-ozNxaA4Kgw0/WXj6ma_ne9I/AAAAAAAAES0/O_6BYz28AlINnNawqED03hJyiO4StUUnwCLcBGAs/s1600/DSCN0199-Compressed-400x267.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="World Music Aggregator Platform: Social Music And Dance #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://3.bp.blogspot.com/-ozNxaA4Kgw0/WXj6ma_ne9I/AAAAAAAAES0/O_6BYz28AlINnNawqED03hJyiO4StUUnwCLcBGAs/s1600/DSCN0199-Compressed-400x267.png" data-original-width="800" data-original-height="533" title="World Music Aggregator Platform: Social Music And Dance #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /></a>
</td>
<td style="text-align: center;" width="33%">
<a title="By Hinnerk R (Hinnerk Rümenapf) (Own work) [CC BY-SA 3.0 (https://creativecommons.org/licenses/by-sa/3.0)], via Wikimedia Commons" href="https://3.bp.blogspot.com/-0KGg6lToVLU/WXj5nHj88CI/AAAAAAAAESo/9TvOFhpEaMAmXsrm8zl_tIbmxsuYZs3WQCLcBGAs/s1600/Irish_Folk_Session-The_Old_Dubliner_Hamburg_208-0075-f-hinnerk-ruemenapf-prevCompressed%2B400x267.jpg"><img width="100%" alt="Irish Folk Session-The Old Dubliner Hamburg 208-0075-f-hinnerk-ruemenapf-prev" src="https://3.bp.blogspot.com/-0KGg6lToVLU/WXj5nHj88CI/AAAAAAAAESo/9TvOFhpEaMAmXsrm8zl_tIbmxsuYZs3WQCLcBGAs/s1600/Irish_Folk_Session-The_Old_Dubliner_Hamburg_208-0075-f-hinnerk-ruemenapf-prevCompressed%2B400x267.jpg"/></a>
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
<a title="By Rod Waddington from Kergunyah, Australia (Homemade Music, Wollaita, Ethiopia) [CC BY-SA 2.0 (https://creativecommons.org/licenses/by-sa/2.0)], via Wikimedia Commons" href="https://4.bp.blogspot.com/-f0v65xoajlY/WXj58m36_kI/AAAAAAAAESs/EsuqReWlwzg0P75NlRu6XRwSQcA17xowwCLcBGAs/s1600/Homemade_Music%252C_Wollaita%252C_Ethiopia_%252815022080727%2529Compressed-400x267.png"><img width="100%" alt="Homemade Music, Wollaita, Ethiopia (15022080727)" src="https://4.bp.blogspot.com/-f0v65xoajlY/WXj58m36_kI/AAAAAAAAESs/EsuqReWlwzg0P75NlRu6XRwSQcA17xowwCLcBGAs/s1600/Homemade_Music%252C_Wollaita%252C_Ethiopia_%252815022080727%2529Compressed-400x267.png" /></a>
</td>
<td style="text-align: center;" width="33%">
<a style="margin-left: auto; margin-right: auto;" href="https://3.bp.blogspot.com/-3cgHl58cOCQ/WXj01776kWI/AAAAAAAAESU/lKtTJfqa3zwmx1DPRZQBva1sYFc61At_wCLcBGAs/s1600/StreamingKillingDanceCompressed-400x267.png"><img alt="World Music Aggregator Platform: Ceili or Ceilidh Swing. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" src="https://3.bp.blogspot.com/-3cgHl58cOCQ/WXj01776kWI/AAAAAAAAESU/lKtTJfqa3zwmx1DPRZQBva1sYFc61At_wCLcBGAs/s1600/StreamingKillingDanceCompressed-400x267.png" title="World Music Aggregator Platform: Ceili or Ceilidh Swing. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="“100%”" height="auto" border="0" /></a>
</td>
<td style="text-align: center;" width="33%">
<a title="By KetungZ (https://www.flickr.com/photos/asmies/1947871913/) [CC BY 2.0 (https://creativecommons.org/licenses/by/2.0)], via Wikimedia Commons" href="https://3.bp.blogspot.com/-6AKt5HDMWj4/WXj1TJHFuPI/AAAAAAAAESY/k6AKt0CTOTcdYm9iN4pyGUFfnoh5BZDSQCLcBGAs/s1600/SapeCompressed-400x267.png" ><img width="512" alt="Sape" src="https://3.bp.blogspot.com/-6AKt5HDMWj4/WXj1TJHFuPI/AAAAAAAAESY/k6AKt0CTOTcdYm9iN4pyGUFfnoh5BZDSQCLcBGAs/s1600/SapeCompressed-400x267.png" /></a>
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
<a title="Brian Robert Marshall [CC BY-SA 2.0 (https://creativecommons.org/licenses/by-sa/2.0)], via Wikimedia Commons" href="https://1.bp.blogspot.com/-g7WncQOl_CM/WXj0eDbdHtI/AAAAAAAAESQ/OdsGDXNkiG8VqMT1P_boeGYVRr3AYRA8ACLcBGAs/s1600/Swindon_Mela_2008%252C_Town_Gardens%252C_Swindon_-_geograph.org.uk_-_897414-400x266.png"><img width="100%" alt="Swindon Mela 2008, Town Gardens, Swindon - geograph.org.uk - 897414" src="https://1.bp.blogspot.com/-g7WncQOl_CM/WXj0eDbdHtI/AAAAAAAAESQ/OdsGDXNkiG8VqMT1P_boeGYVRr3AYRA8ACLcBGAs/s1600/Swindon_Mela_2008%252C_Town_Gardens%252C_Swindon_-_geograph.org.uk_-_897414-400x266.png"/></a>
</td>
<td style="text-align: center;" width="33%">
<a title="By Yasseralghol (Own work) [CC BY-SA 4.0 (https://creativecommons.org/licenses/by-sa/4.0)], via Wikimedia Commons" href="https://1.bp.blogspot.com/-AAjuNFFPJLw/WXj6SuvcetI/AAAAAAAAESw/291LZ6uxXZAy9NQChjmhuKPkwOATM3LjQCLcBGAs/s1600/Girl_plays_the_tablaCompressed-400x267.jpg"><img width="100%" alt="Girl plays the tabla" src="https://1.bp.blogspot.com/-AAjuNFFPJLw/WXj6SuvcetI/AAAAAAAAESw/291LZ6uxXZAy9NQChjmhuKPkwOATM3LjQCLcBGAs/s1600/Girl_plays_the_tablaCompressed-400x267.jpg" /></a>
</td>
<td style="text-align: center;" width="33%">
<a title="By Enas El Masry (Own work) [CC BY-SA 4.0 (https://creativecommons.org/licenses/by-sa/4.0)], via Wikimedia Commons" href="https://4.bp.blogspot.com/-CVlYHEjD-Kc/WXj1trMC-lI/AAAAAAAAESc/etiMN5cd0iAovt2OBz9llHQbiB8bL0OewCLcBGAs/s1600/Oud_class_at_Cairo%2527s_Beit_el-Oud_%2528House_of_Oud%2529Compressed-400x267.jpg" ><img width="100%" alt="Oud class at Cairo's Beit el-Oud (House of Oud)" src="https://4.bp.blogspot.com/-CVlYHEjD-Kc/WXj1trMC-lI/AAAAAAAAESc/etiMN5cd0iAovt2OBz9llHQbiB8bL0OewCLcBGAs/s1600/Oud_class_at_Cairo%2527s_Beit_el-Oud_%2528House_of_Oud%2529Compressed-400x267.jpg"/></a>
</td>
</tr>
</tbody>
</table>
<br />
<br />
So what are the key differentiators in the online learning space? Here we compare traditional face-to-face teaching, a typical remote learning session using video chat, Soundslice's integrated (but bitmap-hobbled) approach, and our world music visualization aggregator platform's aims.
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://4.bp.blogspot.com/-JRq7TIA-nJE/WWzQTzVAyaI/AAAAAAAAEG0/5lBV-ayEPo49elFjmUPgFtxsn_TW_lNAACLcBGAs/s1600/OnlineLearningPlatformSophistication800x533.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="World Music Visualization Aggregator Platform. Learning Environment Sophistication Compared #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://4.bp.blogspot.com/-JRq7TIA-nJE/WWzQTzVAyaI/AAAAAAAAEG0/5lBV-ayEPo49elFjmUPgFtxsn_TW_lNAACLcBGAs/s1600/OnlineLearningPlatformSophistication800x533.png" data-original-width="800" data-original-height="533" title="World Music Visualization Aggregator Platform. Learning Environment Sophistication Compared #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /><br /><strong>Learning Environment Sophistication Compared</strong><br />
F2F, Average, Soundslice and Our Music Visualization Platform</a></div>
<br />
<br />
<hr />
<h2 id="Overview" style="color: royalblue; text-align: center;">
Keywords</h2>
<hr />
<br />
<table style="color: royalblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
online music learning,<br />
online music lessons
</td>
<td style="text-align: center;" width="33%">
distance music learning,<br />
distance music lessons
</td>
<td style="text-align: center;" width="33%">
remote music lessons,<br />
remote music learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
p2p music lessons,<br />
p2p music learning
</td>
<td style="text-align: center;" width="33%">
music visualisation<br />
music visualization
</td>
<td style="text-align: center;" width="33%">
musical instrument models<br />
interactive music instrument models
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
music theory tools<br />
musical theory
</td>
<td style="text-align: center;" width="33%">
p2p music interworking<br />
p2p musical interworking
</td>
<td style="text-align: center;" width="33%">
comparative musicology<br />
ethnomusicology
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
world music<br />
international music</td>
<td style="text-align: center;" width="33%">
folk music<br />
traditional music
</td>
<td style="text-align: center;" width="33%">
P2P musical interworking,<br />
Peer-to-peer musical interworking
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
WebGL, Web3D,<br />
WebVR, WebAR
</td>
<td style="text-align: center;" width="33%">
Virtual Reality,<br />
Augmented or Mixed Reality
</td>
<td style="text-align: center;" width="33%">
Artificial Intelligence,<br />
Machine Learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
Scalar Vector Graphics,<br />
SVG
</td>
<td style="text-align: center;" width="33%">
3D Cascading Style Sheets,<br />
CSS3D
</td>
<td style="text-align: center;" width="33%">
X3Dom,<br />
XML3D
</td>
</tr>
</tbody>
</table>
<br />
<br />
</span>Cantillatehttp://www.blogger.com/profile/14558742596559186897noreply@blogger.com0tag:blogger.com,1999:blog-945815475576917628.post-52163039381007001922017-06-14T16:53:00.000+02:002017-11-03T13:04:50.199+01:00World Music Visualization Aggregator Platform: Key Features<span style="font-family: "verdana" , sans-serif;">
<br />
We have the foundation for a music visualization (or visualisation) aggregator platform. What are it's key characteristics, and how do they benefit learners?
<br />
<br />
A number of platforms have begun to offer online (aka P2P, peer to peer, remote or distance) music lessons, but none so far have been able to offer a supporting toolset - providing a wide range of interactive, score-driven world music instrument models and music theory tools.
<br />
<br />
<h2>Remote Or Distance Music Learning</h2>
Those that succeed in bringing such tools to online world music teaching open the doors to highly interactive technical music visualization, an music-cultural avalanche, a revolution in comparative musicology, and will make a huge contribution to cultural understanding. Just as importantly, they will bring hitherto unknown <b>freedom of choice</b>.
<br />
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%"><a href="https://www.blogger.com/null"><strong>Choice Of Notation</strong></a></td>
<td style="text-align: center;" width="33%"><a href="https://www.blogger.com/null"><strong>Choice Of Instrument</strong></a></td>
<td style="text-align: center;" width="33%"><a href="https://www.blogger.com/null"><strong>Choice Of Theory Tool</strong></a></td>
<tr>
<td style="text-align: center;" width="33%"><a href="https://www.blogger.com/null"><strong>Choice Of Mentor</strong></a></td>
<td style="text-align: center;" width="33%"><a href="https://www.blogger.com/null"><strong>Choice Of Supporting Tools</strong></a></td>
<td style="text-align: center;" width="33%"><a href="https://www.blogger.com/null"><strong>Color Prefs etc</strong></a></td>
</tr>
</tbody>
</table>
<br />
<br />
<h3>Peer To Peer Music Teaching And Learning Via Video Chat</h3>
In remote interworking between a teacher and learners, clearly simultaneous play will long remain a pipe dream, but a two-way musical conversation lies well within capabilities, offering the opportunity to listen, absorb, repeat - and, of course, question.
<br />
<br />
This dialog mimics the style of conventional (offline) musical workshops, where students are accustomed for example to exploring melody, fingering and chord progression alternatives, getting a tighter grip on the specifics of style and ornamentation, or absorbing a wide range of anchoring cultural information. These important and personal aspects of musical immersion are often ignored in many conventional online video courses.
<br />
<br />
The tools enrich this by on the one hand taking much of the effort out of preparation, and on the other generating an immersive learning environment and then driving it using the notation. The system can be considered "peer-to-peer" in that user environments are directly linked by shared controls. Notation, instrument model and theory tool behaviours on one end of the connection are shared with the others.
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-F8keu0bXb28/WXTHl0ZtFGI/AAAAAAAAENQ/_CZ1NsmKZxE4o8iZHenkGLjWUtTKlLRsQCLcBGAs/s1600/Oud-Compressed-800x533.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://1.bp.blogspot.com/-F8keu0bXb28/WXTHl0ZtFGI/AAAAAAAAENQ/_CZ1NsmKZxE4o8iZHenkGLjWUtTKlLRsQCLcBGAs/s1600/Oud-Compressed-800x533.png" data-original-width="800" data-original-height="533" /><br /><strong>GOAL: A Toolset Supporting P2P (i.e. Remote) Teaching Via Video Chat</strong><br />With The Virtuoso At The Musical Epicentre</a></div>
<br />
<br />
Ease of configuration and tight synchronization between the various forms media are central, but beyond that, our focus must be teacher, student, music (exercise), and instrument. Simplicity and transparency is all.
<br />
<br />
Judging by the lack of response to what has been documented so far, there is some scepticism to be overcome. I take heart, though, from the <a href="https://uk.businessinsider.com/bosses-mocked-new-technologyand-got-it-wrong-2017-6/">lessons from the past</a>. :-)
<h2>A Galaxy Of Supporting Music Visualization Possibilities</h2>
If the core visualizations or animations are notation, instrument models and theory tools, secondary to these (we can imagine them as clustered around them) are supporting applications, handling, for example, teacher, student, band and other affiliations, and related planning or scheduling tools.
<br />
<br />
A third (and outer) zone of relevance would be that of related integrations - in which we can include standalone applications derived from core platform components. Here we might encounter integrations focussed on the impact of music on the psyche, esoterica such as music-astrological mappings, animated dance instructions, storytelling, or simply personal '<a href="https://medium.com/@nicknmyap/going-opensource-iot-music-audio-innovation-for-devs-makers-rocki-joins-onions-kickstarter-c9dfc2e7a609">Internet Of Things</a>' preferences associated with specific learning environments or pieces of music.
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://3.bp.blogspot.com/-_GMRPXBJ214/WW-T-NWSM0I/AAAAAAAAEJ4/mjmum7Hwov4A-HC83eDEWaFMz0X_c2ozgCLcBGAs/s1600/PlatformFocusCompressed-800x533.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="World Music Online Learning Platform Integration Zoning: Core, Supporting And Embedded. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://3.bp.blogspot.com/-_GMRPXBJ214/WW-T-NWSM0I/AAAAAAAAEJ4/mjmum7Hwov4A-HC83eDEWaFMz0X_c2ozgCLcBGAs/s1600/PlatformFocusCompressed-800x533.png" title="World Music Online Learning
Platform Integration Zoning: Core, Supporting And Embedded Applications. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /><br /><strong>World Music Online Learning Platform Integration Zoning</strong><br />Core, Supporting And Embedded Applications</a></div>
<br />
<br />
With open source (<a href="https://en.wikipedia.org/wiki/Commons-based_peer_production">commons-based peer-produced</a>) models, the only limitation is the collective imagination. What one mind can visualise and articulate, others will be able to implement.
<br />
<br />
<h2>P2P Music Learning: Simple, Flexible, Personal</h2>
It's not rocket science. The development tools and libraries central to a comprehensive world music teaching platform such as this have for the most part long been proven. <a href="https://en.wikipedia.org/wiki/Scalable_Vector_Graphics">Scalar vector graphics (SVG)</a> has, for example, been around for approaching two decades, and has long been supported in all major browsers.
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://4.bp.blogspot.com/-AnKwlb2u7QA/WWy8hdSVISI/AAAAAAAAEGo/BQxaGYrKxVUDcUBE4zG2x_IF_BwB_b-lwCLcBGAs/s1600/ClientInANutshell-800x533.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Notation, Instruments, Theory Tools: Core Platform Animations - And Focus. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://4.bp.blogspot.com/-AnKwlb2u7QA/WWy8hdSVISI/AAAAAAAAEGo/BQxaGYrKxVUDcUBE4zG2x_IF_BwB_b-lwCLcBGAs/s1600/ClientInANutshell-800x533.png" data-original-width="800" data-original-height="533" title="Notation, Instruments, Theory Tools: Core Platform Animations - And Focus. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /><br /><strong>Supporting Peer To Peer Video Chat Teaching</strong><br />Core Platform Features</a></div>
<br />
<br />
The truly transformative link in our aggregator platform's technology chain is the visualization library D3.js, which provides a consistent and DOM-affine foundation for SVG manipulation.
<br />
<br />
With a surprising economy and elegance of expression, D3.js provides the means to dramatically augment the range of tools available to teachers and learners. D3.js tends to hide tedious detail (the 'how to do'), allowing developers to concentrate on tasks (the 'what to do'). It has a reputation for a steep learning curve, but this is dramatically eased with access to the code for established, open source instrument and theory tool models.
<br />
<br />
<h2>World Music Online Learning Platform: Simple Core Architecture</h2>
The DOM-based structures as shown in the banner image at the head of this blog are built around a few simple, interlocking mechanisms. These allow us, from raw data, to build static, on-screen models which can then be overlaid with fully dynamic, score-driven and synchronized animated graphics.
<br />
<br />
Taking no account of the mechanisms for instrument and theory tool exchange, we can view the system much as shown below. This view is trivial in the sense that it resembles that of a number of existing notation systems offering basic instrument (guitar, piano) display. Any similarities end in the detail, however, as in place of an Java / XSLT / XSL / XDom / XQuery coding constellation, we are working directly with javascript, D3.js and a couple of small helper libraries.
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://3.bp.blogspot.com/-UHPqP3HMAcI/WYiEikM7PKI/AAAAAAAAEio/5XcfViJRsa0hK0XE-yvYfP-EvYd9my0oACLcBGAs/s1600/InterfacesAndDataFlows-REVISED-800x533-COMPRESSED.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="World Music Aggregator Platform: The Foundations Of Animation. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://3.bp.blogspot.com/-UHPqP3HMAcI/WYiEikM7PKI/AAAAAAAAEio/5XcfViJRsa0hK0XE-yvYfP-EvYd9my0oACLcBGAs/s1600/InterfacesAndDataFlows-REVISED-800x533-COMPRESSED.png" data-original-width="800" data-original-height="533" title="World Music Aggregator Platform: The Foundations Of Animation. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /><br /><strong>World Music Aggregator Platform: The Foundations Of Animation</strong><br />(Further Animation Types -Dance Moves, Esoterica, Visual Storytelling, Psychophysics etc- Can Be Added At Will)</a></div><br />
<br />
What really distinguishes the visualization aggregator platform as shown in the banner image are the mechanisms for personalization and comprehensive instrument model and theory tool exchange. Again there are clear structures and processes to these which dramatically extend the above model. In as far as useful to open source integration work, these will be revealed following successful crowd funding and initial release to the open source community.
<br />
<br />
<span style="color: royalblue; font-family: Verdana, sans-serif;">Big, brave, open-source, non-profit, community-provisioned, cross-cultural and batshit crazy. → Like, share, back-link, pin, tweet and mail. Hashtags? For the crowdfunding: <b>#VisualFutureOfMusic</b>. For the future live platform: <b> #WorldMusicInstrumentsAndTheory</b>. Or simply register as a potential crowdfunder..</span>
<br />
<br />
<h2>World Music Instrument Models - Diversity In Surfeit</h2>
<div class="separator" style="clear: both; text-align: center;"><a href="https://2.bp.blogspot.com/-3yMB4Q0JhRI/WR6jg9f1w1I/AAAAAAAAD5Y/5lzXp-QsaXkxLdY68swvCB2T61kQDMDTQCLcB/s1600/InstrumentalDiversity%2BCROPPED-FOR-BLOGGER-800x533.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Instrumental Diversity: A Tiny Selection. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://2.bp.blogspot.com/-3yMB4Q0JhRI/WR6jg9f1w1I/AAAAAAAAD5Y/5lzXp-QsaXkxLdY68swvCB2T61kQDMDTQCLcB/s1600/InstrumentalDiversity%2BCROPPED-FOR-BLOGGER-800x533.png" title="Instrumental Diversity: A Tiny Selection. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /><br /><strong>Instrumental Diversity</strong><br />Of A Vast Global Heritage, A Tiny Selection</a></div>
<br />
<br />
With time, the platform can be expected to feature score-driven, interchangeable models of almost every world music instrument -of which there are certainly many thousands- and theory tools -of which there are hundreds- and allow straightforward behavioural comparison between them. How is this possible?
<br />
<br />
<h2>World Music Instrument Models: As Few Steps To Any Instrument Configuration</h2>
Using the 'lute' instrument family as an example, here we see how we might configure a Turkish bağlama or saz:
<div class="separator" style="clear: both; text-align: center;"><a href="https://4.bp.blogspot.com/-eMQX4_AIEgQ/WWymI2t_-zI/AAAAAAAAEGI/8IYnMJ0BNYwdnJDbtpilMroXqYNOi6j6QCLcBGAs/s1600/ClosingOnlineInstrumentModellingGaps-999x800.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Closing Online Modelling Gaps: Step By Step To Hundreds Of Instrument Configurations (Other Instruments Analogously). #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://4.bp.blogspot.com/-eMQX4_AIEgQ/WWymI2t_-zI/AAAAAAAAEGI/8IYnMJ0BNYwdnJDbtpilMroXqYNOi6j6QCLcBGAs/s1600/ClosingOnlineInstrumentModellingGaps-999x800.png" data-original-width="999" data-original-height="533" title="Closing Online Modelling Gaps: Step By Step To Hundreds Of Instrument Configurations (Other Instruments Analogously). #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /><br /><strong>Closing Online Modelling Gaps</strong><br />Step-By-Step To Hundreds Of Configurations (Analagous Process For Other Instruments)</a></div>
<br />
<br />
Modelling steps can be expected to mimic historical instrument construction and evolution. For simpler instrument such as those of the lute family in equal temperament (the default), configuration can be completed in as few as five steps. More complex instrument families may require a few more, but will always be manageable.
<br />
<br />
Complex wind instruments such as the modern flute, clarinet and saxophone can be expected to present among the greatest challenges, but manufacturers may be willing to assist. Our goal here is pragmatic <b>visual</b> modelling - and certainly not the fine tolerances associated with manufacturing.
<br />
<br />
<h2>World Music Instrument And Theory Tool Visualization: Social Value Wellspring</h2>
Each configuration can be saved for immediate, general use by the community. In this way, any generic instrument base can be used to generate hundreds of configuration variants subsequently available to the community via the classification trees (visual hierarchies) accessible <b>only</b> through the top-level menus row.
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://4.bp.blogspot.com/-V6L9dSZZQ6Q/WXS9dvYxAgI/AAAAAAAAEM8/-A1fFGIICgsfQQdF7XKMPWwGAmvkE9yAgCLcBGAs/s1600/wellspringCompressed-800x533.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Non-Profit Music Visualisation Platform. Rote Reinvestment, No Wealth Hoarding. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://4.bp.blogspot.com/-V6L9dSZZQ6Q/WXS9dvYxAgI/AAAAAAAAEM8/-A1fFGIICgsfQQdF7XKMPWwGAmvkE9yAgCLcBGAs/s1600/wellspringCompressed-800x533.jpg" data-original-width="800" data-original-height="533" title="Non-Profit Music Visualisation Platform. Rote Reinvestment, No Wealth Hoarding. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /><br /><strong>Non-Profit: Social Value Wellspring</strong><br />Rote Reinvestment, No Wealth Hoarding</a></div>
<br />
<br />
These entirely dynamic, interactive models represent a wellspring of social value in three distinct ways:
<ol>
<li>used directly on the aggregator site, they provide a secure base toolset for remote P2P teaching by anyone</li>
<li>embedded in an own, external site, they will allow users to build custom offerings, nevertheless around proven models</li>
<li>because the models are to be open source and liberally licensed, they can be reused and adapted at will</li>
</ol>
The former will further understanding and community among musical cultures ('comparative musicology'), the latter two will allow anyone to develop and showcase own teaching content around specific instrument models. This might include entire instrumental courses, where even the simplest of exercises drives networked and synchronised understanding across animated notation, instruments and theory.
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-_0LnI4LHg6c/WJ8jFIbLhXI/AAAAAAAAC_s/B8HKFpoJ0PsQ7cPCcRuxB4m7hW4gDCOUACK4B/s1600/Banner%2BTeal.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="World Music Visualization Aggregator Platform - Avidly Seeking Sponsors #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" href="https://visualfutureofmusic.blogspot.ch/2016/12/project-seeks-sponsors.html" src="https://1.bp.blogspot.com/-_0LnI4LHg6c/WJ8jFIbLhXI/AAAAAAAAC_s/B8HKFpoJ0PsQ7cPCcRuxB4m7hW4gDCOUACK4B/s1600/Banner%2BTeal.png" width="100%" title="World Music Visualization Aggregator Platform - Avidly Seeking Sponsors #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /></a></div>
<h2>MusicXML: Serving The 2D And 3D Web</h2>
<table style="border: 1px solid orangered; color: steelblue; float: right; height: 80px; margin-left: 2em; margin-right: auto; text-align: center; width: 33%;">
<tbody>
<tr>
<td><!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="//blogspot.us14.list-manage.com/subscribe/post?u=6082c7c1fd4aacb458f4f3268&id=1dd5e99fbf" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
<h2 style="text-align: center; color: #f70000;">Potential Crowdfunder?</h2>
<div>
<label for="mce-FNAME">First Name</label>
<input type="text" name="FNAME" id="mce-FNAME">
</div>
<div>
<label for="mce-EMAIL">Email Address</label>
<input type="email" name="EMAIL" id="mce-EMAIL" title="The domain portion of the email address is invalid (the portion after the @)." pattern="^([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22))*\x40([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d))*(\.\w{2,})+$" required>
</div>
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_f2d244c0df42a0431bd08ddea_aeaa9dd034" tabindex="-1" value=""></div>
<div class="mc-status"></div>
<div><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>
<!--End mc_embed_signup--></td>
</tr>
</tbody>
</table>
The exchange file format 'MusicXML' represents a piece of music as data in a serialised form suitable for streaming. In this sense each exchange file can be thought of as a rather wilfully structured database.
<br />
<br />
In contrast to a conventional database, though, to get 'useful' data (a melody line, the notes suggesting a chord), you are obliged to <b>reconstruct</b> the score and apply filters to it. Depending on the intended application, these may target (say) a score part associated with a specific instrument, a note selection at a particular position during playback, the scope of a loop, the tonal delta between two notes, or indeed the range of dynamics glyphs applied.
<br />
<br />
In this sense, the filters act as a form of database query, the score something of a query playground. Literally <b>anything</b> can be selected.
<br />
<br />
Note: there is another approach using XSLT stylesheets to <a href="https://www.semanticscholar.org/paper/Querying-Streaming-MusicXML-with-XPath-Expressions-Chiu-Hsu/b7f2082bcc98827f90638314d9302fbe1a6acc27">query streaming MusicXML with XPath expressions</a>. As this would be more difficult to steer and we are at no point dealing with <b>actual</b> streaming MusicXML, this approach is discarded.
<br />
<br />
The decisive factor is likely to be user convenience and freedom of choice: it is easier to handle filtering visually, on a reconstructed score. D3.js's selection mechanisms do just this - flexibly, precisely and concisely. Filtered data is then passed to dependent animations.
<br />
<br />
This data could also, however, be passed -via API- to other, external, applications.
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://2.bp.blogspot.com/-36WOr5uIp9s/WWzeBTWVJPI/AAAAAAAAEHM/iscL_ltVX-kZfV1onyQeXOUlEj3VuIEYgCLcBGAs/s1600/HighLevelOverview-More-800x533.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Music Exchange File As Data Source For 2D and 3D Web. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://2.bp.blogspot.com/-36WOr5uIp9s/WWzeBTWVJPI/AAAAAAAAEHM/iscL_ltVX-kZfV1onyQeXOUlEj3VuIEYgCLcBGAs/s1600/HighLevelOverview-More-800x533.png" data-original-width="800" data-original-height="533" title="Music Exchange File As Data Source For 2D and 3D Web. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /><br /><strong>Music Exchange File As Data Source For 2D and 3D Web - Overview</strong><br />DOM or WebGL-Based</a></div>
<br />
The platform has the potential to exploit three transformational technologies: music visualization, <a href="https://visualfutureofmusic.blogspot.ch/2017/05/music-visualisation-machine-learning.html">artificial intelligence</a>, and augmented or virtual reality. The above diagram attempts to illustrate use of MusicXML in two of these scenarios.
<br />
<br />
On the top left-hand side we have predominantly (but not exclusively) 2D music visualization, which are score-driven animations of music instrument models and theory tools built using SVG (scalar vector graphics) on the browser's DOM (domain object model). On the top right, we see how the <b>same base musical data</b> might be used to drive dramatic or gamified 3D narratives in a WebGL-based virtual world.
<br />
<br />
There are many possible configurations (directly via the API, using an embedded and interactive score display, or indeed app to app), but the central point is simply that any selections made on the notation could be shared with the 3D WebGL environment and hence fulfil considerably wider needs.
<br />
<br />
<h2>World Music Online Learning Speed And Focus</h2>
The brain is by all accounts a remarkably elastic organ. Given the right field of specialization and learning environment, a strong and free will and steady support, I have the impression we may all be capable of something approaching the extraordinary.
<br />
<br />
Our goal is as musically open and immersive an environment as possible, but with the live, virtuoso / teacher firmly at the centre. To that end, here an overview of some of the key musical qualities (key performance indicators or KPIs, if you will) aspiring musicians can be expected to hunger after, and which any learning environment should consciously support.
<br />
<br />
By structure, incidentally, the mental maps underlying instrumental navigation. Clearly, these can be literal or figurative.
<div class="separator" style="clear: both; text-align: center;"><a href="https://3.bp.blogspot.com/-y55XXKiEOhM/WWzRiQ4qUhI/AAAAAAAAEG4/ZqtM_jTjDmgnAztPba-qsGcxgECbxUsDACLcBGAs/s1600/SpeedFocusLearning_and_MusicLearningModalities-800x533.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Learning Sweet Spot (LHS) + Musicality Focus (RHS). #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://3.bp.blogspot.com/-y55XXKiEOhM/WWzRiQ4qUhI/AAAAAAAAEG4/ZqtM_jTjDmgnAztPba-qsGcxgECbxUsDACLcBGAs/s1600/SpeedFocusLearning_and_MusicLearningModalities-800x533.png" data-original-width="800" data-original-height="533" title="Learning Sweet Spot (LHS) + Musicality Focus (RHS). #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /><br /><strong>Learning Sweet Spot (LHS) + Musicality Focus (RHS)</strong></a></div>
<br />
With technical advance goes cultural erosion. We are left -on a purely technical level- dissatisfied with the media used in the direct teachings of earlier, culturally iconic players. In discarding the media, we discard what are often the last remnants of a culture.
<br />a
<br />
Moreover, no single technology can replicate in all it's subtlety the directness of face-to-face teaching of a specific example of fine motor movement. This is why -despite technical barriers- it is so very <b>essential that where we work online, it is with live, virtuoso musicians</b>.
<br />
<br />
At the end of the day, we have feeds needing synchronised and merged to give our best shot at a semblance of immersion. Looking in a little more detail, we see how those feeds might flower into 2- and 3D animations across a whole <a href="https://visualfutureofmusic.blogspot.ch/2017/05/world-music-visualisations-and-3d-web.html">range of technology stacks</a>.
<br />
<br />
<h2>A Natural Step In The Move Towards Immersive Musical Learning</h2>
The traditional, face-to-face approach to teaching and learning mentioned at the bottom LHS of the following diagram embodied more or less everything needed to master an instrument over time. Indeed, in as much as there was also companionship and wide personal engagement, it also served social ends.
<br />
<br />
Until now online music learning has more or less just mimicked, step for step, that old mode of learning - if at distance. Technology will only really come into it's own when it breaks with conventional learning, and develops new, unimagined forms. How this happens -and whether, with diluted forms of contact, this proves a good thing- is anyone's guess.
<br />ƒ
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://3.bp.blogspot.com/-5r6RZbqkp5E/WW-VEpckzKI/AAAAAAAAEKA/MKuZ3oY2kpokVVzBceYgnOWP15zM_VrBgCLcBGAs/s1600/TechAdvancesOverTimeHereAndNowHighlightedCompressed-800x533.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Musical Immediacy And Immersion Over Time. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://3.bp.blogspot.com/-5r6RZbqkp5E/WW-VEpckzKI/AAAAAAAAEKA/MKuZ3oY2kpokVVzBceYgnOWP15zM_VrBgCLcBGAs/s1600/TechAdvancesOverTimeHereAndNowHighlightedCompressed-800x533.png" title="Musical Immediacy And Immersion Over Time. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /><br /><strong>Immediacy And Immersion Over Time</strong><br />An Ongoing Game Of Leap-Frog Between Technology And It's Application</a></div>
<br />
<br />
For the meantime, immersion in online music learning is technology-led, and any gain in immediacy simply a reflection of how it is applied. There is, however, always this sense of increasingly 'distancing' oneself from the original, living source. This makes me uneasy. Nevertheless, like it or not, technology is with us to stay, and so it is in our interest to make the best possible use of it that we can.
<br />
<br />
<h2>World Music Visualization Aggregator Platform: An End-To-End Value Chain</h2>
The musical data available at various points in the platform workflows are a resource to which both algorithm and <a href="https://visualfutureofmusic.blogspot.ch/2017/05/music-visualisation-machine-learning.html">machine intelligence</a> can be applied, and which could be made available on-demand.
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://3.bp.blogspot.com/-M19jZxcIFQk/WWylfm1SZVI/AAAAAAAAEGA/LqkKnHIqK9wn_G9LnmTJZ2Z7HfigIgJoQCLcBGAs/s1600/UserValueChain.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="User Value Chain: Orange = Web Stack, Cream = Value Chain, Red = Artificial Intelligence (AI). #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://3.bp.blogspot.com/-M19jZxcIFQk/WWylfm1SZVI/AAAAAAAAEGA/LqkKnHIqK9wn_G9LnmTJZ2Z7HfigIgJoQCLcBGAs/s1600/UserValueChain.png" data-original-width="1270" data-original-height="868" title="User Value Chain: Orange = Web Stack, Cream = Value Chain, Red = Artificial Intelligence (AI). #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /><br /><strong>User Value Chain</strong><br />Orange = Web Stack, Cream = Value Chain, Red = Artificial Intelligence (AI)</a></div>
<br />
<br />
<h2>Online Music Learning: Liberate The Emotional, Delegate The Banal</h2>
Whether through soaring genre fluency, subtle contrasts in tempo, pitch, timbre or rhythm, or simply triggering each other's creativity through clear role punctuation, musical virtuosity is an act of profound empathy and intuition, of listening and reacting to other's play is ways that develop the emotional tension of the whole.
<br />
<br />
'Artificial intuition' is something of a hot topic in advanced computing, but is likely to take decades to find general application. Until then we have models such as the following for relationship between the emotional and the (for want of a better word) banal.
<div class="separator" style="clear: both; text-align: center;">
<a style="margin-left: auto; margin-right: auto;" href="https://4.bp.blogspot.com/-QkKdmKPIxrk/WGFiblS6w1I/AAAAAAAACNk/rEkhHu6LiKEJ2mNAbPvWneEOhgChpNrEwCK4B/s1600/AlgorithmicVsHumanFactors%2BCROPPED.png"><img alt="Threshold Between Musically Banal (Algorithm-Delegable) and Emotional/Creative (Human). #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" src="https://4.bp.blogspot.com/-QkKdmKPIxrk/WGFiblS6w1I/AAAAAAAACNk/rEkhHu6LiKEJ2mNAbPvWneEOhgChpNrEwCK4B/s640/AlgorithmicVsHumanFactors%2BCROPPED.png" title="Threshold Between Musically Banal (Algorithm-Delegable) and Emotional/Creative (Human). #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" height="auto" border="0" /><br /><strong>Threshold Between Musically Banal (Algorithm-Delegable) and Emotional/Creative (Human)</strong></a>
</div>
<br />
<br />
There is a threshold above which algorithm (and here I include artificial intelligence's pattern matching orgies) cede ground to simple human intuition and emotional intelligence. This is an area where creativity has free rein, and, naturally, where musicians love to hang out..
<br />
<br />
<h2>Driving Social Value: The 'Open Everything' Community Provisioning Stack</h2>
In the context of the web browser and DOM, there is a well-established (if perhaps hitherto not explicitly documented) open source resource pyramid providing a solid base for <a href="https://en.wikipedia.org/wiki/Commons-based_peer_production">commons-based peer production</a>. It lies in our hands to ensure that, for world music, the upper, as yet only marginally explored tiers are also brought into the realm of commons based peer production.
<div class="separator" style="clear: both; text-align: center;"><a href="https://4.bp.blogspot.com/-bh3uxwTj5s4/WWzfKeTwiLI/AAAAAAAAEHU/P7KZzSK65Tcoddow-KHEabEfWLQjiKCXQCLcBGAs/s1600/OpenEverythingPaleBackgroundCroppedBig-800x533.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Open Everything Community Provisioning Stack Social Value. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://4.bp.blogspot.com/-bh3uxwTj5s4/WWzfKeTwiLI/AAAAAAAAEHU/P7KZzSK65Tcoddow-KHEabEfWLQjiKCXQCLcBGAs/s1600/OpenEverythingPaleBackgroundCroppedBig-800x533.png" data-original-width="800" data-original-height="533" title="Open Everything Community Provisioning Stack Social Value. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /><br /><strong>The 'Open Everything' Community Provisioning Stack.</strong></a></div>
<br />
<br />
Our aggregator platform has the potential to provide the skeleton or framework upon which to integrate such services. How technologies such as artificial intelligence or virtual reality are integrated will at least be open to exploration and experiment.
<br />
<br />
<h2>World Music Visualization Aggregator Platform: Fully Configurable, From User Menus Down To Note Colours</h2>
The entire system has been conceived for personalization, both in terms of own (side) menu content, but also generally applicable conventions such as note colourings and fine settings such as tunings, custom fingering layouts and the use of aids such as capo.
<br />
<br />
Perhaps contrary to expectations, this is no rocket science, but simply reflects the power of modern data visualization libraries.
<br />
<br />
Instead of an MVC approach, the focus is on the data-driven creation of all possible configurations from generic family bases, by progressively cycling through all parameters and saving each variant. This has consequences for the entire platform:
<ul>
<li>eliminates any need for MVC-style decoupling silos.</li>
<li>the user has a choice from thousands of configurations, and so profound control over own learning environment.</li>
<li>each graphical model configuration is stored as a simple (and small) JSON text file comprising simple key-value pairs, such as 'courses: 6', making the system light and fast.</li>
<li>a given configuration, taken in the context of current user preferences, allows consistency (colors, timers, -normally implemented using templating- naming) across all dependent visualization models.</li>
</ul>
<div class="separator" style="clear: both; text-align: center;"><a href="https://2.bp.blogspot.com/-uq5VkbiK3Ew/WXB-jReMwRI/AAAAAAAAELY/4T8oW0vf6mkaw0mPz4gDlpdAj0q6SeNyQCLcBGAs/s1600/TopToBottomConfigurableCompressed-800x533.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="World Music Aggregator Platform: End-To-End Customizable. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://2.bp.blogspot.com/-uq5VkbiK3Ew/WXB-jReMwRI/AAAAAAAAELY/4T8oW0vf6mkaw0mPz4gDlpdAj0q6SeNyQCLcBGAs/s1600/TopToBottomConfigurableCompressed-800x533.png" data-original-width="800" data-original-height="533" alt="World Music Aggregator Platform: End-To-End Customizable. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /><br /><strong>End-To-End Customizable</strong></a></div>
<br />
<br />
For all our technological advance, we are barely able to replicate millennia-old face-to-face (F2F) learning practices at distance - via video chat. <a href="https://visualfutureofmusic.blogspot.ch/2017/05/world-music-aggregator-platform-vs-soundslice.html">Soundslice</a> has set the bar high for synchonised video. Our aim is to go a little further, add as much value, immersion and immediacy to that dialog as current means allow.
<br />
<br />
<h2>World Music Online Learning: Cross-Cultural, Immersive, Global</h2>
Working with our hands seems to answer a fundamental human need - satisfied both in the high craftsmanship of instrument building, and in musicianship itself. With the inevitable arrival of a post-work society, I feel fairly sure both will enjoy a thoroughgoing renaissance.
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-yLr3V4poDRs/WXB9q3Y4WdI/AAAAAAAAELU/tzQXNKSe-5Yc7ilCkpcWk9WVhYjn8HnJQCLcBGAs/s1600/BigPicture-Red-CROPPED-FOR-BLOGGER-Compressed-800x533.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="World Music Aggregator Platform Aim: Global P2P Teaching And Learning. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://1.bp.blogspot.com/-yLr3V4poDRs/WXB9q3Y4WdI/AAAAAAAAELU/tzQXNKSe-5Yc7ilCkpcWk9WVhYjn8HnJQCLcBGAs/s1600/BigPicture-Red-CROPPED-FOR-BLOGGER-Compressed-800x533.png" data-original-width="800" data-original-height="533" alt="World Music Aggregator Platform Aim: Global P2P Teaching And Learning. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /><br /><strong>World Music Aggregator Platform Aim</strong><br />Global P2P Teaching And Learning</a></div>
Anyone familiar with the smell of freshly freshly shellacked wood, cured leather, machined synthetic ivory or the twang of a set of brass-wound steel strings will know just how satisfying a visit to an instrument builder's workshop or an instrumental workshop can be. It is our intention to catch and ride this wave, bringing what we can to the home, but more importantly, motivating people to get together.
<br />
<br />
<h2>Online Learning With Support For Any Music System (Notation), Instrument Or Theory Tool</h2>
The prize is sensational: the ability to configure the platform to your own needs, and then have the animations dance together -in tight synchronization- as the score plays.
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-iD59SITg24k/WR4PZoEgP_I/AAAAAAAAD5A/0gfmYnsz7KgW-lHkavbJmDIU0Rq8hBrNQCLcB/s1600/ForBlogger-800x533-01.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="World Music Aggregator Platform: Score-Driven Instrument Models And Theory Tools. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://1.bp.blogspot.com/-iD59SITg24k/WR4PZoEgP_I/AAAAAAAAD5A/0gfmYnsz7KgW-lHkavbJmDIU0Rq8hBrNQCLcB/s1600/ForBlogger-800x533-01.png" title="World Music Aggregator Platform: Score-Driven Instrument Models And Theory Tools. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /><br /><strong>Cultural Passport, Social Currency</strong><br />Music And Dance</a></div>
<br />
<br />
The freedom to load one's <b>own or a teachers immediate</b> choice of exercise or score, have it drive an own, <b>immediate</b> selection of instrument models and theory tools, and the ability to visually follow and understand mappings between each.
<br />
<br />
Just as with the original, instrument models will be fine-configurable to fit own, <b>immediate</b> needs. Choose between different African Kora tunings, just bağlama or equal temperament oud, Venezuelan diatonic or classical chromatic harp, Bb, C or other clarinet (and particular historical form), A B- or C- system chromatic accordion, or simply between instruments of different scale lengths.
<br />
<br />
<h2>Visual Classification Of World Music Theory Tools</h2>
Going by Google Blogger's (anonymised) statistics, few visitors take the time to explore the Instrument and Theory Tool menus above, yet together with the notation, these form the core, if exchangeable, visual elements of the framework.
<br />
<br />
2 and 3D music-theoretical models normally represent some form of abstraction (for example reducing octave equivalents to some 'octave-agnostic' value) with the aim of exposing lean, underlying structure. Carefully aligned for manipulation by advanced, data-driven visualization libraries such as D3.js, though, data can be transformed and mapped in ways that we can barely imagine.
<br />
<br />
Mirroring Hornbostel-Sachs' visual classification for musical instruments, out aim is a simple, pragmatic classification system for theory tools - all of which, in the context of our aggregator platform, are all of course graphical in nature.
<div class="separator" style="clear: both; text-align: center;"><a href="https://2.bp.blogspot.com/-alC34EnN3Ys/WWzdMa23BsI/AAAAAAAAEHI/1602Uw4Y-aIbgU9TLsMtkZNLmREC2WbzwCLcBGAs/s1600/ConfigInstrumentsAndTools-800x533-03.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="World Music Aggregator Platform: Pragmatic, Visual Classification of Theory Tools. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://2.bp.blogspot.com/-alC34EnN3Ys/WWzdMa23BsI/AAAAAAAAEHI/1602Uw4Y-aIbgU9TLsMtkZNLmREC2WbzwCLcBGAs/s1600/ConfigInstrumentsAndTools-800x533-03.png" data-original-width="800" data-original-height="533" title="World Music Aggregator Platform: Pragmatic, Visual Classification of Theory Tools. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /><br /><strong>Pragmatic (And Ongoing) Visual Classification of Theory Tools</strong></a></div>
<br />
<br />
<h2>Online World Music Learning: Shared P2P Interworking Controls</h2>
Shared, P2P Interworking controls are foreseen on three levels>
<ol>
<li>Configuration</li>
<li>Environmental</li>
<li>Playback</li>
</ol>
<div class="separator" style="clear: both; text-align: center;"><a href="https://4.bp.blogspot.com/-xNauL4PLT0U/WWy7V_NkZSI/AAAAAAAAEGg/QrL_bh6dCdE6iV6PkmLtT3gepLbJ2zWLgCLcBGAs/s1600/P2P-Controls-980x533.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="World Music Aggregator Platform: Configuration, Environmental And Playback Controls. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://4.bp.blogspot.com/-xNauL4PLT0U/WWy7V_NkZSI/AAAAAAAAEGg/QrL_bh6dCdE6iV6PkmLtT3gepLbJ2zWLgCLcBGAs/s1600/P2P-Controls-980x533.png" data-original-width="980" data-original-height="533" title="World Music Aggregator Platform: Configuration, Environmental And Playback Controls. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /><br /><strong>Configuration, Environmental And Playback Controls</strong></a></div>
<br />
<br />
<b>Configuration</b> controls focus on the setting or sharing of instrument and theory tool definitions governing form and function.
<br />
<br />
<b>Environmental</b> controls govern the setting or sharing of preferences such as colour schemes, sound libraries and layouts.
<br />
<br />
<b>Playback</b> controls govern the speed, scope, and other behaviours of shared score playback.
<br />
<br />
Each control type could be applied across several peers. It would be up to the peers themselves to decide if they wish to retain these settings for future sessions.
<br />
<br />
<h2>World Music Visualization Platform: Value Added Core Strengths</h2>
The platform's core strengths are ripe for augmenation by two transformative technologies: artificial intelligens, and, by preference the Web3D forms of virtual and augmented reality.
<div class="separator" style="clear: both; text-align: center;"><a href="https://3.bp.blogspot.com/-kg193uklDCw/WWyvYyv5GHI/AAAAAAAAEGc/7MjC9l-x8QonxoOD8zm23T0HIsVL-aZXgCLcBGAs/s1600/CoreStrengths-MusicDataByDevice-800x533-02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Core Platform Strengths (LHS) - Music Data Enhancement (RHS). #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://3.bp.blogspot.com/-kg193uklDCw/WWyvYyv5GHI/AAAAAAAAEGc/7MjC9l-x8QonxoOD8zm23T0HIsVL-aZXgCLcBGAs/s1600/CoreStrengths-MusicDataByDevice-800x533-02.png" data-original-width="800" data-original-height="533" title="Core Platform Strengths (LHS) - Music Data Enhancement (RHS). #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /><br /><strong>Core Platform Strengths (LHS) - Music Data Enhancement (RHS)</strong></a></div>
<br />
<br />
The focus of the initial crowdfunding, however, is the browser DOM, as that is where this journey starts. Any expertise won there can be reapplied in other the other areas.
<br />
<br />
<h2>Music Visualization: A Foundation For Musical Storytelling</h2>
To date, timeline applications using D3.js or it's derivatives have been focussed on conventional data sets, but (analogously to our instrument and theory tool animations and using using either SVG or WebGL) we could equally well envisage stories being animated during score playback.
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-rgWyIYLqTZA/WJHbIUyHTcI/AAAAAAAACsM/RjxLBnt0yucPD3SwdCBxo1rU_3zSL2rzwCK4B/s1600/ColourfulInstrumentsA3-02-800x533%2B2.png" imageanchor="1"><img alt="Animate Musical Storytelling: Data, Goal, Story, Metaphor #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://4.bp.blogspot.com/-rgWyIYLqTZA/WJHbIUyHTcI/AAAAAAAACsM/RjxLBnt0yucPD3SwdCBxo1rU_3zSL2rzwCK4B/s320/ColourfulInstrumentsA3-02-800x533%2B2.png" title="Animate Musical Storytelling: Data, Goal, Story, Metaphor #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><br /><strong>Animate Musical Storytelling</strong><br />Data, Goal, Story, Metaphor</a>
</div>
<br />
<br />
This suggests the merging of data supporting storyline development with that of data generated during score playback.
<br />
<br />
How 'creatives' develop this opportunity - and especially if it leads to new tools blending score and storyline - is something I'll be following with great interest.
<br />
<br />
<hr />
<h2 id="Overview" style="color: royalblue; text-align: center;">
Keywords</h2>
<hr />
<br />
<table style="color: royalblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
online music learning,<br />
online music lessons
</td>
<td style="text-align: center;" width="33%">
distance music learning,<br />
distance music lessons
</td>
<td style="text-align: center;" width="33%">
remote music lessons,<br />
remote music learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
p2p music lessons,<br />
p2p music learning
</td>
<td style="text-align: center;" width="33%">
music visualisation<br />
music visualization
</td>
<td style="text-align: center;" width="33%">
musical instrument models<br />
interactive music instrument models
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
music theory tools<br />
musical theory
</td>
<td style="text-align: center;" width="33%">
p2p music interworking<br />
p2p musical interworking
</td>
<td style="text-align: center;" width="33%">
comparative musicology<br />
ethnomusicology
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
world music<br />
international music</td>
<td style="text-align: center;" width="33%">
folk music<br />
traditional music
</td>
<td style="text-align: center;" width="33%">
P2P musical interworking,<br />
Peer-to-peer musical interworking
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
WebGL, Web3D,<br />
WebVR, WebAR
</td>
<td style="text-align: center;" width="33%">
Virtual Reality,<br />
Augmented or Mixed Reality
</td>
<td style="text-align: center;" width="33%">
Artificial Intelligence,<br />
Machine Learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
Scalar Vector Graphics,<br />
SVG
</td>
<td style="text-align: center;" width="33%">
3D Cascading Style Sheets,<br />
CSS3D
</td>
<td style="text-align: center;" width="33%">
X3Dom,<br />
XML3D
</td>
</tr>
</tbody>
</table>
<br />
<br />
</span>Cantillatehttp://www.blogger.com/profile/14558742596559186897noreply@blogger.com0tag:blogger.com,1999:blog-945815475576917628.post-73808420212055844632017-06-04T13:51:00.006+02:002017-09-12T15:39:20.777+02:00Online Music Education: Visualization Aggregator Platform Goals And Synergies<span style="font-family: "verdana" , sans-serif;">
<br />
Currently, online teaching solutions are more or less stuck at the stage of video lesson collections - some offering synchronization with simple (for the main part single voice or part) notation, but most relying on a range of in-video inlays, and supporting only limited interaction.
<br />
<br />
The idea of an entirely graphical environment tying together notation, freely exchangeable instrument models and theory tools, and providing complete configuration freedom is perhaps the next major step in the development of online music teaching solutions.
<br />
<br />
Assuming such a system were available, what user needs would or could it answer? We identify some of the energies and synergies the world music visualization platform has the <a href="https://visualfutureofmusic.blogspot.ch/2017/03/music-visualisation-interactive-musical-modeling-potential.html">potential</a> to release in the longer term.
<br />
<br />
'Why this list?'. Well: because all the points touched on have been mentioned in previous posts, but sometimes in rather specific contexts. I feel an urge to gather, summarize, abstract and generalize.
<br />
<br />
The list items have been loosely categorized as 'Emotional', 'Organizational' and 'Technical', broadly reflecting three interworking levels: that of users, tools and technologies.
<br />
<br />
<h2>Online Music Education: Visualization Aggregator Platform</h2>
Visual models are fine, but once in a while it can be helpful to give the imagination a clean slate. In contrast to earlier 'overview' posts this time <b>without</b> a swathe of accompanying images.
<h3>Complete Configuration Freedom Of Choice</h3>
<table class="roundedCorners" style="float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<caption style="text-align: center; caption-side: bottom;"><strong>Complete Configuration Freedom Of Choice</strong></caption>
<tbody>
<tr>
<td style="text-align: center;" width="33%"><a href="https://www.blogger.com/null"><strong>Scores and Notations</strong></a></td>
<td style="text-align: center;" width="33%"><a href="https://www.blogger.com/null"><strong>Instruments and Tuning</strong></a></td>
<td style="text-align: center;" width="33%"><a href="https://www.blogger.com/null"><strong>2- And 3D Theory Tools</strong></a></td>
</tr>
<tr>
<td style="text-align: center;" width="33%"><a href="https://www.blogger.com/null"><strong>Supporting Applications</strong></a></td>
<td style="text-align: center;" width="33%"><a href="https://www.blogger.com/null"><strong>Teachers / Mentors</strong></a></td>
<td style="text-align: center;" width="33%"><a href="https://www.blogger.com/null"><strong>Color And Other Prefs</strong></a></td>
</tr>
</tbody>
</table>
<br />
<h2>Goals and Synergies</h2>
<br />
<h3>Emotional Goals and Synergies</h3>
<ul>
<li>Counter the drift towards a global <a href="https://visualfutureofmusic.blogspot.ch/2016/07/collaborative-enablement-contentment-wealth.html">musical monoculture</a>: celebrate instrumental diversity with world music instruments, tools, cultures and perspectives</li>
<li>Grass-roots, person-to-person teaching and enablement, connecting emotional intelligence, musicality and virtuosity</li>
<li>Driving global, cross-cultural social value: hence non-profit, largely open-source, with <a href="https://en.wikipedia.org/wiki/Commons-based_peer_production">commons-based peer production (CBPP)</a>.</li>
<li>Center all activity around the <b>user's</b> choice of teacher and music</li>
<li>The re-democratization of music: encourage the playful, communicative and socially immersive aspects of music over the competitive</li>
<li>Exploit the brain's formidable visual and spatial reasoning</li>
<li>Fuel a renaissance in participatory community dance and music</li>
<li>Help render work irrelevant: providing occupation for idle hands and liberated minds</li>
<li>Data, story, goal, metaphor. Enable <a href="https://visualfutureofmusic.blogspot.ch/2016/09/world-music-visualisations-musical-storytelling.html">musical storytelling</a> across a range of disciplines</li>
<li>Mutual empowerment through the gift of own time and skills</li>
<li>Support <a href="https://visualfutureofmusic.blogspot.ch/2016/06/world-music-visualisations-aggregator-platform-comparative-musicology.html">comparative musicology</a> across a wide range of world musical cultures</li>
<li>Provide the tools to secure grassroots teacher earning potential - at lowest possible cost</li>
<li>provide an antidote to the music industry's more <a href="https://visualfutureofmusic.blogspot.ch/2016/07/music-dance-identity-empowerment-vs-exploitation.html">toxic business practices and role models</a></li>
<li>offer a familiar route into a musical future otherwise dominated by exponential technological advance and bewildering change</li>
</ul>
<h3>Organizational Goals and Synergies</h3>
<ul>
<li>Dynamic <b>application</b> of music theory as opposed to static <b>explanation</b></li>
<li>Provide in as far as possible culture-agnostic visual models, leaving their interpretation to the teacher</li>
<li>Management of musical complexity: a catalyst for communication between musicologists, engineers and musicians</li>
<li>A toolset in support of P2P video chat, using ANY music source, instrument configuration, theory tool, mentor or location</li>
<li>Liberate musical learning and interworking through global visibility, ease of access and interactivity</li>
<li>An integration framework for <a href="https://visualfutureofmusic.blogspot.ch//2017/05/music-visualisation-machine-learning.html">artificial and machine intelligence</a> with on-demand insights</li>
<li>Expose <b>relationships</b> between notation, instrument fingerings and abstract theory through score driven visual animation and interworking</li>
<li>Help users take instrumental and theoretical 'ownership' by giving them equal prominence with notation</li>
<li>Aggregate everything into one highly configurable and personalisable online music learning platform</li>
<li>Power of the crowd: from experiment to experience and consensus, with 'best of visual class' instrument and tool implementations</li>
<li>Reduce superfluous and toxic travel</li>
<li>Take a decisive stance against raptor economics and wealth hoarding. Get earnings working in and for the grass-roots music community.</li>
<li>Where visual classification trees are missing (as for theory tools), provide them</li>
<li>No advertising, but if there is a demand, links (via shopping-cart icon) to curated, user-rated directories of hand-built products</li>
<li>Provide sufficient but dependable, genre-authentic reference models</li>
</ul>
<h3>Technical Goals and Synergies</h3>
<ul>
<li>Focus: <b>first and foremost graphical</b>, thereafter -in as far as possible- multimedia-immersive</li>
<li>Simple, flexible and robust <b>reuse</b> mechanism favouring easily extendable visual model(s) over absolute dimensioning accuracy</li>
<li>Real-time single page application (SPA). Everything dynamically loaded: no installations, no 'plugins'</li>
<li>Build on other <a href="https://fosdem.org/2017/schedule/event/openscore/attachments/slides/1612/export/events/attachments/openscore/slides/1612/OpenScore_slides.pdf">open-source initiatives</a> in music publishing and accessibility</li>
<li>Event- and data-driven, in-browser SVG- and CSS using cutting-edge visualization libraries.</li>
<li>Device-responsive timeline-based but application agnostic -hence reusable- framework</li>
<li>Visual consistency through hardware timers, algorithmic placement and styling guidelines</li>
<li>Work to the 80:20 rule (get the important stuff right all the time rather than everything right some of the time).</li>
</ul>
<div class="separator" style="clear: both; text-align: center;"><a href="https://2.bp.blogspot.com/-izCK_p2CRVM/WW-J34h6JxI/AAAAAAAAEJs/6wVhNHr4t-sLUz8Gv7gfZEMQEwX-nF-oACLcBGAs/s1600/BigPicture-Red-CROPPED-FOR-BLOGGER-Compressed-800x533.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="World Music Aggregator Platform Aim: Global P2P Teaching And Learning. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://2.bp.blogspot.com/-izCK_p2CRVM/WW-J34h6JxI/AAAAAAAAEJs/6wVhNHr4t-sLUz8Gv7gfZEMQEwX-nF-oACLcBGAs/s1600/BigPicture-Red-CROPPED-FOR-BLOGGER-Compressed-800x533.png" data-original-width="800" data-original-height="533" title="World Music Aggregator Platform Aim: Global P2P Teaching And Learning. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /><br /><strong>World Music Aggregator Platform Aim</strong><br />Global P2P Teaching And Learning</a></div>
<br />
<br />
<span style="color: royalblue; font-family: Verdana, sans-serif;">Big, brave, open-source, non-profit, community-provisioned, cross-cultural and feather duster crazy. → Like, share, back-link, pin, tweet and mail. Hashtags? For the crowdfunding: <b>#VisualFutureOfMusic</b>. For the future live platform: <b> #WorldMusicInstrumentsAndTheory</b>. Or simply register as a potential crowdfunder..</span>
<br />
<br />
<table style="border: 1px solid orangered; color: steelblue; float: right; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 33%;">
<tbody>
<tr>
<td><!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="//blogspot.us14.list-manage.com/subscribe/post?u=6082c7c1fd4aacb458f4f3268&id=1dd5e99fbf" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
<h2 style="text-align: center; color: #f70000;">Potential Crowdfunder?</h2>
<div>
<label for="mce-FNAME">First Name</label>
<input type="text" name="FNAME" id="mce-FNAME">
</div>
<div>
<label for="mce-EMAIL">Email Address</label>
<input type="email" name="EMAIL" id="mce-EMAIL" title="The domain portion of the email address is invalid (the portion after the @)." pattern="^([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22))*\x40([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d))*(\.\w{2,})+$" required>
</div>
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_f2d244c0df42a0431bd08ddea_aeaa9dd034" tabindex="-1" value=""></div>
<div class="mc-status"></div>
<div><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>
<!--End mc_embed_signup--></td>
</tr>
</tbody>
</table>
Once crowd-funded, everything is going to go into overdrive. If you are reasonably familiar with the blog's content and can suggest areas you feel would add value, best to do so <b>now</b>. :-)
<br />
<br />
Because it's focus is entirely graphical, don't expect this platform to replace the many other excellent sites dedicated to mainstream instruments. Moreover, while providing profound visual insights, it leaves musical their interpretation (which may differ depending on culture or genre) to those who adopt it as a teaching platform, toolset and reference.
<br />
<br />
As with other music sites, subscription-based usage is envisaged. Our aim is to keep the costs as low as possible, and, as a non-profit, where surfeit exists, <b>re.in.vest</b>. There is nothing stopping a non-profits generating earnings: they just have to put it back to use - generally in the same year.
<br />
<br />
While the P2P interworking aspects have only been dealt with conceptually, the basic top-to-bottom mechanisms for instrument and theory tool configuration, population (personalization), docking and synchronization have been prototyped, demonstrate feasibility, and now beg to be fleshed out and scaled. Help us take delivery of social value to the next level.
<br />
<br />
What it will deliver is<br />
o <b>motivation</b> (worldwide choice of teacher, instrument and tools)<br />
o <b>immediacy</b> (cittern, CGDAD tuning, capo 2nd fret, driven by the user's own music source: <b>no problem</b>), and <br />
o <b>immersion</b> (notation, instrumentation and theory tools woven into one coherent, synchronized dynamic whole - layered with stylistic cues from synchronized P2P audio and video).
<br />
<br />
<hr />
<h2 id="Overview" style="color: royalblue; text-align: center;">
Keywords</h2>
<hr />
<br />
<table style="color: royalblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
online music learning,<br />
online music lessons
</td>
<td style="text-align: center;" width="33%">
distance music learning,<br />
distance music lessons
</td>
<td style="text-align: center;" width="33%">
remote music lessons,<br />
remote music learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
p2p music lessons,<br />
p2p music learning
</td>
<td style="text-align: center;" width="33%">
music visualisation<br />
music visualization
</td>
<td style="text-align: center;" width="33%">
musical instrument models<br />
interactive music instrument models
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
music theory tools<br />
musical theory
</td>
<td style="text-align: center;" width="33%">
p2p music interworking<br />
p2p musical interworking
</td>
<td style="text-align: center;" width="33%">
comparative musicology<br />
ethnomusicology
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
world music<br />
international music</td>
<td style="text-align: center;" width="33%">
folk music<br />
traditional music
</td>
<td style="text-align: center;" width="33%">
P2P musical interworking,<br />
Peer-to-peer musical interworking
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
WebGL, Web3D,<br />
WebVR, WebAR
</td>
<td style="text-align: center;" width="33%">
Virtual Reality,<br />
Augmented or Mixed Reality
</td>
<td style="text-align: center;" width="33%">
Artificial Intelligence,<br />
Machine Learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
Scalar Vector Graphics,<br />
SVG
</td>
<td style="text-align: center;" width="33%">
3D Cascading Style Sheets,<br />
CSS3D
</td>
<td style="text-align: center;" width="33%">
X3Dom,<br />
XML3D
</td>
</tr>
</tbody>
</table>
<br />
<br />
</span>Cantillatehttp://www.blogger.com/profile/14558742596559186897noreply@blogger.com0tag:blogger.com,1999:blog-945815475576917628.post-75812402205680759792017-05-09T16:38:00.000+02:002017-10-26T08:44:05.120+02:00World Music Visualization Aggregator Platform vs Soundslice<span style="font-family: "verdana" , sans-serif;">
<br />
The world music visualization platform in focus here takes an approach quite different to that of <a href="https://www.soundslice.com/">Soundslice</a>, perhaps the currently fastest-growing (solo-)instrument <a href="https://www.soundslice.com/store/faq/">learning environment</a>. A comparative review.
<br />
<br />
Many instrumental learners -especially those in heritage, folk, and traditional circles- get by learning from slowed audio. This mimics to a certain degree the face-to-face rote learning of earlier generations (and glorious accidents of memory likely responsible for much of the tune diversity).
<br />
<br />
Even so, alone the time overhead in finding, chopping up and slowing tunes can be daunting. This was, indeed, the motivation for 'Soundslice'. It can be thought of as a round-trip learning tool, in the sense that you start with an original recording, slow it down to a point where you can imitate it, then progressively speed up until playing along in perfect synchrony at the original speed.
<br />
<br />
Soundslice's focus is on simplifying life for the notation-oriented, 'learning-through-mimicry' instrumentalist, bringing a variety of learning sources into a single workflow - clear audio, simple, single-voice notation, a tiny selection of models of the most popular instruments, and synchronised video of 'virtuoso' (professional teacher's) play.
<br />
<br />
Soundslice takes a number of similar systems (such as <a href="http://instantnotation.com/learn">InstantNotation</a> or <a href="http://www.knowtation.net/#/library?_k=kyfleo">Knowtation</a>) just a tick further in the drift towards on-demand immersive music environments.
<br />
<br />
Soundslice's primary achievements are: giving some visual context to what is essentially an audio feed; in time-synchronising the various other feeds with this audio.
<br />
<br />
A particular success are:
<ol >
<li>the synchronization of video with external (as opposed to recorded, 'in-video') notation, and the notation's robust, well-synchronised looping controls. These provide both accurate positional and fingering clues, and very useful <b>stylistic</b> audio cues</li>
<li>The reuse of fingering information gleaned from the various instrument-specific input file formats</li>
</ol>
It is difficult to overemphasise the value of the latter, but it immediately exposes one of the <b>major</b> weaknesses of current music exchange file formats: the inability to map from exchangeable, external fingering files. Even MusicXML, the W3C musical crown jewel, uses hard-coded, inline fingerings. In a world music context (and where people are increasingly drawn to online tools), this is a strong driver of cultural extermination.
<br />
<br />
Soundslice's focus is ruthlessly on the single (often lead) instrument. It's success is critically dependent on time synchronization tokens and in-exchange-file fingering indications, yet these represent only a fraction of the data available from (say) a multipart MusicXML exchange file. Given direct data bindings to the user interface's graphical elements, we can infer and interactively display <b><i>much</i></b> finer-grained information.
<br />
<br />
Nevertheless, taken together, Soundslice's synchronized video + notation approach plasters over one of the major shortcomings of any notation - it's inability to adequately describe the subtler elements of style. Be it accenting, subtle rhythmic attack or delay, or the fine motor detail in ornamentation, these are all qualities notation is notoriously poor at conveying. Synchronized video provides us with both audio <b><i>and</i></b> visual cues. Nevertheless, audio is far from unique to Soundslice. More on that below.
<div class="separator" style="clear: both; text-align: center;"><a href="https://2.bp.blogspot.com/-QuRZnm4mxYo/WW-LDAJ-GsI/AAAAAAAAEJ0/X3lHGX_XMVkG8kRjrIbQTym71yPTC5WtwCLcBGAs/s1600/SoundSliceVsAggregatorPlatformAchievements-80percentCompressed-800x533.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Soundslice achievements vs world music aggregator platform potential. #VisualFutureOfMusic #WorldMusicInstrumentAndTheory" border="0" src="https://2.bp.blogspot.com/-QuRZnm4mxYo/WW-LDAJ-GsI/AAAAAAAAEJ0/X3lHGX_XMVkG8kRjrIbQTym71yPTC5WtwCLcBGAs/s1600/SoundSliceVsAggregatorPlatformAchievements-80percentCompressed-800x533.png" data-original-width="800" data-original-height="533" title="Soundslice achievements vs world music aggregator platform potential. #VisualFutureOfMusic #WorldMusicInstrumentAndTheory" /><br /><strong>Soundslice Achievements (LHS) vs World Music Aggregator Platform Potential (RHS)</strong><br />(Note: colours are purely decorative)</a></div>
<br />
For all it's effectiveness, with the exception of looping controls, I haven't featured Soundslice's notation on this diagram, as there are many similar offerings elsewhere. (<b>Had</b> the notation been data-driven and the notes individually addressable/interrogable, I <b>would</b> have, as these open whole new interaction possibilities). Moreover, Soundslice's approach more or less undermines the possibility of exploiting an area of huge and untapped potential: music visualisation.
<br />
<br />
What it does, though, it does extremely well, and at first glance, appears to answer pretty much all needs.
<br />
<br />
Today's needs are, however, not tomorrow's. We stand at the threshold to multiple technological paradigm changes:
<ul style="list-style-type: circle;">
<li>music visualization</li>
<li>augmented and virtual reality</li>
<li>machine learning and artificial intelligence</li>
</ul>
These draw us inevitably from 'mobile first' towards 'data-driven', 'on-demand' (or, better still, 'need-of-the-moment'), immersive and ultimately, it seems, '<a href="https://www.theverge.com/2017/5/17/15649628/google-tensor-processing-unit-tensorflow-ai-training-system">AI-first</a>'. A comparison at this point seems both timely and interesting - on a number of levels.
<br />
<br />
Without distracting from Soundslice's successes, I'd like to focus in on a couple of opportunities it's design impedes - or even obstructs.
<br />
<br />
<span style="color: royalblue; font-family: Verdana, sans-serif;">Big, brave, open-source, non-profit, community-provisioned, cross-cultural and batshit crazy. → Like, share, back-link, pin, tweet and mail. Hashtags? For the crowdfunding: <b>#VisualFutureOfMusic</b>. For the future live platform: <b> #WorldMusicInstrumentsAndTheory</b>. Or simply register as a potential crowdfunder..</span>
<br />
<br />
<h2>Learning By Ear</h2>
<table style="border: 1px solid orangered; color: steelblue; float: right; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 33%;">
<tbody>
<tr>
<td><!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="//blogspot.us14.list-manage.com/subscribe/post?u=6082c7c1fd4aacb458f4f3268&id=1dd5e99fbf" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
<h2 style="text-align: center; color: #f70000;">Potential Crowdfunder?</h2>
<div>
<label for="mce-FNAME">First Name</label>
<input type="text" name="FNAME" id="mce-FNAME">
</div>
<div>
<label for="mce-EMAIL">Email Address</label>
<input type="email" name="EMAIL" id="mce-EMAIL" title="The domain portion of the email address is invalid (the portion after the @)." pattern="^([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22))*\x40([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d))*(\.\w{2,})+$" required>
</div>
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_f2d244c0df42a0431bd08ddea_aeaa9dd034" tabindex="-1" value=""></div>
<div class="mc-status"></div>
<div><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>
<!--End mc_embed_signup--></td>
</tr>
</tbody>
</table>
Prior to that, however, I feel obliged to concede that for many older / 'traditional' players, even notation is overkill: <a href="http://slowplayers.org/1295-2/">slowed audio</a> (mp3, <a href="https://www.npr.org/sections/therecord/2017/05/11/527829909/the-mp3-is-officially-dead-according-to-its-creators">more recently AAC</a>) is widely accepted as entirely sufficient:
<br />
<ul style="list-style-type:circle">
<li>It mirrors the older (and much revered) practice of face-to-face learning around the hearth during long winter months.</li>
<li>It is well supported by 'slow-down-while-maintaining-pitch' tools</li>
<li>Audio is the fastest and shortest route to the brain. With our brains naturally (and with impressive accuracy) able to distinguish pitch, everything put in the way of ear learning simply slows down the mapping of audio via brain to instrument. Neural pathways take time and practice to form, yet folk virtuosos around the world are stunning testimony as to the power of learning by ear. Many don't read a note of music.</li>
<li>Hands-free play-along. Once a piece of music is set to automatic looping playback on an audio device, no further intervention is required. The mind is free to concentrate, the hand to play.</li>
<li>Location independent. With any good mp3/AAC player - down by the river, in a park, perhaps during a lunch break (effectively a mini-holiday, given the switch of brain hemispheres).</li>
<li>Learners develop a simple, intuitive sense of harmonic relations - applicable both in equal temperament and just intoned music cultures.</li>
</ul>
That may seem a daft admission coming from something of a visualization 'evangelist', but <b>where audio supports musicality, music visualisation brings deep understanding</b>. Poles apart.
<h2>Immediate Needs</h2>
There is a sense in which all current online offerings fail to deliver, and that is in satisfying immediate needs. While easy enough to find a modal scale, there may be no help with fingering on an instrument of your choice, or in viewing how it fits in with the broader modal landscape of the musical culture. Often, just to get at this information, you are obliged to scour online book & CD offerings, commit to an unnecessarily broad online course, or indeed follow something created for an entirely different instrument.
<br />
<br />
The counter-argument is that the brain develops according to the challenges we feed it. Accordingly, even a marginally immersive teaching environment should help develop multiple skills, in parallel, and across a broad front.
<br />
<br />
Yet notation's massive cognitive load has to be overcome before a note of actual music is played. This has clear impact on the speed at which we learn. Indeed, notation could be argued as having nothing to do with the actual music.
<br />
<br />
Younger players have grown with the internet, and so are perhaps more open to even slightly more immersive approaches. Soundslices's video and 'hardcoded' (non-configurable) instruments to some degree bridge the gap in providing limited visual orientation. These, however, remain a drop in the instrumental and music visualization ocean.
<h2>Soundslice In Detail</h2>
<h3>Business Model</h3>
Soundslice's focus is squarely on a limited range of music exchange formats -mainly those preferred by (gypsy swing) guitar players- with consequences throughout it's entire business alignment. Orchestral or even small ensemble music scores for example, are out.
<br />
<br />
Soundslice exploits a canny mix of franchising and subscription. In providing the tools needed to synchronise professionally-produced video with notation generated from a variety of exchange file formats, it not only drives own and other's (franchised) subscriptions, but transfers the responsibility for provisioning <b>and</b> promotion to the individual franchises. With a 30% commission on franchise sales, beyond the initial implementation for a given instrument, for it's owner a golden egg laying goose.
<br />
<br />
At the simplest level, Soundslice allows users to load their tune in a variety of (mainly guitar- and piano-oriented) formats and have it played back with synthesised audio. This is precise, if lacking in the fine musical tensions that distinguish a human player from a mechanical plonker. This does, however, provide for solid rhythmic accuracy - which for some beginners is perhaps no bad thing.
<br />
<br />
This form of usage allows display either in conventional music notation or so-called '<a href="https://en.wikipedia.org/wiki/Tablature">tablature</a>', a form of pictorial shorthand specific mainly (but not quite entirely) to strung instruments. For this form of use, basic subscription rates apply.
<br />
<br />
So what help in expanding the platform's functional range is offered? Soundslice's Acceptable Use Policy states:
<br />
"The main goal of Soundslice is to help you learn to play specific pieces of music. It's primarily for educational use, and we hope our tools make you become a better musician.
<br />
<br />
Beyond that, Soundslice is rather open-ended, in that it allows arbitrary annotation of sound and video. We expect users will discover and invent many wonderful, unexpected ways to use it. Those are encouraged, as long as they're consistent with this policy".
<br />
<br />
This seems to hint some form of open / win-win further development strategy, but as it turns out: only as long as the subscriptions are paid. → This is a closed source, franchise model. Moreover, the most obvious area in which musicians can make a useful contribution is that of tablature glyphs for other melody instruments, and in providing fingerings. The former is reusable, the latter a unicum.
<br />
<h3>Technical Overview</h3>
Soundslice has been built using javascript in conjunction with recent HTML5 web multimedia elements. It reflects efficient and economic -if from a graphics point of view slightly dated- good practice, achieving not just responsive page elements but also responsive content.
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://3.bp.blogspot.com/-VhyePhu-Pyw/WXS4d1SwyiI/AAAAAAAAEMg/eR7Mr93qvLMVaYT7J2TBZscSv3KhkwkBwCLcBGAs/s1600/SoundslicePositioningWebCompressed-560x800.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="Soundslice's Strange Niche. #VisualFutureOfMusic #WorldMusicInstrumentAndTheory" border="0" src="https://3.bp.blogspot.com/-VhyePhu-Pyw/WXS4d1SwyiI/AAAAAAAAEMg/eR7Mr93qvLMVaYT7J2TBZscSv3KhkwkBwCLcBGAs/s1600/SoundslicePositioningWebCompressed-560x800.png" data-original-width="560" data-original-height="800" title="Soundslice's Strange Niche. #VisualFutureOfMusic #WorldMusicInstrumentAndTheory" /><br /><strong>Soundslice: Curiously Isolated</strong><br />In The Eye Of The Web3D Storm</a></div>
Where a learner might earlier have worked with an audio recording, a page of ABC, tablature or a melody line and a few notes, Soundslice generates tablature and/or notation from one's own choice of (single-voiced) exchange file, some simple fingering diagrams and (for an extra fee) time-synchronised video and tablature/notation of some professional mentor's play.
<br />
<br />
It integrates and fully synchronises notation, video and simple instrument animation. It's appears to rely on tablature information for diagrammatic finger positioning.
<br />
<br />
All files necessary to full offline use can be retained in the browser's cache, making it useful for those times you are out of mobile or WIFI signal range.
<br />
<br />
As touched on above, for traditional or folk learners who have worked predominantly with slowed audio, this is already possibly too rich an offering.
<br />
<br />
For advanced folk musicians seeking a deeper insight into music-cultural structures and for notation-based learners interested in deeper aspects of harmony, it may prove too little.
<br />
<br />
Nevertheless, Soundslice occupies an odd niche, strangely isolated amongst technologies currently attracting a lot of attention.
<br />
<br />
In particular, the indications are that is neither 'live', nor 'real-time', nor strictly 'data-driven' - nor (curiously) does it rely on WebGL, which underpins much of the current work on <a href="https://visualfutureofmusic.blogspot.ch/2017/05/world-music-visualisations-and-3d-web.html">WebAR and WebVR, (the web-based forms of augmented and virtual reality, collectively known as Web3D)</a>. Nevertheless, it is reasonably immersive.
<br />
<br />
How easy it would be to integrate elements of Soundslice into these virtual worlds is moot, but it's an entertaining thought..
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://3.bp.blogspot.com/-CnMn_zeO01E/WWzkzUJucdI/AAAAAAAAEHc/rECCNxW0lIUEoTdYdasZgjbumzaefCURwCLcBGAs/s1600/PlainVanillaSoundsliceScreenshot.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://3.bp.blogspot.com/-CnMn_zeO01E/WWzkzUJucdI/AAAAAAAAEHc/rECCNxW0lIUEoTdYdasZgjbumzaefCURwCLcBGAs/s1600/PlainVanillaSoundsliceScreenshot.png" data-original-width="1323" data-original-height="591" /><br /><strong>Soundslice Screenshot</strong></a></div>
It has a simple, intuitive interface and reacts quickly to modification. It gets round some problems inherent in it's implementation using simple but effective (creator's own word..) 'hacks'.
<br />
<br />
Though allowing Soundslice to do what it does very well, as we will see below, these will clearly hamper the product in it's further development.
<h3>Soundslice's Strategic Limitations</h3>
Several Soundslice design decisions bar it's <a href="https://en.wikipedia.org/wiki/Tablature">further</a> development into a comprehensive aggregator platform for all instruments and other animations. Let's try to summarise some of these.
<br />
<br />
<b>Notation</b>
<ul style="list-style-type: circle;">
<li>Notation appears to be limited to the treble and bass clefs</li>
<li>Currently, piano is the most complex instrument (MusicXML 'Part') setting offered. Synchronization between left (bass) and right (treble) hand voices is possible only because -exceptionally- all the relevant information is present within this instrument's 'Part'.</li>
<li>With note selection apparently by offset rather than class or id, it could be technically challenging to extend the system to play multiple parts simultaneously.</li>
<li>The above limit harmonic exploration.</li>
</ul>
<b>Audio And Other Libraries</b>
<ul style="list-style-type: circle;">
<li>Instrumental audio 'synthesis' is achieved not by generative techniques, but by calculating offsets into mp3 files containing fixed-length soundbites of given instruments at various pitches. A hack, but as it happens, a very effective one..</li>
<li>Because of the above, however, other than instrument choice there is no mechanism for selection of alternative audio libraries</li>
</ul>
<b>Video</b>
<ul style="list-style-type: circle;">
<li>There is a distinct cognitive load associated with video: mentally mapping positions and fingerings from an opposing, dynamic instrument view. Our immediate need is for orientation and detailed positional information.</li>
</ul>
<b>Animations</b>
<ul style="list-style-type: circle;">
<li>Because controls are time-offset-based rather than linked to specific on-screen notation elements, the scope for animation and/or P2P interworking is severely limited (there seem to be hints on the Soundslice site, however, that other interworking models may be in the pipeline).</li>
<li>Instrument displays are 'one-offs' - effectively hard-coded island solutions with no scope for nicities such as alternative tunings. In serving only a tiny range of already hugely popular instruments and attracting predominantly professional musicians into it's franchising model, Soundslice could be said to be feeding the trend to something of an instrumental monoculture. No doubt this will ease as a wider range of genres, instruments and styles are added.</li>
<li>Though likely to improve, the number of instruments for which tablature exists is very limited.</li>
<li>Instrument displays appear to be prescribed rather than user-selectable.</li>
<li>Tablature <b>and</b> <a href="https://usermanuals.musicxml.com/MusicXML/Content/EL-MusicXML-fingering_1.htm">instrument model fingerings</a> <b>and</b> <a href="https://www.musicxml.com/tutorial/chord-symbols-diagrams/chord-diagrams/">chord diagrams</a> could be said to represent redundancy.</li>
</ul>
<b>Technical</b>
<br />
<br />
Soundslice creates it's notation in bitmap form using the simplest of graphical elements 'hard-coded' onto a DOM 'canvas' element. Once there, they are more or less fixed.
<ol>
<li>In bitmap form, the visual mapping and transformation possibilities are severely limited. Where a bitmap <b>is</b> needed (for speed on a mobile device, or exported as an image to a virtual reality context), it could equally well be derived on-the-fly using SVG-to-image conversion on a server - at any size, and if desired transformed.</li>
<li>Bitmapped notation tends to undermine the clearest motivation for parsing MusicXML using Javascript (to prepare notation glyphs for algorithmic placement, using javascript-based data visualization libraries).</li>
<li>Given the above, there is no means of selecting own, preferred note colouring schemes</li>
<li>Soundslice's focus is not on data, but on processing speed. It was built to the 'Mobile First' mantra. Tomorrows's immersive applications, however, will run on dramatically faster, high-resolution augmented and virtual reality devices, will be real-time, 'on-demand', data-driven, and in no sense pre-baked.</li>
<li>The instrumental focus is on the popular, not the diverse. We are in an age of musical individualism, of experimentation, world music and self-expression. Yes, of group play - but preferably accommodating the exotic. Moreover, the platforms of tomorrow will connect real people learning from each other in social groups. If real-time play together over the internet is still a pipe-dream, on-line face-to-face teaching and learning are already being done. They just need the supporting toolset..</li>
</ol>
<br />
In sum, a tour-de-force in pragmatic scaling down for the mobile app market, but which undermines much of it's potential in multi-voiced and advanced educational environments. The following diagrams more or less sum it up.
<div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-H2AUMJo11B4/WWy7_lvcU9I/AAAAAAAAEGk/j7Vlw3CB8KEninIMiv4WCLaDWlLgXzOcQCLcBGAs/s1600/MediaDevelopmen-800x533.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Music Learning Media Development Over Time. #VisualFutureOfMusic #WorldMusicInstrumentAndTheory" border="0" src="https://1.bp.blogspot.com/-H2AUMJo11B4/WWy7_lvcU9I/AAAAAAAAEGk/j7Vlw3CB8KEninIMiv4WCLaDWlLgXzOcQCLcBGAs/s1600/MediaDevelopmen-800x533.png" data-original-width="800" data-original-height="533" alt="Music Learning Media Development Over Time. #VisualFutureOfMusic #WorldMusicInstrumentAndTheory" /><br /><strong>Music Learning Media Development Over Time.</strong><br />(Relative Positioning Of Soundslice And Our Aggregator Platform)</a></div>
<br />
<br />
Omitting any mention of virtual / augmented reality or machine intelligence, here we see how Soundslice, our Aggregator platform and the earlier and less sophisticated InstantNotation and Knowtation products are placed relative to each other in the move towards immersive online learning.
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://2.bp.blogspot.com/-vklHg8flEP4/WXS7gBcXZZI/AAAAAAAAEMs/vOD7Ff-KUPQNx7_dvQRk9ZYFoBILUxbmQCLcBGAs/s1600/SoundslicePositioningCompressed-800x533.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Soundslice's Achilles Heel. #VisualFutureOfMusic #WorldMusicInstrumentAndTheory" border="0" src="https://2.bp.blogspot.com/-vklHg8flEP4/WXS7gBcXZZI/AAAAAAAAEMs/vOD7Ff-KUPQNx7_dvQRk9ZYFoBILUxbmQCLcBGAs/s1600/SoundslicePositioningCompressed-800x533.png" data-original-width="800" data-original-height="533" title="Soundslice's Achilles Heel. #VisualFutureOfMusic #WorldMusicInstrumentAndTheory" /><br /><strong>Instrument Model and Theory Tools Diversity</strong><br />Soundslice's Achilles Heel</a></div>
By diversity, we mean a wide range of world music instruments and theory tools animations. But why a 'dubious' model? Because animation diversity and platform speed are not necessarily in conflict with each other. It all depends how that diversity is achieved. More on that in a mo..
<br />
<br />
Meanwhile, as you may see:
<ul style="list-style-type: circle;">
<li>Over time (and especially as devices and browser technology advances), Soundslice may quickly get left behind. It will, however, continue to serve well on legacy devices.</li>
<li>For Soundslice to achieve greater instrumental or music theory diversity, the current franchise model could lead to high organizational overhead.</li>
</ul>
<h2>Rationale For A Clear Alternative</h2>
While readily acknowledging that much of folk music is monaural, the following will allow us to work with all manner of score: from single voices through band works, choral pieces, chamber music, orchestral scores - and across many cultures:
<ul style="list-style-type: circle;">
<li>the widespread availability of good traditional music scores, as collected by enthusiasts worldwide.</li>
<li>the appearance of powerful online notation editors such as Noteflight, which contribute to the wealth of open-source scores, and can be used to create exercises illuminating theoretical and harmonic principles.</li>
<li>new forms of microtonal notation.</li>
<li>mechanisms for finely differentiated instrument and theory tool configuration.</li>
</ul>
Our as yet unnamed aggregator platform focusses on notational, voicing, instrumental and theory tools diversity. I hope this post has demonstrated that it is in no sense modelled on the Soundslice approach, but on social value, data and the possibility of reuse across multiple technologies.
<br />
<br />
Coming back briefly to that 'dubious' model (see similar graphic earlier in this post), can we now put the aggregator platform's potential capabilities into perspective?
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-XefptlqYpf4/WXCJd5DB9uI/AAAAAAAAEL0/GLUjU9GJUFkNcI7HkxDUE_d3R99kg8a0ACLcBGAs/s1600/AggregatorPlatformVsSoundsliceCompressed-800x533.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Music Visualization Aggregator platform vs Soundslice. #VisualFutureOfMusic #WorldMusicInstrumentAndTheory" border="0" src="https://4.bp.blogspot.com/-XefptlqYpf4/WXCJd5DB9uI/AAAAAAAAEL0/GLUjU9GJUFkNcI7HkxDUE_d3R99kg8a0ACLcBGAs/s1600/AggregatorPlatformVsSoundsliceCompressed-800x533.png" width="100%" data-original-width="800" data-original-height="533" title="Music Visualization Aggregator platform vs Soundslice. #VisualFutureOfMusic #WorldMusicInstrumentAndTheory" /></a>
</div>
This graph is attempting to tell us that through careful configuration of world music instruments, we can reduce the processing overheads involved in recovering and displaying <b>any</b> instrument to much the same level as those Soundslice requires to show <b>one</b>.
<br />
<br />
What is not perhaps immediately clear is that it will allow the user to populate menus with <b>their own selection</b> of instruments, theory tools and supporting applications, and that the automatic interworking mechanisms open up a <b>galaxy</b> of potential score-driven music visualizations.
<div class="separator" style="clear: both; text-align: center;"><a href="https://3.bp.blogspot.com/-3qm-4LslEYo/WXBz80xN4gI/AAAAAAAAELA/TYUdmSpfjYgAsn7c1pWwfvdMATwhGr7dACLcBGAs/s1600/TechAdvancesOverTimeCompressed-800x533.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Musical Immediacy And Immersion Over Time. #VisualFutureOfMusic #WorldMusicInstrumentAndTheory" border="0" src="https://3.bp.blogspot.com/-3qm-4LslEYo/WXBz80xN4gI/AAAAAAAAELA/TYUdmSpfjYgAsn7c1pWwfvdMATwhGr7dACLcBGAs/s1600/TechAdvancesOverTimeCompressed-800x533.png" data-original-width="800" data-original-height="533" title="Musical Immediacy And Immersion Over Time. #VisualFutureOfMusic #WorldMusicInstrumentAndTheory" /><br /><strong>Musical Immediacy And Immersion Over Time</strong></a></div>
Another way of looking at things is in the context of the immediacy and immersion of the user experience. Over time, these have developed from (for immediacy) simple face-to-face learning through to the point where people are already learning (albeit with little tool support), P2P (peer-to-peer) across the internet, and for immersion from simple audio through to immersive Web3D. In that user's acceptance of new technologies is delayed, immediacy and immersion can be viewed as alternately 'leap-frogging' each other.
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-Nu6eHJXS_48/WRtXmdZVBNI/AAAAAAAAD2c/WChiinSW180pjIkAV8SOJTjX1mDD_fqGwCLcB/s1600/TechAdvancesOverTimeTopEndWithSoundsliceAndAggregatorPlatform-800x533.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="Soundslice And Aggregator Platform Relative to Immediacy And Immersion Over Time. #VisualFutureOfMusic #WorldMusicInstrumentAndTheory" border="0" src="https://3.bp.blogspot.com/-Nu6eHJXS_48/WRtXmdZVBNI/AAAAAAAAD2c/WChiinSW180pjIkAV8SOJTjX1mDD_fqGwCLcB/s400/TechAdvancesOverTimeTopEndWithSoundsliceAndAggregatorPlatform-800x533.png" width="400" height="267" title="Soundslice And Aggregator Platform Relative to Immediacy And Immersion Over Time. #VisualFutureOfMusic #WorldMusicInstrumentAndTheory" /><br /><strong>Soundslice and Aggregator Platform</strong></a>
</div>
<br />
If we zoom in a little on the top RHS, we can perhaps see how Soundslice and our aspiring aggregator platform might fit in. In introducing synchronised video, Soundslice is leading in an era of on-demand, media-synchronised learning.
<br />
<br />
Nevertheless: 'on-demand' is not 'immediate-need-driven', and 'synchronised' is not 'real-time'. The central distinction is simple: whether or not media is synchronised with a live teacher. A peer-to-peer system linking live teacher and students with gamer-style controls would greatly simplify one-way synchronization - which, if not enough to allow play together, is certainly enough to teach.
<br />
<br />
Entirely automating synchronization of video stream with a running score during playback is, however, <b>much</b> easier said than done. This is an area where artificial intelligence can perhaps, one day, prove really useful. Until then (and even with the help of game protocol and back-end server tricks) any synchronization of a P2P teacher's play with notation on the student's end is likely to remain a simple, rule-of-thumb affair.
<br />
<br />
Pre-synchronised audio and video of the kind used in Soundslice is howeve perhaps not such a problem. Much of the groundwork has likely already been done for tools such as VLC (video) and Audacity (audio). Perhaps someone will take the time to investigate this soon: an open-source video (time) tokeniser program - similar to that apparently offered by Soundslice could be very useful all round.
<br />
<br />
Finally, our aggregator platform, in supporting music visualization in the widest sense and in sharing it's various feeds, bridges the data divide between the conventional browser DOM and the dramatic, gamified world of WebGL and Web3D.
<br />
<br />
To sum up, while more than enough for learning new tunes on a few mainstream instruments, viewed from the perspective of musical diversity, visual modelling and <i>understanding</i>, immediacy and immersion, there is abundant scope for advance. The next step is crowdfunding, for which, having read this far, I fervently hope I <a href="https://visualfutureofmusic.blogspot.ch/2016/12/project-seeks-sponsors.html">have your support</a>. :-)
<br />
<br />
<b><i>Finally</i></b> finally, a blow-by-blow summary of the main differences between Soundslice and our anticipated aggregator platform:
<br />
<br />
<a href="https://1.bp.blogspot.com/-o0thO4IvzBU/WLR_Ze-J10I/AAAAAAAADcs/z1gYu0mLBH0xf9aZffO-8QcuHTYGzvHcwCK4B/s1600/SoundsliceVsAggregatorPlatform.png" imageanchor="1"><img alt="Comparison between Soundslice and the Music Visualization Aggregator platform #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://1.bp.blogspot.com/-o0thO4IvzBU/WLR_Ze-J10I/AAAAAAAADcs/z1gYu0mLBH0xf9aZffO-8QcuHTYGzvHcwCK4B/s640/SoundsliceVsAggregatorPlatform.png" title="Comparison between Soundslice and the Music Visualization Aggregator platform #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /></a>
<br />
<br />
<hr />
<h2 id="Overview" style="color: royalblue; text-align: center;">
Keywords</h2>
<hr />
<br />
<table style="color: royalblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
online music learning,<br />
online music lessons
</td>
<td style="text-align: center;" width="33%">
distance music learning,<br />
distance music lessons
</td>
<td style="text-align: center;" width="33%">
remote music lessons,<br />
remote music learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
p2p music lessons,<br />
p2p music learning
</td>
<td style="text-align: center;" width="33%">
music visualisation<br />
music visualization
</td>
<td style="text-align: center;" width="33%">
musical instrument models<br />
interactive music instrument models
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
music theory tools<br />
musical theory
</td>
<td style="text-align: center;" width="33%">
p2p music interworking<br />
p2p musical interworking
</td>
<td style="text-align: center;" width="33%">
comparative musicology<br />
ethnomusicology
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
world music<br />
international music</td>
<td style="text-align: center;" width="33%">
folk music<br />
traditional music
</td>
<td style="text-align: center;" width="33%">
P2P musical interworking,<br />
Peer-to-peer musical interworking
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
WebGL, Web3D,<br />
WebVR, WebAR
</td>
<td style="text-align: center;" width="33%">
Virtual Reality,<br />
Augmented or Mixed Reality
</td>
<td style="text-align: center;" width="33%">
Artificial Intelligence,<br />
Machine Learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
Scalar Vector Graphics,<br />
SVG
</td>
<td style="text-align: center;" width="33%">
3D Cascading Style Sheets,<br />
CSS3D
</td>
<td style="text-align: center;" width="33%">
X3Dom,<br />
XML3D
</td>
</tr>
</tbody>
</table>
<br />
<br />
</span>Cantillatehttp://www.blogger.com/profile/14558742596559186897noreply@blogger.com0tag:blogger.com,1999:blog-945815475576917628.post-88517019261248160162017-05-07T14:24:00.005+02:002017-12-07T13:31:00.686+01:00Music Visualization, Machine Learning And Artificial Intelligence.<span style="font-family: "verdana" , sans-serif;">
<br />
Just as perfectly replicated, mass-produced plastic toys left their destruction as a child’s only possible expression of creativity, might artificial intelligence -in rendering human creativity and emotion irrelevant- destroy our connection to music?
<br />
<br />
Artificial intelligence has the potential to provide deep support at countless points in the music learning process, but without the infrastructure and workflows in place supporting <b><i>freedom of emotion and identification</i></b>, these opportunities are severely compromised.
<br />
<br />
If the music education industry's fascination with artificial intelligence (and a host of other digital frontiers) is anything to go by, human emotion and creativity is to muscled out of the equation. It has it's sights on our wetware and the drip-feed of generative (automat-created) music - "in harmony" with our musical tastes and preferences.
<br />
<br />
It is difficult to understate the pressing need for vastly expanded and far more <i><i>data-oriented</i></i> music technology platforms or stacks if the full (and above all <b><i>liberating</i></b>) benefits of artificial intelligence are to be felt in music learning.
<br />
<br />
Our brains -tuned over millions of years of evolution- may be superbly adapted to understand the visual world, but to leverage this capability efficiently and in the present, they need to be presented with coherent, accurate and timely learning information - in visual form.
<br />
<br />
Many for the moment rather lonely standalone applications of <a href="https://en.wikipedia.org/wiki/Music_and_artificial_intelligence">artificial intelligence in music (AIM)</a> exist but they suffer both from a lack of musical context (relevance to the user's current musical source) and narrow scope (they ignore the incredible diversity of world instrumentation and supporting theory tools).
<br />
<br />
AI-assisted music apps are appearing in app stores, but these tend to focus on specific aspects of musicianship such as chord variety, often address only one instrument (guitar) and act entirely in isolation (no musical context). These are classic -and next to useless- island solutions.
<br />
<br />
The central problem lies not in artificial intelligence but in the extraordinarily narrow scope of existing learning solutions. <b>One</b> music system (and musical culture), <b>one</b> rather limited form of notation, for the most part <b>one</b> instrument (guitar), <b>no</b> theory. In that the technology to take us much further has been around for decades, it's kind of depressing. We could be <b>so</b> much further.
<br />
<br />
<h2>Music Visualization, Machine Learning And Artificial Intelligence</h2>
The new machine age is "digital, exponential and combinatorial" and characterised by "mind, not matter; brain not brawn; and ideas, not things" (<a href="https://www.youtube.com/watch?v=sod-eJBf9Y0">Erik Brynjolfsson "Race with the machines"</a>).
<br />
<br />
I'm not so sure about the 'brain not brawn' bit. Humans are complex, emotional, self-aware beings. Neural networks are basically just logic cascades (algorithms) allowing decisions based on weighted evidence. These algorithms are trained to recognize which paths constitute successful outcomes.
<br />
<br />
What such an automaton effectively achieves through meticulous attention to detail, a human can still, at least in some cases, achieve through leaps of intuition. How long will it take to arrive at <a href="https://medium.com/intuitionmachine/artificial-intuition-a-breakthrough-cognitive-paradigm-3905c6d76561">artificial intuition</a>?
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a style="margin-left: auto; margin-right: auto;" href="https://3.bp.blogspot.com/--xhQ91PDhw0/WYHXKzdBfNI/AAAAAAAAEgQ/QdXVkWyIR6ECgArHsptaAa0bJ_2tztIdACLcBGAs/s1600/AlgorithmicVsHumanFactors%2BCROPPED.png"><img alt="Threshold Between Musically Banal (Algorithm-Delegable) and Emotional/Creative (Human). #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" src="https://3.bp.blogspot.com/--xhQ91PDhw0/WYHXKzdBfNI/AAAAAAAAEgQ/QdXVkWyIR6ECgArHsptaAa0bJ_2tztIdACLcBGAs/s1600/AlgorithmicVsHumanFactors%2BCROPPED.png" title="Threshold Between Musically Banal (Algorithm-Delegable) and Emotional/Creative (Human). #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" height="auto" border="0" /><br /><strong>P2P Music Learning: Threshold Between The Musically Banal (Algorithm-Delegable) and Emotional/Creative (Human)</strong></a>
</div>
<br />
<br />
There is a technological threshold below which the banal can be delegated, and above which human empathy and emotional intelligence are freed. We need to raise that bar. Current music learning stacks are far too narrowly focussed: one music system (and musical culture), one rather limited form of notation, one instrument, no theory.
<br />
<br />
Much simplified, we have two choices in a musical future: either we delegate all music-making to the machine, or we develop automata that liberate us from current learning hurdles, giving free rein to our emotional intelligence and expressive capabilities.
<br />
<br />
The first path offers nothing more than highly empathetic automata equipped to <b>replicate</b> the finest of human motor skills, musical styles, creativity and tension. These will be indistinguishable from the real thing, and will elicit (read 'algorithmically trick') emotional responses from us.
<br />
<br />
Under the latter scenario, the automata support us in the entire learning chain, optimizing learning for any instrument configuration under any music system with any conceivable tuning - indeed being able to make constructive suggestions easing play at a host of levels. Potentially, we are talking not just of the accumulated knowledge of one instrumentalist, but the sum of knowledge across multiple world cultures. In a free-time future where real social connection (rather than digital projection), occupation for hand and mind, sufficiency and sustainability are crucial to wellbeing, which is the more desirable?
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://2.bp.blogspot.com/-T9EtecUo1pA/WYHWmNMfOII/AAAAAAAAEgM/KUpIJ63tEW8uxUZBAWJJtIR4qRaww6O-wCLcBGAs/s1600/UserValueChain-AI-MI-Enrichment-800xYYY.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Possible Points of Artificial (AI) & Machine Intelligence (MI) Application For Learning Value #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://2.bp.blogspot.com/-T9EtecUo1pA/WYHWmNMfOII/AAAAAAAAEgM/KUpIJ63tEW8uxUZBAWJJtIR4qRaww6O-wCLcBGAs/s1600/UserValueChain-AI-MI-Enrichment-800xYYY.png" width="480" height="auto" data-original-width="800" data-original-height="942" alt="Possible Points of Artificial (AI) & Machine Intelligence (MI) Application For Learning Value #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /><br /><strong>Artificial (AI) & Machine Intelligence (MI)</strong><br />Possible Points of Application For Learning Value</a></div>
Though I have misgivings (see my closing remarks way below) about delegating too much of those things related to human wellbeing to them, kept focussed, artificial and machine intelligence have the potential to greatly enrich the online and remote music learning value chain.
<br />
<br />
We have perhaps to make a distinction here between machine learning, which is broadly understood as comprising classification, clustering, rule mining and deep learning, and artificial intelligence, comprising logic, reasoning, rule engines and the semantic web. Underlying both, however, are large collections of data. Together, they are known as 'machine intelligence' (MI).
<br />
<br />
Both have been around for a while now. There are already many <a href="https://en.wikipedia.org/wiki/Comparison_of_deep_learning_software">open-source software libraries around for machine learning</a>. To name just a few: <a href="http://torch.ch/">Torch</a>. Berkeley Vision released <a href="http://caffe.berkeleyvision.org/">Caffe</a>. The University of Montreal's <a href="http://deeplearning.net/software/theano/">Theano</a>. Slowly but surely, our web browsers are being infused with artificial intelligence. Google open-sourced their <a href="https://www.tensorflow.org/">TensorFlow</a> AI engine last year, which is claimed to combine the best of Torch, Caffe and Theano. The curious can even <a href="http://playground.tensorflow.org/">dabble online</a>.
<br />
<br />
Perhaps of more interest to everyman is that artificial intelligence capabilities are being brought into the browser, and in a form in which allows anyone to experiment with learning automata. Keywords here are <a href="https://www.google.ch/url?sa=t&rct=j&q=&esrc=s&source=web&cd=2&cad=rja&uact=8&ved=0ahUKEwjh5M7u6N3WAhWGOBoKHY4nCwcQFgguMAE&url=http%3A%2F%2Fcs.stanford.edu%2Fpeople%2Fkarpathy%2Fconvnetjs%2F&usg=AOvVaw1rnSkTO2mG9Yn-spU1rex_">ConvNetJS</a> from Stanford University, the <a href="https://www.google.ch/url?sa=t&rct=j&q=&esrc=s&source=web&cd=3&cad=rja&uact=8&ved=0ahUKEwjh5M7u6N3WAhWGOBoKHY4nCwcQFgg5MAI&url=http%3A%2F%2Fplayground.tensorflow.org%2F&usg=AOvVaw2vuvPE9ac9fhwJftudYEXB">TensorFlow Playground</a>, and the closely related <a href="https://tenso.rs/">TensorFire</a>. Moreover, the related educational works are being <a href="http://neuralnetworksanddeeplearning.com/chap1.html">brought online</a>.
<br />
<br />
"Machine intelligence (MI) can do a lot of creative things; it can cope with <a href="http://www.asimovinstitute.org/analyzing-deep-learning-tools-music/">music generation</a>, create <a href="https://magenta.tensorflow.org/">art from and with music</a>, <a href="https://www.businessinsider.com/automated-insights-gets-acquired-by-vista-for-80-million-2015-2">mash up existing content</a>, <a href="https://www.theguardian.com/technology/2015/sep/02/computer-algorithm-recreates-van-gogh-painting-picasso">reframe it to fit a new context</a>, <a href="https://news.mit.edu/2016/artificial-intelligence-produces-realistic-sounds-0613">fill in gaps in an appropriate fashion</a>, or <a href="https://www.autodesk.com/solutions/generative-design">generate potential solutions given a range of parameters</a>". -<a href="https://medium.com/intuitionmachine/artificial-intuition-3418fac2eb9c">Carlos E. Perez</a>
<br />
<br />
In a musical context, they can be used to solve problems spanning from the more or less cosmetic all the way down to the logical. For example, from suggesting genre-authentic stylistic variations in play, over fingering optimization across multiple instrument configurations, down to supporting automated tool configuration processes.
<br />
<br />
As the diagram above suggests, there are a wide range of potential applications in music, but for the moment (and especially until data handling and interrogation is consistent across the entire stack, these remain hamstrung. A general purpose, layered music intelligence engine -and especially one suited to web applications- is still a long way off.
<br />
<br />
The to my mind currently most pressing application of artificial intelligence is in the area of automatic synchronization of video, audio and notation feeds from disparate, near-but-not-quite-simultaneous sources, but whose speed may be subject to drift or offset. This applies immediately to tasks such as synchronising webcam video with microphone audio, undertaken daily by thousands of musicians around the globe.. Fully automated -and especially if open sourced- it be of huge assistance in getting P2P teaching off the ground. An approach tolerant of variation in playing speed is based on a so-called <a href="https://github.com/aspiers/ly2video/blob/master/doc/how-to-audio-sync.md">beatmap file</a>, but still involves several manual steps.
<br />
<br />
Other applications include subtle visual interaction issues between notation, instrument models and theory tools. Tiny anticipations and delays, as music itself, can add greatly to the overall music visualization user experience.
<br />
<br />
Indeed, with it's clear focus on data, it is hoped the music aggregator platform will act as a honeypot for AI and machine intelligence solutions in online music teaching and visualization. It can, in this sense, be understood as an integration platform. Have a lead? Feel free to get in contact. ;-)
<br />
<br />
<table style="border: 1px solid orangered; color: steelblue; float: right; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 33%;">
<tbody>
<tr>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-Wa7cNdtNSl8/WJ8jIRlNN9I/AAAAAAAAC_0/SoG6CcMakas4Ezk-R6OC6iJcjyksu63MQCK4B/s1600/Banner%2BBlue.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Avidly Seeking Sponsors #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" href="https://visualfutureofmusic.blogspot.ch/2016/12/project-seeks-sponsors.html" src="https://4.bp.blogspot.com/-Wa7cNdtNSl8/WJ8jIRlNN9I/AAAAAAAAC_0/SoG6CcMakas4Ezk-R6OC6iJcjyksu63MQCK4B/s1600/Banner%2BBlue.png" title="Avidly Seeking Sponsors #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /></a>
</div>
<h2>Why Incorporate Artificial Intelligence?</h2>
<td><!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="//blogspot.us14.list-manage.com/subscribe/post?u=6082c7c1fd4aacb458f4f3268&id=1dd5e99fbf" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
<h2 style="text-align: center; color: #f70000;">Potential Crowdfunder?</h2>
<div>
<label for="mce-FNAME">First Name</label>
<input type="text" name="FNAME" id="mce-FNAME">
</div>
<div>
<label for="mce-EMAIL">Email Address</label>
<input type="email" name="EMAIL" id="mce-EMAIL" title="The domain portion of the email address is invalid (the portion after the @)." pattern="^([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22))*\x40([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d))*(\.\w{2,})+$" required>
</div>
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_f2d244c0df42a0431bd08ddea_aeaa9dd034" tabindex="-1" value=""></div>
<div class="mc-status"></div>
<div><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>
<!--End mc_embed_signup--></td>
</tr>
</tbody>
</table>
AI has the potential to solve challenges at many levels in end-to-end online and remote or P2P music learning environments. Some of these relate to constructing the platform's own artifacts, others to supporting the learner, or, indeed, a remote teacher.
<br />
<br />
So, keeping in mind we are talking <b>any</b> music system (and musical culture), <b>any</b> form of notation, <b>any</b> instrument configuration and <b>any</b> theory tool:
<ul style="list-style-type:circle">
<li>Selecting the optimal notation according to immediate needs and underlying music system</li>
<li>Notation <i>building</i> automation (glyph optimisation)</li>
<li><i>Comparative</i> notations expertise</li>
<li><a href="https://news.mit.edu/2016/artificial-intelligence-produces-realistic-sounds-0613">Predictive sound synthesis</a></li>
<li>Adapting synthesised audio playback (accenting, notelengths, ornamentation and motifs) to better match a given style</li>
<li>Supporting algorithmic generation of technical exercises for any instrument configuration</li>
<li>Optimising online music learning environment configuration (tool selection)</li>
<li><a href="https://en.wikipedia.org/wiki/Music_and_artificial_intelligence#SmartMusic">Strategic practice optimization</a></li>
<li>Fingering Optimizations</li>
<li><a href="https://play.google.com/store/apps/details?id=com.alienai.chordlab">Chordfinding</a></li>
<li><a href="https://en.wikipedia.org/wiki/Music_and_artificial_intelligence#Computer_Accompaniment_.28Carnegie_Mellon_University.29">Automatic accompaniment</a></li>
<li><a href="https://en.wikipedia.org/wiki/Music_and_artificial_intelligence#Orb_Composer">Automatic composition &/or arrangement</a></li>
<li><a href="https://en.wikipedia.org/wiki/Music_and_artificial_intelligence#SmartMusic">'Integrated Teaching'</a></li>
</ul>
<br />
<span style="color: royalblue; font-family: Verdana, sans-serif;">Big, brave, open-source, non-profit, community-provisioned, cross-cultural and batshit crazy. → Like, share, back-link, pin, tweet and mail. Hashtags? For the crowdfunding: <b>#VisualFutureOfMusic</b>. For the future live platform: <b> #WorldMusicInstrumentsAndTheory</b>. Or simply register as a potential crowdfunder..</span>
<br />
So let's see how some of these might have practical and visible impact on our aggregator platform...
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-BThB8qyV4Zc/WYHWIMFRIsI/AAAAAAAAEgI/r-hnFiisEkgrpEfOsgBu6na_6ctbbu1jgCLcBGAs/s1600/AI-Scenarios-800xYYY.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Music Visualization Aggregator Platform: Artificial Intelligence Possibilities #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://4.bp.blogspot.com/-BThB8qyV4Zc/WYHWIMFRIsI/AAAAAAAAEgI/r-hnFiisEkgrpEfOsgBu6na_6ctbbu1jgCLcBGAs/s1600/AI-Scenarios-800xYYY.png" title="Music Visualization Aggregator Platform: Artificial Intelligence Possibilities #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" data-original-width="800" data-original-height="504" /><br /><strong>Some Artificial Intelligence Application Possibilities In Online Music Learning</strong>
</a>
</div>
<br />
<br />
Away from the browser (and with it, our aggregator platform), there are further possibilities..
<ul style="list-style-type:circle">
<li>Instrument tuning optimization</li>
<li>New, theory-model and fingering- optimised instrument interfaces</li>
<li><a href="https://en.wikipedia.org/wiki/Music_and_artificial_intelligence#OrchExtra">Instrument stand-in (orchestral gap filler)</a></li>
<li><a href="https://en.wikipedia.org/wiki/Music_and_artificial_intelligence#Impromptu">Generative orchestral music</a></li>
<li><a href="https://en.wikipedia.org/wiki/Music_and_artificial_intelligence#OMax">Style-Authentic co-improvization</a></li>
</ul>
<div class="separator" style="clear: both; text-align: center;"><a href="https://cdn-images-1.medium.com/max/800/1*wt0Ct9fobUhNsoKVVLPMag.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://cdn-images-1.medium.com/max/800/1*wt0Ct9fobUhNsoKVVLPMag.jpeg" data-original-width="600" data-original-height="315" /></a></div>
<br />
<br />
The above "User friendly Machine Learning Map" provides the complete flow for solving a machine learning (ML) problem.
<br />
<br />
is in the original (follow the <a href="http://scikit-learn.org/stable/tutorial/machine_learning_map/">link</a>), click on any algorithm on the map to understand its implementation.
<br />
<br />
Finally, a cautionary word. Since the early days of the internet, we have been obliged to police the boundary between machine and man. Increasingly, both attack and policing are done by largely autonomous software built on deep learning principles. The former scours defenses for potential weaknesses, the latter monitors interaction behaviors, looking for unusual patterns. Already, our online security is passing out of our hands.
<br />
<br />
<hr />
<h2 id="Overview" style="color: royalblue; text-align: center;">
Keywords</h2>
<hr />
<br />
<table style="color: royalblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
online music learning,<br />
online music lessons
</td>
<td style="text-align: center;" width="33%">
distance music learning,<br />
distance music lessons
</td>
<td style="text-align: center;" width="33%">
remote music lessons,<br />
remote music learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
p2p music lessons,<br />
p2p music learning
</td>
<td style="text-align: center;" width="33%">
music visualisation<br />
music visualization
</td>
<td style="text-align: center;" width="33%">
musical instrument models<br />
interactive music instrument models
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
music theory tools<br />
musical theory
</td>
<td style="text-align: center;" width="33%">
p2p music interworking<br />
p2p musical interworking
</td>
<td style="text-align: center;" width="33%">
comparative musicology<br />
ethnomusicology
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
world music<br />
international music</td>
<td style="text-align: center;" width="33%">
folk music<br />
traditional music
</td>
<td style="text-align: center;" width="33%">
P2P musical interworking,<br />
Peer-to-peer musical interworking
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
WebGL, Web3D,<br />
WebVR, WebAR
</td>
<td style="text-align: center;" width="33%">
Virtual Reality,<br />
Augmented or Mixed Reality
</td>
<td style="text-align: center;" width="33%">
Artificial Intelligence,<br />
Machine Learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
Scalar Vector Graphics,<br />
SVG
</td>
<td style="text-align: center;" width="33%">
3D Cascading Style Sheets,<br />
CSS3D
</td>
<td style="text-align: center;" width="33%">
X3Dom,<br />
XML3D
</td>
</tr>
</tbody>
</table>
<br />
<br />
</span>Cantillatehttp://www.blogger.com/profile/14558742596559186897noreply@blogger.com2tag:blogger.com,1999:blog-945815475576917628.post-50556847760270700902017-05-06T20:48:00.001+02:002017-11-23T08:05:14.489+01:00World Music Visualizations And The 3D Web (Web3D a.k.a. WebAR And WebVR).<span style="font-family: verdana, sans-serif;">
How can world music visualization (or visualisation) and the 3D web (<a href="https://youtu.be/A4IIouI5H2o">WebGL</a>-based Web3D, i.e. WebAR and WebVR) be brought together for broad, cross-cultural social value generation?
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://2.bp.blogspot.com/-T5QH8alcwWM/WeYR34BMYJI/AAAAAAAAEyw/NMJqwXrxk8wUsJGpZJo9MVt92Cfr9h3jACLcBGAs/s1600/DOM-AR-VR-WEB3D-400x320.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://2.bp.blogspot.com/-T5QH8alcwWM/WeYR34BMYJI/AAAAAAAAEyw/NMJqwXrxk8wUsJGpZJo9MVt92Cfr9h3jACLcBGAs/s1600/DOM-AR-VR-WEB3D-400x320.png" width="320" height="AUTO " data-original-width="800" data-original-height="533" /><br /><strong>Music Notation Usage Scenarios Overview</strong></a></div>
I'd like to briefly revisit the overview of <a href="https://visualfutureofmusic.blogspot.ch/2016/08/world-music-visualisation-and-virtual.html">augmented and virtual reality</a>) stacks introduced in a much earlier post, this time focussing in on the 3D web offerings (those on the right-hand side of the diagram to the left), with the aim of narrowing down the field.
<br />
<br />
These can (in some cases) comprise repurposed 2D web stack technologies such as CSS and SVG, but also open (but not necessarily W3C-governed) 3D standards based libraries such as XML3D, X3DOM, and the various WebGL-based (Web3D, ie WebAR and WebVR) approaches. The focus is on a small but hopefully reasonably durable selection.
<br />
<br />
In current music visualization, the basic shapes being manipulated are often 3D ones, that is to say with <b><i>volume</i></b>. In music we are generally more concerned with latticework structures in some plane, comprising nodes (notes) and connectors (intervals). As regards choice of implementation environment, this may be an important distinction. While nodes and connectors can of course be portrayed using 3D elements, it suggests that full 3D may be visual overkill.
<br />
<br />
BTW, with WebGL 2.0 adoption central to much that follows, you might like to take a look at the <a href="http://caniuse.com/#feat=webgl2">corresponding table</a> on the 'can I use' (canIuse.com) page.
<br />
<br />
I see at least three contexts under which a music source might be used as a 'driver' of on-screen events. Clearly, some form or music exchange file may be helpful in all three contexts:
<ol>
<li>'Literal' music learning (structural, with known, visually modeled instrument and theory tools). This is relevant both to self-directed and remote or directed learning.</li>
<li>'Figurative' (ad-hoc, gamified, dramatic) music learning. Here we can begin to anticipate 'social' learning, where the group and interaction promise a more immersive experience.</li>
<li>Directly music-driven gaming</li>
</ol>
We can think of these in a DOM/SVG and a WebGL/Web3D context:
<div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-MBY_s0hbn24/WeYPPr6G3TI/AAAAAAAAEyk/8bxggax7hv0XibBuvhMQSzY5UVe_MLtIwCLcBGAs/s1600/DOM-n-SVG-vs-WebGL-n-Web3D-800x533.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="MusicXML As Shared Source For DOM/SVG and WebGL/Web3D Worlds (Music Visualization Contexts) #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://1.bp.blogspot.com/-MBY_s0hbn24/WeYPPr6G3TI/AAAAAAAAEyk/8bxggax7hv0XibBuvhMQSzY5UVe_MLtIwCLcBGAs/s1600/DOM-n-SVG-vs-WebGL-n-Web3D-800x533.png" data-original-width="800" data-original-height="533" title="MusicXML As Shared Source For DOM/SVG and WebGL/Web3D Worlds (Music Visualization Contexts) #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /><br /><strong>MusicXML As Shared Source For DOM/SVG and WebGL/Web3D Worlds</strong><br />(Music Visualization Contexts)</a></div>
<br />
<br />
<table style="color: steelblue; float: right; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 33%;">
<tbody>
<tr>
<td style="border: 1px solid orangered;">
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="//blogspot.us14.list-manage.com/subscribe/post?u=6082c7c1fd4aacb458f4f3268&id=1dd5e99fbf" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
<h2 style="text-align: center; color: #f70000;">Potential Crowdfunder?</h2>
<div>
<label for="mce-FNAME">First Name</label>
<input type="text" name="FNAME" id="mce-FNAME">
</div>
<div>
<label for="mce-EMAIL">Email Address</label>
<input type="email" name="EMAIL" id="mce-EMAIL" title="The domain portion of the email address is invalid (the portion after the @)." pattern="^([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22))*\x40([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d))*(\.\w{2,})+$" required>
</div>
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_f2d244c0df42a0431bd08ddea_aeaa9dd034" tabindex="-1" value=""></div>
<div class="mc-status"></div>
<div><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>
<!--End mc_embed_signup--></td>
</tr>
</tbody>
</table>
As you can see, conventional MusicXML exchange files may, after parsing and depending on application, be able to provide both domain data, object skins (in the form of image captures) for transfer into Web3D workflows, and a substantial amount of layered modeling knowledge. Given the diversity of the contributing animations, the possibilities here seem endless: I leave you think this through..
<br />
<br />
Music-driven games are those where a music data stream has an impact on the game narrative equivalent to and on a par with user actions: in effect an additional control stream. There are many ways of exploiting this, from associating object color, shape, family or other behavior with any of pitch, octave, note position in octave, through to memory challenges involving note names in various cultures, or familiarity with individual parts or voices.
<br />
<br />
<h3>DOM VS WebGL</h3>
So why, if our main focus is the desktop, it's generous screen real estate and better bandwidth, the browser and pin-sharp interactive 2D visualizations, should we interest ourselves for 3D and the gamer's worlds?
<br />
<br />
For one, visually simpler forms of 3D are reasonably easily integrated into our aggregator platform's envisaged Theory Tools arsenal (see the Theory Tools menu below the banner image, or the related <a href="https://www.pinterest.com/cantillate/static-music-theory-examples/">Pinterest pages</a>). On the other hand, full WebGL-based environments offer a quite different learning experience, and this inevitably signals opportunity.
<br />
<br />
As insights into the correlation between imagined (visualized) and physical practice is better understood, I expect the impact of research on cognition and learning to be especially strong on the Web3D side. Who knows what will come: it may be that thousands of hours of physical practice familiarizing oneself with modal scales, for instance, can be condensed into a fraction of the time through forms of artificial- and virtual reality assisted learning for the moment barely imaginable. Artificial intelligence is sure, too, to bring huge gains.
<br />
<br />
Even visually less structured WebGL-based 3D needs, however, to get it's musical data from somewhere - preferably in real time, and clearly and consistently sliced and diced. My feeling is that the DOM tree / SVG world may be able to help out in this respect by providing image skins for WebGL object.
<br />
<br />
BTW, though it doesn't touch on other than navigational interactivity, <a href="http://blog.teamtreehouse.com/real-time-3d-web">here a gentle intro to 'real-time' rendering</a> for the 3D web.
<br />
<br />
By the way of orientation, here a quick overview of some of the more visible landmarks in the 3D modeling world. We'll come back to some of these later.
<div class="separator" style="clear: both; text-align: center;"><a href="https://4.bp.blogspot.com/-PbIFiwE2qm4/Wb7NGMtgBAI/AAAAAAAAEu8/rqv53GU-nzcHMr6_d94QXfR3iLF2Z3_SACLcBGAs/s1600/GraphicsOutputLandscape-simple.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="3D Modeling Landmarks (DOM or WebGL-Based, With Musical Context). #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://4.bp.blogspot.com/-PbIFiwE2qm4/Wb7NGMtgBAI/AAAAAAAAEu8/rqv53GU-nzcHMr6_d94QXfR3iLF2Z3_SACLcBGAs/s640/GraphicsOutputLandscape-simple.png" width="640" height="380" data-original-width="1425" data-original-height="846" title="3D Modeling Landmarks (DOM or WebGL-Based, With Musical Context). #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /><br /><strong>3D Modeling Landmark</strong><br />DOM or WebGL-Based, With Musical Context</a></div>
<br />
<h2>DOM or WebGL: Choices And Challenges</h2>
The browser's DOM provides us with an exceptionally powerful selection mechanism targeting each DOM element's id and/or class. These allow us not only to maintain behavioural consistency across a wide range of animations, but to finely target individual elements for change. This capability is more or less lost when we move across to WebGL.
<br />
<br />
It would be helpful if all graphical processing -including that associated with conventional 2D- could be done on the GPU. It turns out that without resorting to WebGL, this isn't so easy. There are libraries claiming to do this, but as they haven't yet gained much traction, I'm wary.
<br />
<br />
At it's simplest, you need only a browser to experience 3D on the web. Stripped of cosmetics and kept (from a rendering point of view) simple it can also be reasonably easy on the GPU.
<br />
<br />
To experience Web3D you -additionally- need a headset. With the arrival of high resolution and frame rate WebVR and WebAR capable devices, 'mobile-first' is losing ground to the notion of 'data first'. In the background, and despite web standards, the ongoing nuisance of proprietary technologies tying users to a particular hardware or software ecosystem.
<br />
<br />
<h3>MusicXML As Driver Of Narrative</h3>
Music is a language, every piece of music a storyline or narrative, with own unique dynamics, tension and emotional impact.
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://2.bp.blogspot.com/-M6p-b-GNxIA/Wcj496wRUPI/AAAAAAAAEwM/Nha8maBJ5yol3mgDFY7j5ugFREWgUwcEQCLcBGAs/s1600/NotationTransformations-480x320-02.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://2.bp.blogspot.com/-M6p-b-GNxIA/Wcj496wRUPI/AAAAAAAAEwM/Nha8maBJ5yol3mgDFY7j5ugFREWgUwcEQCLcBGAs/s400/NotationTransformations-480x320-02.jpg" width="400" height="266" data-original-width="480" data-original-height="319" /><br /><strong>Algorithmic Notation Transformations</strong><br />Bitmapped Skins For Web3D Landscapes</a></div>
In this sense, data extracted from MusicXML is a prime candidate, both within our aggregator platform and via public API, as an additional <b>driver</b> of dramatic, gaming-style virtual storylines.
<br />
<br />
That said, rigorous method and learning needn't be at odds with imagination and whimsy. To this extent, everything, really everything, must be data-driven.
<br />
<br />
We're talking on-demand, <b>freely transformable, musical visualizations</b>: making (for example) music notation bendable, hidable, peek-a-boo visible, twistable, flippable, riot-of-colorable, capable of being turned into jungle flowers, racing cars, dancing dolphins, rolling waves, or classic Disney-style songbirds on telegraph lines.
<br />
<br />
Transformations as part of an ongoing and developing storyline are one thing, responding to user actions in real time another. The next challenge? Instant, onscreen, programmatic reconfiguration according to changing user needs. For instruments, for example, the ability to freely change core music visualization characteristics such as number of notes per octave, temperament / intonation, or (lute family) to add a capo.
<br />
<br />
Another challenge: where 2D SVG (used for instrument models, see menus at head of page) is prepared on the CPU, embedded-canvas, WebGL-based content (potentially, 3D theory tools:<a href="https://www.pinterest.com/cantillate/static-world-music-instruments-and-models/"></a> again, see menus), on the GPU, can both be synchronized via hardware clock, using (for example D3.js)? I certainly think so.
<br />
<br />
The last challenge? Whether, under some dual DOM/WebGL scenario (of which there are a few) the system as a whole can maintain synchronization under load, such as for example between animations and their associated audio. For want of a better term, think 'load balancing'. For me, it's a bit of an unknown.
<br />
<br />
So, in summary, with these clearly in mind:
<ul type="circle">
<li>Selection for visual consistency</li>
<li>Graphical processing (including conventional 2D) if possible on the GPU,</li>
<li>Real-time, data-driven visualisations</li>
<li>.. and hence on-screen reconfiguration</li>
<li>hardware clock synchronisation across 2- and 3D technology stack branches</li>
<li>2D and 3D load balancing</li>
</ul>
..we are ready to start thinking about their application. Is your goal teaching and learning transparency - or gaming and infotainment? Does 3D offer any gain over 2D in the browser? Best thought through carefully <b>before</b> prototyping.
<br />
<br />
<h2>DOM or WebGL: Technology Review</h2>
<div class="separator" style="color: royalblue; clear: both; margin-left: 2em; margin-right:2em; text-align: left;">
<b>*News Flash*</b><br />
Particularly intriguing amongst emerging WebGL-based approaches is <a href="https://stardustjs.github.io/publications/eurovis2017-stardust.pdf">Stardust</a>, whose API and focus on solving the data bindings bear similarities to that of d3.js, but which leverages the <b>GPU</b> — all while claiming to remain platform agnostic.
<br />
<br />
Complementing rather than replacing d3.js, instead of mapping data to the DOM, Stardust maps data to and array of GPU-rendered graphical elements known as ‘marks’. Developers with D3 expertise are expected to adopt easily to Stardust.
<br />
<br />
Where D3 provides the better support for fine-grained control and styling on a small number of items, Stardust is profiled as good at bulk-rendering-and-animating of large numbers of marks via parameters.
<br />
<br />
Indeed, in this context, Stardust’s creators suggest a mix of the two in applications: D3 being used to render (for example) a scatterplot’s axes and handle interactions such as range selections, but Stardust used to render and animate the points.
<br />
<b>*News Flash End*</b>
</div>
<br />
Our world music aggregator platform supports anything that can be dynamically loaded and run in a single page application, and javascript libraries can wrap just about anything. So: pure DOM? HTML canvas? WebGL on the DOM via canvas? WebAR or WebVR on the DOM? With d3.js or it's declarative wrapper, Vega? R? XTK? X3DOM or XML3D? What actually works - and how can we narrow the field?
<br />
<br />
Incidentally, I'm just curious as to future animation integration possibilities - and though as adept a faker as the next, certainly no expert. If you spot mistakes, do let me know.
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-0CuFiCd1mJA/WQs3be10a9I/AAAAAAAADzc/cKVv4lvgdgU9wA1-QSSTWS9Y4ezLIqRkQCLcB/s1600/GraphicsOutputLandscape-WEB-800x533.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="MusicXML Music Exchange File Web and Web3D Stacks Data Feed. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://2.bp.blogspot.com/-0CuFiCd1mJA/WQs3be10a9I/AAAAAAAADzc/cKVv4lvgdgU9wA1-QSSTWS9Y4ezLIqRkQCLcB/s1600/GraphicsOutputLandscape-WEB-800x533.png" title="MusicXML Music Exchange File Web and Web3D Stacks Data Feed. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /><br /><strong>MusicXML (Music Exchange File) As Data Source For Web and Web3D Stack Feeds.</strong><br />DOM or WebGL-Based</a>
</div>
<br />
<br />
As a reminder, on the left, the (on the whole) declarative, browser DOM technologies, on the right the (on the whole) procedural / imperative 3D polygonal wireframe world of AR/MR/VR. The web DOM space is focussed (on the whole) on structured data and understanding, the VR space on ad-hoc, many-to-many-related objects, the dramatic experience, suspension of disbelief and immersion in the storytelling flow. As concepts go, <b>poles</b> apart..
<br />
<br />
As can be seen, the Unity (and, by proxy, other) content delivery platforms for 3D games, augmented and virtual reality can also target (export content to) the WebVR, and, increasingly, WebAR stacks.
<br />
<br />
<span style="color: royalblue; font-family: Verdana, sans-serif;">Big, brave, open-source, non-profit, community-provisioned, cross-cultural and kickass crazy. → Like, share, back-link, pin, tweet and mail. Hashtags? For the crowdfunding: <b>#VisualFutureOfMusic</b>. For the future live platform: <b> #WorldMusicInstrumentsAndTheory</b>. Or simply register as a potential crowdfunder..</span>
<h2>3D Web Closer Up</h2>
<div class="separator" style="clear: both; text-align: center;"><a href="https://2.bp.blogspot.com/-REJTeP7tw3Q/WPPNxCtNpCI/AAAAAAAADuw/cwZEEs6V2OQbfGM3p9tamO-xe0sk8x0ywCLcB/s1600/SVG-canvas-WebGL-and-X3DOM-relation-400x253.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="Relation Between SVG, Canvas, WebGL and X3DOM (From Widipedia). #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://2.bp.blogspot.com/-REJTeP7tw3Q/WPPNxCtNpCI/AAAAAAAADuw/cwZEEs6V2OQbfGM3p9tamO-xe0sk8x0ywCLcB/s1600/SVG-canvas-WebGL-and-X3DOM-relation-400x253.png" title="Relation Between SVG, Canvas, WebGL and X3DOM (From Widipedia). #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /><br /><strong>Relation Between SVG, Canvas, WebGL and X3DOM</strong></a></div>
<br />
Let's immediately distinguish between the term <b>Web3D</b> (referring to all interactive 3D content embedded into web pages html, commonly powered by WebGL, that we can see through a web browser, and often known by one of WebVR or WebAR) and <b>Augmented and Virtual Reality (A & VR)</b>, which tend to run on dedicated devices.
<br />
<br />
VR objects are modelled, textured, and rendered in lengthy pre-production workflows using (in many cases free) <a href="https://makezine.com/2016/03/24/makers-introduction-vr-best-software-tools-free/">3D modelling tools</a> such as Maya, Unity, Unreal and Blender. WebVR and WebAR are an attempt at bridging the gap - directly in the browser.
<br />
<br />
Web3D's convenience lies in lower development overhead and that WebVR and WebAR can be experienced both in the <a href="https://www.chromeexperiments.com/webgl?q=music">browser</a>, yet also on many full-blown VR devices. The buzz? Faster delivery, more users. The biggest obstacle is the lack of native inputs, significantly impeding user interaction. Indeed, many examples handle the VR's "six degrees of freedom" (forward/back, up/down, left/right, yaw, pitch, roll) beautifully, but can end up leaving object data content inaccessible. As affairs go, "it's complicated".
<br />
<br />
Meanwhile, with WebGL now widely supported by default in modern browsers, further technologies such as X3D, X3DOM, Cobweb, three.js, glTF, ReactVR and A-Frame VR are steadily extending 3D capabilities <b>within</b> the web stack.
<br />
<br />
Can these match or enhance the 2D visually transformative capabilities of D3.js + SVG? Let's take a little stroll from left to right through the possibilities.
<br />
<br />
<h2>WebGL</h2>
WebGL is founded on OpenGL, and provides a base for a small range of 3D modelling libraries, such as Playcanvas, Turbulenz, BabylonJS and Three.js. As WebGL is canvas-based, the graphical sophistication is not on a par with SVG, but for solids and planes, the results can still be impressive.
<h2>The Role of D3.js</h2>
In the conventional 2D web, SVG graphics elements can be scripted with JavaScript for CSS and DOM interactivity (onclick, onmouseover etc). Javascript is, however, procedural. <a href="https://vega.github.io/vega/">Vega</a>, a 'visualisation grammar' (and wrapper for D3.js), provides us with a declarative, data-driven interface. "One unique aspect of Vega is its support for declarative interaction design: instead of the “spaghetti code” of event handler callbacks, Vega treats user input (mouse movement, touch events, etc.) as first-class streaming data to drive reactive updates to a visualisation".
<br />
<br />
With it's declarative and reactive approach, Vega hints at the possibility of HTML-embeddable and highly interactive scores.. More on that in a later post.
<br />
<br />
For the 3D web, D3 eases manipulation of the likes CSS, XML3D, X3DOM and CSS3D, but can also be used in conjunction with web component, routing and XHR libraries such as React, Vue and Mithril.
<br />
<br />
D3.js or Vega can, incidentally, be used directly in conjunction with WebGL or (fallback) canvas.
<h2>Three.js</h2>
Three.js is a cross-browser JavaScript library/API used to create and display animated 3D computer graphics in a web browser. Three.js uses WebGL.
<br />
<br />
In an enablement sense, <a href="https://threejs.org/">Three.js</a> is to WebGL as D3.js is to the DOM. As with D3.js, it spawned a remarkable <a href="https://en.wikipedia.org/wiki/Three.js#Selected_Uses_and_Works">ecosystem</a> of derivation and enhancement libraries, some with substantial followings of their own.
<h2>CSS</h2>
HTML describes structure and CSS described visual presentation. (In the diagram I've grouped CSS under 'Structure' - in the sense that it forms part of the arsenal of tools surrounding the highly structured browser DOM).
<br />
<br />
CSS has something of a reputation as a 'poor cousin' in the animated graphics world, but is a powerful tool in maintaining style consistency across a wide range of graphical objects. Moreover, should the choice be made to manipulate CSS styles directly in code rather than using style sheets, this can be managed with a high degree of control within D3.js, via the style attribute in conjunction with class and id attributes.
<br />
<br />
In effect these allow CSS styles to be inherited much as in the accustomed style sheets. You can get a feel for the simplicity and elegance of CSS use in conjunction with D3.js <a href="http://www.d3noob.org/2014/02/styles-in-d3js.html">here</a>.
<br />
<br />
In recent times, CSS has been the focus of more advanced graphical tools development. Here, for example a tool for <a href="https://www.noupe.com/essentials/clippy-visual-generator-clipping-paths-css3.html">advanced CSS path clipping</a>.
<h2>SVG</h2>
Scalar Vector Graphics (SVG) is a declarative language associated with seamlessly scalable (pin-sharp at all sizes) graphics. Basic shapes such as those used in our <a href="https://www.pinterest.com/cantillate/static-world-music-instruments-and-models/">instrument</a> and <a href="https://www.pinterest.com/cantillate/static-music-theory-examples/">theory models</a> are supported across pretty much <a href="https://caniuse.com/#feat=svg">all browsers</a>.
<br />
<br />
With all the overhead of the underlying DOM manipulations, however, the CPU is quickly overwhelmed by SVG processing, yet getting the processing to execute on the GPU can be <a href="https://css-tricks.com/rendering-svg-paths-in-webgl/">quite a challenge</a>. In some respects, the overheads mirror those of Web3D pipeline workflows.
<br />
<br />
SVG is more suited to limited but data-rich animations, such as interactive maps, board games - and of course music visualisations. The range and complexity of graphics that can be produced is huge - and they scale seamlessly to any size. SVG is the basis of the aggregator platform in focus here.
<br />
<br />
Incidentally, conventional 2D graphic (web) designer's animation tools (used, for example, in the non-programmatic creation of SVG art) are unsuited to the creation of dynamic, data-driven music visualisations as in focus here, and of only very limited use in a VR or, indeed, WebVR context. Nevertheless, sophisticated 2D programmatically controlled visualisations are well established in the web browser.
<br />
<br />
The main problem with a SVG (here D3.js-driven) is there is currently no way of forcing the DOM and graphical donkey-work to be done on the GPU. With all the overhead of the underlying DOM manipulations, the CPU is quickly overwhelmed. To execute on the GPU, D3.js can be used in conjunction with WebGL or (fallback) canvas, but thereby loses much of it's visual expressiveness.
<br />
<br />
SVG usage is likely to increase as (especially mobile device) CPU and GPU clout improves in the wake of the current augmented and virtual reality experimentation. The real breakthroughs will come if and when DOM and WebGL technologies are successfully brought together on a workable scale, and if the W3C can <a href="https://codepen.io/AmeliaBR/post/me-and-svg">revitalise the ongoing SVG standardisation roadmap</a>.
<br />
<br />
Mozilla maintains a page providing <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Developer_guide/SVG_Guidelines">guidelines for SVG coding</a>, with the aim of cutting down on client-side processing overheads.
<h2>Dec3D (Declarative 3D): With XML3D Or X3DOM</h2>
Dec3D (Declarative 3D) is a collective name for XML3D Or X3DOM technologies, and is described <a href="https://xml3d.github.io/slides/web3d-dec3d_core/#/">here</a>.
<h2>xml3d</h2>
Judging by the images to be found using Google search, xml3d seems to have found favour as a modelling language in manufacturing industries, but does not seem to have caught on amongst web developers. The <a href="https://xml3d.github.io/xml3d-examples/">online examples</a>, though promising, are few.
<br />
<br />
In the current implementation, xml3d is delivered as a javascript file, xml3d.js, and runs on any browser with WebGL support. The <a href="https://github.com/xml3d/xml3d.js/wiki">documentation (a Wiki)</a> appears concise, sufficient and well structured.
<br />
<br />
xml3d supports JSON and (needless to say) XML input formats, the latter of which raises some interesting thoughts in connection with MusicXML.. :-)
<br />
<br />
With support for events, I see no reason why xml3d should not be used in conjunction with D3.js to create comparatively complex and interactive animations.
<h2>x3dom</h2>
For the <b>web</b>, such a thing does indeed exist - in the form of <a href="https://www.x3dom.org/">x3dom</a>. D3.js's creator Mike Bostock was quick to demonstrate the <a href="https://bl.ocks.org/camio/5087116">union of D3.js and x3dom</a>. Others followed, culminating in examples that begin to <a href="https://bl.ocks.org/hlvoorhees/5986172">show promise</a> in the context of lightweight, graphical music theory modelling. More examples <a href="https://www.x3dom.org/examples/">here</a> and <a href="http://metagrid2.sv.vt.edu/~jagath/#PSX3DOM">here</a>.
<br />
<br />
As the x3dom web site puts it:
<br />
<table class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;" cellspacing="0" cellpadding="0" align="center" width="80%">
<tbody>
<tr>
<td style="text-align: left;">
"The goal here is to have a live X3D scene in your HTML DOM, which allows you to manipulate the 3D content by only adding, removing, or changing DOM elements. No specific plugin or plugin interface (like the X3D-specific SAI) is needed. It also supports most of the HTML events (like "onclick") on 3D objects. The whole integration model is still evolving and open for discussion.
<br />
<br />
We hope to trigger a process similar to how the SVG in HTML5 integration evolved:
<ul type="circle">
<li>Provide a vision and runtime today to experiment with and develop an integration model for declarative 3D in HTML5</li>
<li>Get the discussion in the HTML5 and X3D communities going and evolve the system and integration model</li>
<li>Finally it would be part of the HTML5 standard and supported by every major browser natively"</li>
</ul>
</td>
</tr>
</tbody>
</table>
While not providing quite the control we have using SVG, it does give us access to CSS styling and events, is declarative, part of the HTML document - and hence integrated with the DOM.
<br />
<br />
<h2>CSS3D</h2>
Despite early interest in and some <a href="https://www.delimited.io/blog/2014/3/14/d3js-threejs-and-css-3d-transforms">interesting experiments</a> in conjunction with D3.js, CSS3D has yet to really take off. Though very good at handling simple pythagorean and platonic solids, perhaps the challenges of putting together complex shapes has discouraged it's use in comparison to the wireframe shapes of WebGL. With the arrival of CSS3D graphical editor such as <a href="http://tridiv.com/">Tridiv</a>, perhaps that will change.
<br />
<br />
For the meantime, to see what's possible on CSS3D's cutting edge, wrap yer jellybeans round <a href="http://keithclark.co.uk/articles/creating-3d-worlds-with-html-and-css/">this</a>. A couple of years old, but still seething with promise.
<br />
<br />
There have been numerous attempts at creating libraries of basic shapes - either via web components, or using visualisation libraries, as in the case of <a href="https://www.npmjs.com/package/d3-x3dom-shape">d3-x3dom-shape</a>.
<br />
<br />
<h2>Declarative? Procedural/Imperative?</h2>
Before taking a look at finer-grain developments in the 3D web, a look at the distinction between declarative and procedural (a.k.a. imperative) languages. Just skip this block if you are comfortable with the distinction.
<br />
<br />
Declarative approaches describe what you want to do, but not how you want to do it. In a graphics context you would simply state your graphic object's properties, such as position, shape and size, the rest being done for you. In 'hiding' unnecessary detail, this can lead to very much more compact code, but is often associated with a steeper learning curve.
<br />
<br />
Both Vega (a wrapper library for D3.js) and Scalar Vector Graphics (SVG) are declarative languages. Given their succinctness and power, it is little surprise that they are associated respectively with complex data-driven applications, and high-precision graphics.
<br />
<br />
In a 3D DOM context, declarative approaches include those of XML3D, X3DOM and CSS3D. Of these, X3DOM appears to have found the most resonance in conjunction with D3.js / Vega. CSS3D is adequate for manipulating simple pythagorean and platonic solids, but there are no facilities for handling more complex graphics objects such as Bezier curves.
<br />
<br />
A procedural approach executes a series of well-structured -and often fairly detailed- steps. In a graphics context, a procedural language allows you give commands to draw from scratch - as if directing a paint brush's moves. Though the workings can be more transparent, reusability and integrity can more difficult to manage.
<br />
<br />
Though it's core technologies (HTML and CSS) are declarative, the HTML '<b>canvas</b>' element is a fast, procedural / imperative interface to bitmap-based, low-level graphics. JavaScript is used in conjunction with Canvas to paint things to the screen. It offers little in the way of graphical elements, and these do not scale well. Suited to bitmapped games, <a href="http://www.holovaty.com/writing/in-defense-of-canvas/">Canvas found use in Soundslice</a>, a fast and successful synchronised notation/instrument/video learning environment for a few of the most popular musical instruments and genres.
<br />
<br />
A declarative approach is perhaps half as verbose as an imperative one, but can easily take twice the time to master. The results, however, are much more elegant and easily supported code.
<h2>Finer-Grain 3D Web Focus</h2>
<div class="separator" style="clear: both; text-align: center;"><a href="https://3.bp.blogspot.com/-pL4PM64X2PM/WRhh4125uvI/AAAAAAAAD1E/IE-yhocK6mwAIp3zEshTcjU-R1XQaShCwCLcB/s1600/3D-DOM-WebVR-Focussed-cropped.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="A Few 2D And 3D Web Technology Stack Combos. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://3.bp.blogspot.com/-pL4PM64X2PM/WRhh4125uvI/AAAAAAAAD1E/IE-yhocK6mwAIp3zEshTcjU-R1XQaShCwCLcB/s1600/3D-DOM-WebVR-Focussed-cropped.png" title="A Few 2D And 3D Web Technology Stack Combos. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /><br /><strong>A Few 2D And 3D Web Technology Stack Combos</strong><br />SVG/CSS- And WebGL-Based</a></div>
Finally, we try to get a handle on the more recent and specific initiatives in the 3D web space, and especially those of possible use in a music context.
<br />
<br />
In many cases, these build on or combine the technologies already introduced. As it's easy to get lost in the forest of experimental libraries, we'll stick to the main ones. That means some of what you see in the diagram may find no mention below.
<br />
<br />
In contrast to augmented and virtual reality, which is often build on platform- rather than web-oriented languages such as C#, the 3D web space tends to be stitched together with javascript.
<br />
<br />
This is an important distinction, both in exposing us to a vast, rich and growing development ecosystems such as web components (shadow DOM and reuse), but also wider developer availability. Moreover, whatever happens in the more rarified AR / VR space, web connectivity is likely to remain central.
<h2>ReactVR</h2>
Working from the bottom up, we quickly arrive at the first newcomer, <a href="https://facebook.github.io/react-vr/">ReactVR (or React VR)</a>.
<br />
<br />
Much as D3.js allows us to build complex dynamic and interactive graphics on the browser's DOM, ReactVR allows us to build and position 3D graphical components in a 3D space. From the initial React VR <a href="https://developer.oculus.com/blog/building-virtual-reality-experiences-on-the-web-with-react-vr/">release statement</a>:
"Expanding on the declarative programming style of React and React Native, React VR lets anyone with an understanding of JavaScript rapidly build and deploy VR experiences using standard web tools. Those experiences can then be distributed across the web—React VR leverages APIs like WebGL and WebVR to connect immersive headsets with a scene in a web page. And to maximize your potential audience, sites built in React VR are also accessible on mobile phones and PCs, using accelerometers or the cursor for navigation.
<br />
<br />
With ReactVR, you can use React components to compose scenes in 3D, combining 360 panoramas with 2D UI, text, and images. You can increase immersion with audio and video capabilities, plus take full advantage of the space around you with 3D models. If you know React, you now know how to build 360 and VR content!"
ReactVR basically allows front-end developers currently creating websites to transition to creating WebVR sites.
<h2>A-Frame React</h2>
In principle this is two topics in one. A-Frame is a web framework built on top of the DOM, which means web libraries such as React, Vue.js, Mithril.js and d3.js sit cleanly on top of it.
<br />
<br />
A-Frame is an entity-component-system (ECS) framework exposed through HTML. (ECS is a pattern used in game development that favors composability over inheritance, which is more naturally suited to 3D scenes where objects are built of complex appearance, behavior, and functionality).
<br />
<br />
In A-Frame, HTML attributes map to components which are composable modules that are plugged into <a-entity>s to attach appearance, behavior, and functionality.
<br />
<br />
A-Frame provides an actual DOM for React to reconcile, diff, and bind to.
<br />
<br />
<a href="https://github.com/aframevr/aframe-react">aframe-react</a> is a very thin layer on top of A-Frame to bridge with React, and with it web components and reuse.
<br />
<br />
aframe-react lets A-Frame handle the heavy lifting 3D and VR rendering and behavior. A-Frame is optimized from the ground up for WebVR with a 3D-oriented entity-component architecture. And aframe-react lets React focus on what it's good at: views, state management, and data binding.
<div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-4fY7AnKOJ3M/WQ3JJ7A1kJI/AAAAAAAADz8/y_ftqW5CJ-MZc-3-PED-_HAUsBgPkNQIACLcB/s1600/RGL-example.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="Screenshot of interactive RGL-based browser example. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://1.bp.blogspot.com/-4fY7AnKOJ3M/WQ3JJ7A1kJI/AAAAAAAADz8/y_ftqW5CJ-MZc-3-PED-_HAUsBgPkNQIACLcB/s1600/RGL-example.png" title="Screenshot of interactive RGL-based browser example. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /><br /><strong>Interactive RGL-Based Browser Example</strong></a></div>
<h2>Pixi.js</h2>
From the <a href="http://www.pixijs.com/">Pixi.js website</a>: "The aim of this project is to provide a fast lightweight 2D library that works across all devices. The Pixi renderer allows everyone to enjoy the power of hardware acceleration without prior knowledge of WebGL. Also, it's fast. Really fast".
<br />
<br />
Accessed through a data-driven visualisation library such as D3.js, it can be coerced into <a href="http://blog.octo.com/en/d3-js-transitions-killed-my-cpu-a-d3-js-pixi-js-comparison/">visually detailed and expressive behaviours</a>. Certainly, for the simple shapes employed in our instrument models, Pixi.js looks like a viable alternative to SVG - with the advantage of being processed on the GPU. This is definitely something I'd like to see tested with an eye to use for our open source animations templates.
<br />
<br />
Pixi.js has been used within <a href="https://musiclab.chromeexperiments.com/Experiments">Google Chrome's own Music Lab (showcasing experiments with the Web Audio APi)</a> to provide fast and smoothly animated graphical elements.
<br />
<br />
For all that, though, the range of basic shapes offered is limited.
<h2>Hybrids</h2>
To round off, attempts have been made (for example html-gl.js) to get DOM-located graphics such as SVG to be be calculated on the GPU rather than the CPU, or to bring powerful but essentially platform-dependent solutions to the web (<a href="https://cran.r-project.org/web/packages/rgl/vignettes/WebGL.html">RGL</a>, <a href="https://github.com/xtk/X#readme">xtk.js</a>).
<br />
<br />
At the end of the day, a data-driven notation feed can be both to DOM and Web3D, but the way they are applied will differ radically. Notation, instruments and theory on the DOM, action, adventure and whimsy on the other. In both, however, a clear chance to better anchor music learning.
<br />
<br />
My gut feeling is that D3 can add a level of sophistication to pretty much any of the tools covered in this post. That is valid as much for SVG as WebGL based approaches. It's worth taking a look at the various 2- and 3D animation demos available on the internet. A number of examples bring remarkably similar results
<br />
<br />
You can gain a little more insight on the transition from 2D web to 3D virtual reality from the user's perspective from this <a href="http://digitalcommons.calpoly.edu/cgi/viewcontent.cgi?article=2782&context=theses">thesis publication</a>.
<br />
<br />
There are countless finely nuanced technical approaches other than those touched on above, and as we know, wide-spread adoption is sometimes just a matter of luck. A spectacular example, the right moment, a sympathetic and key information broker, a surge of interest in some related field. Nevertheless, if there is one thing we can take away from the last few years experiences with frameworks, it is that less is generally more.
<h2>The Future: OpenXR And The 3D Portability API</h2>
Producing content for use across multiple environments is a pain. Happily, for Web3D, VR and AR, there is some hope of the various platform APIs being homogenised and unified under a common '<a href="https://www.khronos.org/blog/the-openxr-working-group-is-here">OpenXR</a>' layer, and for these to form the basis of future javascript libraries allowing cross-platform development.
<br />
<br />
OpenXR will offer two APIs, one application-facing, the other device-facing, acting (depending on viewpoint) as an integration or defragmentation layer for VR and Web3D.
<br />
<br />
OpenXR will be augmented by a so-called 3D Portability API intended to harmonise various hardware interfaces, which, together with initiatives around open source compilers and translators is hoped will lead to an updated 'WebGL Next'.
<br />
<br />
Why all the blether? WebGL 2.0 has already brought desktop and mobile platforms 3D capabilities much closer together. WebGL Next is expected to continue this trend.
<br />
<br />
<hr />
<h2 id="Overview" style="color: royalblue; text-align: center;">
Keywords</h2>
<hr />
<br />
<table style="color: royalblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
online music learning,<br />
online music lessons
</td>
<td style="text-align: center;" width="33%">
distance music learning,<br />
distance music lessons
</td>
<td style="text-align: center;" width="33%">
remote music lessons,<br />
remote music learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
p2p music lessons,<br />
p2p music learning
</td>
<td style="text-align: center;" width="33%">
music visualisation<br />
music visualization
</td>
<td style="text-align: center;" width="33%">
musical instrument models<br />
interactive music instrument models
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
music theory tools<br />
musical theory
</td>
<td style="text-align: center;" width="33%">
p2p music interworking<br />
p2p musical interworking
</td>
<td style="text-align: center;" width="33%">
comparative musicology<br />
ethnomusicology
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
world music<br />
international music</td>
<td style="text-align: center;" width="33%">
folk music<br />
traditional music
</td>
<td style="text-align: center;" width="33%">
P2P musical interworking,<br />
Peer-to-peer musical interworking
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
WebGL, Web3D,<br />
WebVR, WebAR
</td>
<td style="text-align: center;" width="33%">
Virtual Reality,<br />
Augmented or Mixed Reality
</td>
<td style="text-align: center;" width="33%">
Artificial Intelligence,<br />
Machine Learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
Scalar Vector Graphics,<br />
SVG
</td>
<td style="text-align: center;" width="33%">
3D Cascading Style Sheets,<br />
CSS3D
</td>
<td style="text-align: center;" width="33%">
X3Dom,<br />
XML3D
</td>
</tr>
</tbody>
</table>
<br />
<br />
</span>Cantillatehttp://www.blogger.com/profile/14558742596559186897noreply@blogger.com0tag:blogger.com,1999:blog-945815475576917628.post-63073520046984943812017-04-23T17:30:00.003+02:002017-09-11T15:40:20.357+02:00World Music Online And Remote Learning: Cultivating Theory Tool Diversity.<span style="font-family: "verdana" , sans-serif;">
<br />
<b>Any</b> world music theory tools: modeled on-screen, fully configurable and driven by notation or audio. Wishful thinking - or paradigm shift, greenfield application, catalyst for online and remote music education, and key to a renaissance in musical diversity?
<br />
<br />
Of the millions of people worldwide who take up learning a musical <a href="https://www.pinterest.com/cantillate/static-world-music-instruments-and-models/">instrument</a> every year, only a tiny fraction will ever gain any solid foundation in music theory. It may not greatly hinder us in becoming virtuosos, but music theory lays bare the structure of a music culture, is the foundation for effective practice goals, allows us to rationalize about harmonic alternatives and provides us with the language elements allowing us to communicate profound musical ideas.
<br />
<br />
To appreciate the role of music theory throughout the learning process, it is helpful to tease out user's use of it in pursuit of various goals. Let's take a bottom-to-top look:
<br />
<br />
<table class="roundedCorners" style="float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%; background-color: cornflower;">
<caption style="text-align: center; caption-side: bottom;"><br /><strong>Theory Tools In The Learning Process</strong></caption>
<tbody>
<tr>
<td style="text-align: right;" width="20%">
<strong>Goal</strong>
</td>
<td style="text-align: center;" width="5%" rowspan="9">
<!-- https://www.quackit.com/html/codes/tables/html_table_border.cfm -->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="96" height="128" viewBox="-100 -124 96 128" overflow="visible" enable-background="new -100 -124 96 128" xml:space="preserve">
<stop stop-color="green" offset="0"/>
<stop stop-color="darkgreen" offset="1"/>
</linearGradient>
<linearGradient y2="1.0674" x2="0.61866" y1="0.59517" x1="0.53255" id="XMLID_6_">
<stop stop-color="green" offset="0"/>
<stop stop-color="darkgreen" offset="1"/>
</linearGradient>
<linearGradient y2="1.18718" x2="0.56248" y1="0.34342" x1="0.48576" id="XMLID_7_">
<stop stop-color="green" offset="0"/>
<stop stop-color="darkgreen" offset="1"/>
</linearGradient>
<linearGradient y2="0.96338" x2="0.55273" y1="0.45953" x1="0.44533" id="XMLID_8_">
<stop stop-color="springgreen" offset="0"/>
<stop stop-color="mediumspringgreen" offset="1"/>
</linearGradient>
<g>
<title>Layer 1</title>
<path fill="darkgreen" id="svg_1" d="m-52.415,1.486l-45,45c-0.575,0.575 -0.745,1.431 -0.434,2.181c0.31,0.748 1.036,1.233 1.849,1.233c0,0 23.15,0 25,0c0,1.936 0,61 0,61c0,1.103 0.897,2 2,2l36,0c1.103,0 2,-0.897 2,-2c0,0 0,-59.064 0,-61c1.85,0 25,0 25,0c0.813,0 1.538,-0.485 1.848,-1.235c0.001,-0.003 0.152,-0.765 0.152,-0.765c0,-0.534 -0.208,-1.036 -0.586,-1.414l-45,-45c-0.78,-0.78 -2.049,-0.78 -2.829,0z" opacity="0.2"/>
<path fill="darkgreen" id="svg_2" d="m-51.708,2.193l-45,45c-0.286,0.286 -0.372,0.716 -0.217,1.09c0.155,0.373 0.52,0.617 0.925,0.617c0,0 24.146,0 26,0c0,1.937 0,62 0,62c0,0.552 0.447,1 1,1l36,0c0.553,0 1,-0.448 1,-1c0,0 0,-60.063 0,-62c1.854,0 26,0 26,0c0.404,0 0.77,-0.244 0.924,-0.617c0.05,-0.124 0.076,-0.254 0.076,-0.383c0,-0.26 -0.102,-0.516 -0.293,-0.707l-45,-45c-0.391,-0.391 -1.024,-0.391 -1.415,0z" opacity="0.2"/>
<path id="svg_3" d="m-51.708,1.193l-45,45c-0.286,0.286 -0.372,0.716 -0.217,1.09c0.155,0.373 0.52,0.617 0.925,0.617c0,0 24.146,0 26,0c0,1.937 0,62 0,62c0,0.552 0.447,1 1,1l36,0c0.553,0 1,-0.448 1,-1c0,0 0,-60.063 0,-62c1.854,0 26,0 26,0c0.404,0 0.77,-0.244 0.924,-0.617c0.05,-0.124 0.076,-0.254 0.076,-0.383c0,-0.26 -0.102,-0.516 -0.293,-0.707l-45,-45c-0.391,-0.391 -1.024,-0.391 -1.415,0z" fill="url(#XMLID_5_)"/>
<polygon id="svg_4" points="-51,1.8999996185302734 -96,46.900001525878906 -69,46.900001525878906 -69,109.9000015258789 -33,109.9000015258789 -33,46.900001525878906 -6,46.900001525878906 " fill="#00ed00"/>
<path stroke="null" id="svg_5" d="m-68,45.9l-27,0l-1,1l27,0l0,63l36,0l0,-1l-35,0l0,-63z" fill="#00bf00"/>
<path id="svg_6" d="m-51,2.9l-45,45l27,0l0,17.85c0,0 5.844,-2.432 16.672,-5.091s19.328,-3.159 19.328,-3.159l0,-9.6l27,0l-45,-45z" fill="#7fff00"/>
</g>
</svg>
</td>
<td style="text-align: left;" width="20%">
<strong>Means</strong>
</td>
<td style="text-align: center;" width="5%">
</td>
<td style="text-align: left;" width="45%">
<strong>Concrete Example</strong>
</td>
</tr>
<tr>
<td style="text-align: right;" width="20%">
Virtuosity, Musicality
</td>
<td style="text-align: left;" width="20%">
Interworking Between Theory Tools
</td>
<td style="text-align: center;" width="5%">
</td>
<td style="text-align: left;" width="45%">
Cross-genre modal interworking insights, 'meta-knowledge', modal landscapes.</td>
</tr>
<tr>
<td style="text-align: right;" width="20%">
Alternative Configurations
</td>
<td style="text-align: left;" width="20%">
Musical Function Changes
</td>
<td style="text-align: center;" width="5%">
</td>
<td style="text-align: left;" width="45%">
Where appropriate, rebuilding and remapping theory models to accommodate alternative music systems or transnotation.
</td>
</tr>
<tr>
<td style="text-align: right;" width="20%">
Musical Transformations
</td>
<td style="text-align: left;" width="20%">
Responses To Key And Other Changes
</td>
<td style="text-align: center;" width="5%">
</td>
<td style="text-align: left;" width="45%">
Auto-adaptation to pitch / key / modality of driver notation. User-initiated reconfiguration ('what if' scenarios).
</td>
</tr>
<tr>
<td style="text-align: right;" width="20%">
Chord Intervals and harmony
</td>
<td style="text-align: left;" width="20%">
Interval naming, chord identification.
</td>
<td style="text-align: right;" width="5%">
</td>
<td style="text-align: left;" width="45%">
Harmonic relationships in chord composition. Recognizing chord patterns, anticipating changes. Chord properties, dynamic behaviours in theory tools.
</td>
</tr>
<tr>
<td style="text-align: right;" width="20%">
Melody Paths
</td>
<td style="text-align: left;" width="20%">
Multi-Note Sequences
</td>
<td style="text-align: center;" width="5%">
</td>
<td style="text-align: left;" width="45%">
Following and understanding modal song-lines (melodies) through structure. Simple harmonic relationships.
</td>
</tr>
<tr>
<td style="text-align: right;" width="20%">
1:1 Note-node mappings
</td>
<td style="text-align: left;" width="20%">
Recognizing note (score) to node (theory tool) relationships
</td>
<td style="text-align: center;" width="5%">
</td>
<td style="text-align: left;" width="45%">
Conceptual (music theory) basis for abstract structural relationships.
</td>
</tr>
<tr>
<td style="text-align: right;" width="20%">
Initial
Orientation
</td>
<td style="text-align: left;" width="20%">
Key + Base Conventions
</td>
<td style="text-align: center;" width="5%">
</td>
<td style="text-align: left;" width="45%">
Basic colour and other pitch (node) and interval (connector) conventions.</td>
</tr>
<tr>
<td style="text-align: right;" width="20%">
Theory Tool Choice
</td>
<td style="text-align: left;" width="20%">
Relative Tool Strengths (+ Demonstration)
</td>
<td style="text-align: center;" width="5%">
</td>
<td style="text-align: left;" width="45%">
Theoretical focus, broad tool strengths.
</td>
</tr>
</tbody>
</table>
<br />
<br />
Though perhaps able to find a best-fit faker's chord, assimilate a tune under the lead of a good player or read a score, without this understanding, players are at risk of:
<br />
<ul style="list-style-type: circle;">
<li>compromising (or even abusing) genre authenticity</li>
<li>being unable to account for the structure of even the simplest progressions</li>
<li>having no clear, mental picture of their culture's modal landscape</li>
<li>unable to suggest valid harmonic substitutes</li>
<li>are condemned to the familiar, the unstructured - and quite possibly to following</li>
</ul>
Under these conditions, the best players can hope for is musical intuition - which, though possible to develop through exposure, lacks authentic <b>insight</b>.
<br />
<br />
<span style="color: royalblue; font-family: Verdana, sans-serif;">Big, brave, open-source, non-profit, community-provisioned, cross-cultural and turnip-lantern crazy. → Like, share, back-link, pin, tweet and mail. Hashtags? For the crowdfunding: <b>#VisualFutureOfMusic</b>. For the future live platform: <b> #WorldMusicInstrumentsAndTheory</b>. Or simply register as a potential crowdfunder..</span>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://4.bp.blogspot.com/-JjsCMJUoQT0/WYHtkNPfxCI/AAAAAAAAEhE/Z-oNvZBBWeA6CYKYRFGqbhosMssiAROMwCLcBGAs/s1600/TheoryToolsCollageTransparent-400x266.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-JjsCMJUoQT0/WYHtkNPfxCI/AAAAAAAAEhE/Z-oNvZBBWeA6CYKYRFGqbhosMssiAROMwCLcBGAs/s1600/TheoryToolsCollageTransparent-400x266.png" data-original-width="400" data-original-height="266" /><br /><strong>Theory Tool Visibility</strong><br />Put Them Where The Music Lives</a></div>
Fluency in music theory is central to genre mastery, yet many postpone it as doggedly as they would an operation or a tax return.
<br />
<br />
Clearly, many genre greats quickly developed an intuitive feeling for a limited range of these underlying musical structures. For every overnight success, though, many others took a working lifetime to reach their zenith, to discover the foundations for their sound.
<br />
<br />
Tonal structures underlie every great musical culture. Traversing these can be likened to ridge-walking on various continents. To know one is by no means to know all.
<br />
<br />
Brushing aside deep insight, we still convince ourselves of being the end of our musical journey. Conceit?
<br />
<br />
With the arrival of tools for comparative musicology, deficits are perhaps laid bare, but so too are new options. Virtuosos of the future -possibly artificial-intelligence assisted- may confront these with what seem like gleefully ignored conventions, improvised soundscapes and drama we can for the moment barely imagine. Underpinning these new musical forms? Deep <b>comparative</b> theoretical knowledge.
<br />
<br />
<h2>The Problem</h2>
<div class="separator" style="clear: both; text-align: center;"><a href="https://3.bp.blogspot.com/-w5rKrnsjSE8/Wa1VOa-zNwI/AAAAAAAAEqo/-589zN6a7a8LSHMHlFurxo1AQ8fA9xDNACLcBGAs/s1600/StaticTheoryToolsAsImpediment-480x320-Compressed.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="Static Music Theory: A Learning Impediment #VisualFutureOfMusic #WorldMusicInstrumentAndTheory" border="0" src="https://3.bp.blogspot.com/-w5rKrnsjSE8/Wa1VOa-zNwI/AAAAAAAAEqo/-589zN6a7a8LSHMHlFurxo1AQ8fA9xDNACLcBGAs/s400/StaticTheoryToolsAsImpediment-480x320-Compressed.png" width="400" height="267" data-original-width="480" data-original-height="320" title="Static Music Theory: A Learning Impediment #VisualFutureOfMusic #WorldMusicInstrumentAndTheory" /><br /><strong>Static Music Theory</strong><br />A Learning Impediment</a></div>
If we think of music is an emotional language, then music theory is the language of musical structure. That language is currently in lock-down: static, tedious to assimilate, isolated from context, wordy, cerebral and, (we hope to ourselves), superfluous.
<br />
<br />
The real issue is simple. Music theory is still mostly written. Given the range of graphical models available, this is a trivial issue now readily overcome. We need only bring them to life and put them in context.
<br />
<br />
So rather: music theory is simple yet profound; abstract, fundamental and hugely liberating. Master it and we might well run where once we crept, jump where we once swam and fly where we fell..
<br />
<br />
Presented -in visual form- in parallel to notation and <a href="https://www.pinterest.com/cantillate/static-world-music-instruments-and-models/">instrument models</a>, music theory could be <b>assimilated</b> rather than learned. Taken in with the mother's milk, so to say.
<br />
<br />
<div style="text-align: center;" width="20%">
<a href="https://3.bp.blogspot.com/-iz26Xlbct2A/WN1uU92YW8I/AAAAAAAADq4/UhxWyWiTNqcsLWflez5uH-e2f1sXk_zcwCLcB/s1600/THEORY-TOOLS-MAGNIFIED.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-left: 1em;"><img alt="Music Visualization: Onscreen Theory Tools and Animation Interworking: More Coming Soon. #VisualFutureOfMusic #WorldMusicInstrumentAndTheory" border="0" src="https://3.bp.blogspot.com/-iz26Xlbct2A/WN1uU92YW8I/AAAAAAAADq4/UhxWyWiTNqcsLWflez5uH-e2f1sXk_zcwCLcB/s320/THEORY-TOOLS-MAGNIFIED.png" width="100%" height="auto" alt="Music Visualization: Onscreen Theory Tools and Animation Interworking: More Coming Soon. #VisualFutureOfMusic #WorldMusicInstrumentAndTheory" /><br /><strong>Theory Tool Interworking</strong><br />More Details Coming Soon</a>
</div>
Music theory needs to be absorbed dynamically <b>with</b> the tune, <b>with</b> the fingering, <b>with</b> any instruction. For those using notation, by the time we are comfortable with reading it and playing a few tunes, we would have assimilated -with next to zero effort- a rock-solid theoretical understanding.
<br />
<br />
There is, nevertheless, one limitation with which we may have to live. Because music theory explains pitch relations, to understand it we need conventions; a common language. Either we able to identify heard notes or tones by name (audio), we acquire sight reading skills (visual), or preferably both (audio-visual).
<br />
<br />
Theory tool configurations may of course change, but dynamically, and for a number of reasons. A score may add or remove accidentals from the key, a user may wish to use an <a href="https://www.pinterest.com/cantillate/static-world-music-instruments-and-models/">instrument<a href="https://www.pinterest.com/cantillate/static-world-music-instruments-and-models/"></a></a> not native to the notation and seek some form of visual support, or the underlying music system itself may change. It is the job of the platform to ensure changes occur fluidly and help is offered with as little interruption as possible.
<br />
<table class="tr-caption-container" style="float: right; text-align: right; width: 100%;" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="text-align: center;"><a style="clear: right; margin-bottom: 1em; margin-left: auto; margin-right: auto;" href="https://1.bp.blogspot.com/-la-AT8vQ7tQ/V6epMukt78I/AAAAAAAAAsE/kGv5dapVimAKQTL-WUIRXFxlQs93QgejgCK4B/s1600/320px-TonnetzTorus.gif"><img src="https://1.bp.blogspot.com/-la-AT8vQ7tQ/V6epMukt78I/AAAAAAAAAsE/kGv5dapVimAKQTL-WUIRXFxlQs93QgejgCK4B/s320/320px-TonnetzTorus.gif" alt="" width="100%" height="auto" border="0" /><br />Torus (from Wikipedia)</a></td>
<td style="text-align: center;"><a style="margin-left: auto; margin-right: auto;" href="https://4.bp.blogspot.com/-yP360Y2BdKA/V6ci-AjKyrI/AAAAAAAAAqg/wR2o3jVT3Bo6j45bdIcbcskd9wJ7oH9pACK4B/s1600/giphy.gif"><img src="https://4.bp.blogspot.com/-yP360Y2BdKA/V6ci-AjKyrI/AAAAAAAAAqg/wR2o3jVT3Bo6j45bdIcbcskd9wJ7oH9pACK4B/s200/giphy.gif" alt="" width="100%" height="auto" border="0" /><br />Lissajous Curves</a></td>
<td style="text-align: center;"><a style="clear: left; font-size: medium; font-weight: normal; margin-bottom: 1em; margin-left: auto; margin-right: auto;" href="https://2.bp.blogspot.com/-GMulQC_XQco/V6cihGjoLbI/AAAAAAAAAqY/SokrxdXkLoY9iSB2smRm4wiLNuqgajK7ACK4B/s1600/1HROm.gif"><img src="https://2.bp.blogspot.com/-GMulQC_XQco/V6cihGjoLbI/AAAAAAAAAqY/SokrxdXkLoY9iSB2smRm4wiLNuqgajK7ACK4B/s320/1HROm.gif" alt="" width="100%" height="auto" border="0" /><br />3D Scatterplot</a></td>
</tr>
</tr>
</tbody>
</table>
<br />
Ultimately, music visualization will allow us access to the structure of <b>every</b> music system, with profound impact on online and remote music education. It will allow us to map, compare, translate and transform in ways natural and intuitive to our brain's formidable spatial reasoning. This is a key aim and value of the music aggregator platform in focus here. But first, it needs financed.
<br />
<br />
This is a largely open source and non-profit initiative, driving diversity and social value. Help us rise to the challenge.
<br />
<br />
<hr />
<h2 id="TheoryTools01" style="color: #f70000; text-align: center;">
<a href="https://www.pinterest.com/cantillate/static-music-theory-examples/">Theory Tools</a>: Abstract Models Of Musical Structure</h2>
<hr />
<br />
<table style="float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
<a href="https://2.bp.blogspot.com/-LrMnb3yfzQI/WYHpcxA5AZI/AAAAAAAAEgk/75AIadBX7u0Jvpq2el21owC-1qoDoxh9wCLcBGAs/s1600/ForBlogger-320x213-03.png" imageanchor="1"><img alt="Integration And Control: Notation, Instruments, Theory #VisualFutureOfMusic" border="0" height="auto" src="https://2.bp.blogspot.com/-LrMnb3yfzQI/WYHpcxA5AZI/AAAAAAAAEgk/75AIadBX7u0Jvpq2el21owC-1qoDoxh9wCLcBGAs/s1600/ForBlogger-320x213-03.png" title="Integration And Control: Notation, Instruments, Theory #VisualFutureOfMusic" width="100%" />
<strong>Integration & Control</strong><br />
Change One → Change All</a>
</td>
<td style="text-align: center;" width="33%">
<a href="https://1.bp.blogspot.com/-L21Q6yWJlGo/WJMQbDFvLEI/AAAAAAAACwg/nlJxgrjSnWYHd9xf6RlCQqi8rJmrijCzACK4B/s1600/SeekCommonWorldMusicStructures-800x533.png" imageanchor="1"><img alt="Music Visualization: Reveal Structure, Build On The Known. #VisualFutureOfMusic" border="0" height="auto" src="https://1.bp.blogspot.com/-L21Q6yWJlGo/WJMQbDFvLEI/AAAAAAAACwg/nlJxgrjSnWYHd9xf6RlCQqi8rJmrijCzACK4B/s320/SeekCommonWorldMusicStructures-800x533.png" title="Music Visualization: Reveal Structure, Build On The Known. #VisualFutureOfMusic" width="100%" /><strong>Unlock Core Structures</strong><br />
Economy, Sufficiency, Elegance</a>
</td>
<td style="text-align: center;" width="33%">
<a href="https://2.bp.blogspot.com/-V6sXsaYQ1ok/WKbrTsf_PkI/AAAAAAAADMU/TsY1lZE3CC8AxX91WyFwd-NDAx3TsABQQCK4B/s1600/ToolsBarebones.png" imageanchor="1"><img alt="Visualization Toolset: Score-Synchronised Abstract Models #VisualFutureOfMusic" border="0" height="auto" src="https://2.bp.blogspot.com/-V6sXsaYQ1ok/WKbrTsf_PkI/AAAAAAAADMU/TsY1lZE3CC8AxX91WyFwd-NDAx3TsABQQCK4B/s320/ToolsBarebones.png" title="Visualization Toolset: Score-Synchronised Abstract Models #VisualFutureOfMusic" width="100%" /><strong>*OWN* The Theory</strong><br />Score-Synchronised Abstract Models</a>
</td>
</tr>
</tbody>
</table>
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
<a href="https://1.bp.blogspot.com/-FHY81vgnO3Q/WYHsY2Rs4yI/AAAAAAAAEg4/PzCaFup_bekoE_97eIoNpp63tG1daEm8wCLcBGAs/s1600/TheoryToolsCollage-320x213.png" imageanchor="1"><img alt="Visualization Toolset: Any Theory Tool #VisualFutureOfMusic" border="0" height="auto" src="https://1.bp.blogspot.com/-FHY81vgnO3Q/WYHsY2Rs4yI/AAAAAAAAEg4/PzCaFup_bekoE_97eIoNpp63tG1daEm8wCLcBGAs/s1600/TheoryToolsCollage-320x213.png" title="Visualization Toolset: Any Theory Tool #VisualFutureOfMusic" width="100%" /><br /><strong>Any Theory Tool</strong><br />
2- Or 3D - And Interactive</a>
</td>
<td style="text-align: center;" width="33%">
<a href="https://2.bp.blogspot.com/-_poDrMmw72I/WJebIMsoOfI/AAAAAAAAC10/7ncC-NWYY7YoJRnJCAIJ7NrbyYrIfCRlACK4B/s1600/ForBlogger-800x533-03.png" imageanchor="1"><img alt="World Music Theory, Instrument Models, Community Music and Dance. aggregate().orchestrate().animate() #VisualFutureOfMusic" border="0" height="auto" src="https://2.bp.blogspot.com/-_poDrMmw72I/WJebIMsoOfI/AAAAAAAAC10/7ncC-NWYY7YoJRnJCAIJ7NrbyYrIfCRlACK4B/s320/ForBlogger-800x533-03.png" title="World Music Theory, Instrument Models, Community Music and Dance #VisualFutureOfMusic" width="100%" /><br /><strong>Set Them Dancing Together</strong>
<br />aggregate().orchestrate().animate()</a>
</td>
<td style="text-align: center;" width="33%">
<a href="https://4.bp.blogspot.com/-J371iNzdM44/WLVqrzBxyVI/AAAAAAAADe0/Pj9YnWdU8KswKol_FiopLgJx0197qS7wACK4B/s1600/Screen%2BShot%2B2017-02-28%2Bat%2B13.15.45.png" imageanchor="1"><img alt="Music Visualization: Notation, Instruments, Theory - Freely Configurable Interworking #VisualFutureOfMusic" border="0" height="auto" src="https://4.bp.blogspot.com/-J371iNzdM44/WLVqrzBxyVI/AAAAAAAADe0/Pj9YnWdU8KswKol_FiopLgJx0197qS7wACK4B/s320/Screen%2BShot%2B2017-02-28%2Bat%2B13.15.45.png" title="Music Visualization: Notation, Instruments, Theory - Freely Configurable Interworking #VisualFutureOfMusic" width="100%" />
<strong>Instant Comparative Musicology</strong><br />
Thru Freely Configurable Interworking</a>
</td>
</tr>
</tbody>
</table>
<br />
<hr />
<div style="text-align: center;">
Here some of the many configurations in use across world and experimental music. Often mixed, the list is far from exhaustive..
</div>
<hr />
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%"><a href="https://www.blogger.com/null"><span style="color: royalblue;"><strong>Notes Or Tones Per Octave</strong><br />
<b>12</b>, 17, 19, 22, <b>24</b>, 25, 31, 41, 46,<br /><b>48</b>, 53, 58, <b>72</b>, 79, 88, <b>96</b>, 1420</span></a></td>
<td style="text-align: center;" width="33%"><a href="https://www.blogger.com/null"><span style="color: royalblue;"><strong>Temperaments & Intonations</strong><br />
Equal, Just, Meantone, Pythagorean, <br />Syntonic, Well Tempered, Tempered Timbres - and many others..</span></a></td>
<td style="text-align: center;" width="33%"><a href="https://www.blogger.com/null"><span style="color: royalblue;"><strong>Not To Mention...</strong><br />
Number of Courses or Channels, Alternative Tunings, Scale Or Channel Lengths, Fretted or Fretless...</span></a></td></tr>
</tbody></table>
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
<a href="https://1.bp.blogspot.com/-NRg_OIj3uKc/WJHXiaPQ7VI/AAAAAAAACr0/vvp-VbYaL5sFRMSJsiJXl6M6cOosCobNACK4B/s1600/ConfigInstrumentsAndTools-800x533-03.png" imageanchor="1"><img alt="Music Theory Model Visual Classification First Cut. #VisualFutureOfMusic" border="0" height="auto" src="https://1.bp.blogspot.com/-NRg_OIj3uKc/WJHXiaPQ7VI/AAAAAAAACr0/vvp-VbYaL5sFRMSJsiJXl6M6cOosCobNACK4B/s320/ConfigInstrumentsAndTools-800x533-03.png" title="Music Theory Model Visual Classification First Cut. #VisualFutureOfMusic" width="100%" /><strong>Visual Theory Classification</strong><br />
Innovation! A First Cut.</a>
</td>
<td style="text-align: center;" width="33%">
<a href="https://4.bp.blogspot.com/-9UDDHCWCaPc/WGuqPX4908I/AAAAAAAACTw/z07YbClXhfYpMXKvOE3FSKbkNUtvlNkkwCK4B/s1600/Hornbostel-SachsModellingGapsCroppedForBlogger.png"><img alt="Current State: Online Focus on a Tiny Range of Instruments #VisualFutureOfMusic" border="0" height="auto" href="https://visualfutureofmusic.blogspot.ch/2016/12/project-seeks-sponsors.html" src="https://4.bp.blogspot.com/-9UDDHCWCaPc/WGuqPX4908I/AAAAAAAACTw/z07YbClXhfYpMXKvOE3FSKbkNUtvlNkkwCK4B/s320/Hornbostel-SachsModellingGapsCroppedForBlogger.png" title="Current State: Online Focus on a Tiny Range of Instruments #VisualFutureOfMusic" width="100%" /><strong>Online Modelling Gaps</strong><br />
Bring Missing Instruments & Tools Online</a>
</td>
<td style="text-align: center;" width="33%">
<a href="https://3.bp.blogspot.com/-aQBDQhBQkj4/WKdlDOItTtI/AAAAAAAADM0/Ef49xi5t9eA0meJVdupxBGNJZV3j5yO4QCK4B/s1600/TheoryToolsFactory-800x533.png" imageanchor="1"><img alt="Visualization Toolset: A Theory Tools Factory #VisualFutureOfMusic" border="0" height="auto" src="https://3.bp.blogspot.com/-aQBDQhBQkj4/WKdlDOItTtI/AAAAAAAADM0/Ef49xi5t9eA0meJVdupxBGNJZV3j5yO4QCK4B/s320/TheoryToolsFactory-800x533.png" title="Visualization Toolset: A Theory Tools Factory #VisualFutureOfMusic" width="100%" /><strong>Theory Tools 'Factory'</strong><br />
Theory Tools - By Family</a>
</td>
</tr>
</tbody>
</table>
<br />
<hr />
<div style="text-align: center;">
There is a strong argument for directly learning music theory in <b>targeted, dynamic, immersive (audio, notation + theory visualization) exercises</b>, and having this routinely reinforced <b>as each new piece is learned</b>. With the basics in place, we can likely rely on our wetware's amazing capacity for assimilation - and it's subsequent application in ever new, live, practical contexts.
</div>
<hr />
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
<a href="https://1.bp.blogspot.com/-OD8pCV_h3Xc/WXufZ_hypFI/AAAAAAAAEXg/fWmRgU2U7cYUVrm8zmokMXa4Ew3Of2gqACLcBGAs/s1600/ArchimedeanSolidsTurned-400x267.png" style="margin-left: auto; margin-right: auto;"><img alt="Score-Driven, Interactive 2- and 3D music theory models. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" href="https://visualfutureofmusic.blogspot.ch/2016/07/world-music-visualisations-theory-classification-system.html" src="https://1.bp.blogspot.com/-OD8pCV_h3Xc/WXufZ_hypFI/AAAAAAAAEXg/fWmRgU2U7cYUVrm8zmokMXa4Ew3Of2gqACLcBGAs/s1600/ArchimedeanSolidsTurned-400x267.png" title="Score-Driven, Interactive 2- and 3D music theory models. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Deep Insight and Understanding</strong>
<br />Score-Driven 2- and 3D Theory Tools</a>
</td>
<td style="text-align: center;" width="33%">
<a href="https://1.bp.blogspot.com/-BGbg32BgbUE/WJHXlSnQHUI/AAAAAAAACr8/cKni_Y_J98wFH_lXeoUZ40gulOtTbEnBwCK4B/s1600/CircleOfFifths-800x533.png" imageanchor="1"><img alt="Music Theory Tools: Distilled Visual Patterns Driven Directly By Your Notation #VisualFutureOfMusic" border="0" height="auto" href="http://jjensen.org/CircleOf5thsFun.html" src="https://1.bp.blogspot.com/-BGbg32BgbUE/WJHXlSnQHUI/AAAAAAAACr8/cKni_Y_J98wFH_lXeoUZ40gulOtTbEnBwCK4B/s320/CircleOfFifths-800x533.png" title="Music Theory Tools: Distilled Visual Patterns Driven Directly By Your Notation #VisualFutureOfMusic" width="100%" /><strong>Distilled Visual Patterns</strong><br />Driven *Directly* By Notation Examples</a>
</td>
<td style="text-align: center;" width="33%">
<a href="https://4.bp.blogspot.com/-gm4vk_AxB4Q/WHABUsqbtmI/AAAAAAAACbs/pKSITn-F45kcQPqGy1B-ElQUK02bZ0hOACK4B/s1600/CROPPED-FOR-BLOGGER-02-800x533.png"><img alt="Music Visualization: Crowd Intelligence - Stepwise To The Superlative #VisualFutureOfMusic" border="0" height="auto" src="https://4.bp.blogspot.com/-gm4vk_AxB4Q/WHABUsqbtmI/AAAAAAAACbs/pKSITn-F45kcQPqGy1B-ElQUK02bZ0hOACK4B/s320/CROPPED-FOR-BLOGGER-02-800x533.png" title="Music Visualization: Crowd Intelligence - Stepwise To The Superlative #VisualFutureOfMusic" width="100%" /><strong>Crowd Intelligence</strong><br />
Stepwise To The Superlative</a>
</td>
</tr>
</tbody>
</table>
<br />
<hr />
<div style="text-align: center;">
Our goal is to give the user as much (for beginners, possibly mentor-guided) freedom as possible in the selection of <a href="https://www.pinterest.com/cantillate/static-music-theory-examples/">theory tools</a> appropriate to the music system, score and choice of <a href="https://www.pinterest.com/cantillate/static-world-music-instruments-and-models/">instrument</a>, thereby forging deep understanding and networked, cross-cultural thinking.
</div>
<hr />
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
<a href="https://2.bp.blogspot.com/-afE4NS-4InA/WI9AFrm-l5I/AAAAAAAACno/AFeQlMVAvzIfNOc07ZdIC40qra91pHsRgCK4B/s1600/BackgroundScreenshotForBlogger-800x533%2Bcopy%2B2.png" imageanchor="1"><img alt="Simple Theory Tools: Tonal Deltas And Tonal Circle. #VisualFutureOfMusic" border="0" height="auto" src="https://2.bp.blogspot.com/-afE4NS-4InA/WI9AFrm-l5I/AAAAAAAACno/AFeQlMVAvzIfNOc07ZdIC40qra91pHsRgCK4B/s320/BackgroundScreenshotForBlogger-800x533%2Bcopy%2B2.png" title="Simple Theory Tools: Tonal Deltas And Tonal Circle. #VisualFutureOfMusic" width="100%" /><strong><br />Two Simple Theory Tools</strong><br />
Tonal Deltas & Tonal Circle</a>
</td>
<td style="text-align: center;" width="33%">
<a href="https://3.bp.blogspot.com/-dsGlEv4-Sbo/WG7gOEVSuEI/AAAAAAAACaE/KPn_QwCdcGkFKxeoLiZ-jgRbJRDAf3H6QCK4B/s1600/HumanDeviceThreshold%2BCROPPED-FOR-BLOGGER-800x533.png"><img alt="Liberate The Virtuoso, Delegate The Banal. #VisualFutureOfMusic" border="0" height="auto" src="https://3.bp.blogspot.com/-dsGlEv4-Sbo/WG7gOEVSuEI/AAAAAAAACaE/KPn_QwCdcGkFKxeoLiZ-jgRbJRDAf3H6QCK4B/s320/HumanDeviceThreshold%2BCROPPED-FOR-BLOGGER-800x533.png" title="Liberate the Virtuoso, Delegate the Banal. #VisualFutureOfMusic" width="100%" /><strong>Liberate the Virtuoso</strong><br />
Delegate the Banal</a>
</td>
<td style="text-align: center;" width="33%"><img alt="Next Score-Driven Theory Tool To Be Developed: Harmonic Spiral For Just Intonation #VisualFutureOfMusic" border="0" height="auto" src="https://3.bp.blogspot.com/-EAFlX33vZZg/WI_TtadgQRI/AAAAAAAACow/aS0QORMczZwrLYK45zm-ERadzdAmIjpfwCK4B/s320/HarmonicSpiral-800x533.png" title="Next Score-Driven Theory Tool To Be Developed: Harmonic Spiral For Just Intonation #VisualFutureOfMusic" width="100%" /><strong><a href="http://jjensen.org/spiral5ths/Spiral5ths.html">Next Score-Driven Theory Tool?</a></strong><br />
Harmonic Spiral (Just Intonation)</td>
</tr>
</tbody>
</table>
<br />
<hr />
<br />
<h2>Why Visual Theory Tool Diversity?</h2>
<table style="border: 1px solid orangered; color: steelblue; float: right; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 33%;">
<tbody>
<tr>
<td><!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="//blogspot.us14.list-manage.com/subscribe/post?u=6082c7c1fd4aacb458f4f3268&id=1dd5e99fbf" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
<h2 style="text-align: center; color: #f70000;">Potential Crowdfunder?</h2>
<div>
<label for="mce-FNAME">First Name</label>
<input type="text" name="FNAME" id="mce-FNAME">
</div>
<div>
<label for="mce-EMAIL">Email Address</label>
<input type="email" name="EMAIL" id="mce-EMAIL" title="The domain portion of the email address is invalid (the portion after the @)." pattern="^([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22))*\x40([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d))*(\.\w{2,})+$" required>
</div>
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_f2d244c0df42a0431bd08ddea_aeaa9dd034" tabindex="-1" value=""></div>
<div class="mc-status"></div>
<div><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>
<!--End mc_embed_signup--></td>
</tr>
</tbody>
</table>
Theory tool diversity has long been a reality, yet their largely static nature renders them almost irrelevant in an 'on-demand' age. These tools -of which there are hundreds- <b>beg</b> to be brought to life. Animated. Score-driven. Interactive. Data-driven. Synchronised and colour-consistent with notation and fingering schemas. And freely selectable in an environment tailored to one's own musical interests. Online, remote music education.
<br />
<br />
There are, of course a growing number of interactive tools (mobile and web apps, or even collections such as those of <a href="http://demonstrations.wolfram.com/topic.html?topic=Music+Theory&limit=20">Wolfram Alpha</a>). These, however, are NOT score or audio driven, do NOT have context, are NOT freely configurable to one's own needs, and at best only partly interactive. In these senses they are not immersive.
<br />
<br />
Were these constraints removed, though, such tools would immediately serve a wide range of ends:
<br />
<ul style="list-style-type: circle;">
<li>Unlock the -sometimes multiple- musical structures underlying a musical culture or genre</li>
<li>Establish a clear, mental picture of a culture's modal landscape</li>
<li>Act both as testbed and showcase for musical experiment and research</li>
<li>Reveal genre-authentic pathways through these musical structures</li>
<li>Motivate establishment of a common language and classification for music theory visualization</li>
<li>Reveal how harmonic substitutes are found for chords in core progressions</li>
<li>Provide a vast field of free study in a workless, post-singularity society</li>
<li>Assist musicians seeking new niches in finding alternatives to the mainstream and familiar</li>
<li>Common understanding acts as a social currency and cultural passport</li>
<li>Reflect and respect the trend towards musical individuality</li>
<li>Reinforce musician's self-confidence in exposed, challenging situations - such as live, free improvisation</li>
</ul>
<h2>In Practice</h2>
Let's take this train of thought a little further with a quick look at 'what-if' reconfiguration of instrument models. Past posts have focussed on how configuration settings such as the following contribute to learning environment flexibility:
<ul style="list-style-type:circle">
<li>overall settings (music system)</li>
<li>internal defaults (notation, instrument and theory tools)</li>
<li>'what-if' user-driven theory tool overrides</li>
</ul>
Overriding a default may well break the relationship to the current notation or instrument model(s). There is an argument for propagation of the new configuration values to these visualizations.
<br />
<br />
We can illustrate this propagation in the context of our music visualization aggregator platform as follows:
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://2.bp.blogspot.com/-vp4yq_ge79U/WaK-tt3ChNI/AAAAAAAAEn0/0T0K-qLPcSMxhNaAPxN30WJagAy3Z7JHACLcBGAs/s1600/PropagationOfTheoryToolConfigChanges-800x533.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Comparative Musicology: Propagation Of Data-Driven Theory Tool Configurations in Music Visualization #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://2.bp.blogspot.com/-vp4yq_ge79U/WaK-tt3ChNI/AAAAAAAAEn0/0T0K-qLPcSMxhNaAPxN30WJagAy3Z7JHACLcBGAs/s1600/PropagationOfTheoryToolConfigChanges-800x533.png" data-original-width="800" data-original-height="533" alt="Comparative Musicology: Propagation Of Data-Driven Theory Tool Configurations in Music Visualization #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /><br /><strong>Comparative Musicology: Propagation Of Data-Driven Theory Tool Configurations in Music Visualization</strong></a></div>
<br />
<br />
There are many Mixolydian mode tunes in Irish music, but how many players could instantly recognise one as such? I certainly can't. How many could immediately distinguish the traditional Irish Dorian minor <b>mode</b> from the pure, or 'classical' minor <b>scale</b> (Aeolian)? I certainly can't. How many could -on demand- run through a scale in one of these modes? I certainly can't.
<br />
<br />
Yet such simple building blocks are the very foundation of Irish modal music culture. One can learn a heck of a lot of tunes on remarkably little understanding. Where sticking to a known tunes repertoire, as in an Irish session, this is, perhaps, not such a big issue. Try to add to the genre by writing or arranging a tune, though, and you are instantly out of your depth. Try to play with jazz elements or mix Irish and Balkan, and you will be completely lost. Yet this is the essence of World Music: a place where challenges and complexity can seem to feed on each other.
<br />
<br />
Yet the last true genre greats are quickly dying out: people whose experience of, and connection to, their inherited culture was more or less 'pure'. With their demise, we are left with generations exposed to far better learning tools and a far more intensive and goal-oriented training, but also far more distractions .. and influences. This has a profound impact on authenticity, authority and, ultimately, identification.
<div class="separator" style="clear: both; text-align: center;"><a href="https://2.bp.blogspot.com/-OiFOvt_jSOw/WMvQEwdP_UI/AAAAAAAADks/IWA9Cggo4G8B95VSnRMyxHrsGiKTNogpwCLcB/s1600/MixedTriangularHexagonalMatrices.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://2.bp.blogspot.com/-OiFOvt_jSOw/WMvQEwdP_UI/AAAAAAAADks/IWA9Cggo4G8B95VSnRMyxHrsGiKTNogpwCLcB/s1600/MixedTriangularHexagonalMatrices.jpg" /></a></div>
<h2>Meta-Knowledge</h2>
Different music theory structures communicate different properties. <a href="https://music.stackexchange.com/questions/31925/triangle-tonnetz-vs-hexagon-tonnetz">Triangular and hexagonal matrices</a> ('Tonnetze', from high German), for example, communicate chords and pitch class properties from entirely different perspectives. (Sorry, but for the moment I can only offer a static black and white snapshot).
<br />
<br />
There may be argument as to the usefulness of the respective diagrams, but combined, you access a sort of meta-view. Now imagine this animated by a score or exercise during playback at very slow speed.
<br />
<br />
Not only are certain core pathways, symmetries, reflections and rotations are going to be observed - very much as on a chromatic circle or circle of fifths, but you are going to see the workings of the two diagram types in relation to each other. Out of such meta-views, perhaps, meta-knowledge. Yet this is where data visualization truly excels.
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-zynwkez8iug/WYHqMGIO_PI/AAAAAAAAEgs/btBDSXynZf8Vhss1t-SmbRgGlWWE1OgUACLcBGAs/s1600/ConvenienceVsHarmony-480x320.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Music Systems: Cultivating Theory Tool Diversity #VisualFutureOfMusic"border="0" src="https://3.bp.blogspot.com/-zynwkez8iug/WYHqMGIO_PI/AAAAAAAAEgs/btBDSXynZf8Vhss1t-SmbRgGlWWE1OgUACLcBGAs/s1600/ConvenienceVsHarmony-480x320.png" data-original-width="480" data-original-height="320" title="Music Systems: Cultivating Theory Tool Diversity #VisualFutureOfMusic" /><br /><strong>Music Systems</strong><br />Cultivating Theory Tool Diversity</a>
</div>
Taking this to the next level, so to speak, a 3D structure (for example cylinder) may provide useful relative pitch information where a 2D structure (simple chromatic circle) leaves the observer confused. Similarly a conical spiral may help provide relative pitch information missing from a flat, just intonation spiral.
<br />
<br />
Our goal is to dramatically improve music theory's access, visibility, immediacy and context relevance. Theory goes immersive.
<br />
<br />
Alone this simple step may bring dramatic advances in music theory learning.
<br />
<br />
You can get a much better feeling for all this by looking at my <a href="https://www.pinterest.com/cantillate/">Pinterest account</a>, and more specifically the page dedicated to (currently static) <a href="https://www.pinterest.com/cantillate/static-music-theory-examples/">theory tools</a>. I hope these act as a call to action amongst musicians of all walks, worldwide.
<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;">
<tbody>
<tr>
<td style="text-align: center;"><a href="https://2.bp.blogspot.com/-J7fRI_lPKS4/WYHov6q7CBI/AAAAAAAAEgg/GRxEDJUYxQ0U_4yi09onBgwf_D75OT90gCLcBGAs/s1600/MyPinterestProjectPagesCropped.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Music Theory Esoterica Industry insights World Music Instruments DIY Dance Colour Color. #VisualFutureOfMusic" border="0" height="auto" src="https://2.bp.blogspot.com/-J7fRI_lPKS4/WYHov6q7CBI/AAAAAAAAEgg/GRxEDJUYxQ0U_4yi09onBgwf_D75OT90gCLcBGAs/s1600/MyPinterestProjectPagesCropped.png" title="Pinterest Pinboards. #VisualFutureOfMusic" width="100%" /><br /><strong>Screenshot of Individual Pinterest <a href="https://www.pinterest.com/cantillate/" target="_blank">pinboards</a> dedicated to world music visualization</strong></a>
</td>
</tr>
</tbody></table>
As hinted at by the image above, this set of <a href="https://www.pinterest.com/cantillate/">Pinterest pinboards</a> is very extensive, covering much of the material to be targeted by the aggregator platform for score-driven animation.
<br />
<br />
<hr />
<h2 id="Overview" style="color: royalblue; text-align: center;">
Keywords</h2>
<hr />
<br />
<table style="color: royalblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
online music learning,<br />
online music lessons
</td>
<td style="text-align: center;" width="33%">
distance music learning,<br />
distance music lessons
</td>
<td style="text-align: center;" width="33%">
remote music lessons,<br />
remote music learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
p2p music lessons,<br />
p2p music learning
</td>
<td style="text-align: center;" width="33%">
music visualisation<br />
music visualization
</td>
<td style="text-align: center;" width="33%">
musical instrument models<br />
interactive music instrument models
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
music theory tools<br />
musical theory
</td>
<td style="text-align: center;" width="33%">
p2p music interworking<br />
p2p musical interworking
</td>
<td style="text-align: center;" width="33%">
comparative musicology<br />
ethnomusicology
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
world music<br />
international music</td>
<td style="text-align: center;" width="33%">
folk music<br />
traditional music
</td>
<td style="text-align: center;" width="33%">
P2P musical interworking,<br />
Peer-to-peer musical interworking
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
WebGL, Web3D,<br />
WebVR, WebAR
</td>
<td style="text-align: center;" width="33%">
Virtual Reality,<br />
Augmented or Mixed Reality
</td>
<td style="text-align: center;" width="33%">
Artificial Intelligence,<br />
Machine Learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
Scalar Vector Graphics,<br />
SVG
</td>
<td style="text-align: center;" width="33%">
3D Cascading Style Sheets,<br />
CSS3D
</td>
<td style="text-align: center;" width="33%">
X3Dom,<br />
XML3D
</td>
</tr>
</tbody>
</table>
<br />
<br />
</span>Cantillatehttp://www.blogger.com/profile/14558742596559186897noreply@blogger.com0tag:blogger.com,1999:blog-945815475576917628.post-51490016448338662902017-04-22T13:55:00.000+02:002017-10-12T14:38:45.218+02:00Online And Remote World Music Education: Cultivating Instrumental Diversity.<span style="font-family: "verdana" , sans-serif;">
<br />
Online contributors to platforms such as YouTube provide content focussed around the styles of leading exponents of popular musical culture, exploring all aspects of technique, musicianship, dynamics, style and modality. As a guitarist, where thirty years ago one might have had to make do with a small range of book-and-CD courses for flamenco, bluegrass, ragtime, blues or classical guitar, now it is possible to find online material on topics as diverse as arabic guitar, gypsy swing, shredding, jazz improvisation and even instrument building.
<br />
<br />
Though slow advances are being made, interactive instrument models still remarkably limited in their diversity. A few tools accommodate widely used instruments in absolutely standard tunings (guitar, piano), but the major breakthrough - wholly configurable <a href="http://www.asza.com/ihm.shtml">world instrument</a> <b>families</b>, and complete control over <b>which</b> instrument is to be loaded - are still apparently the stuff of dreams.
<br />
<br />
"Or were". Our music visualization aggregator platform promises a consistently interactive, graphical breakthrough. To better understand the nature of the beast, here a breakdown of learning goals sort of 'begging' to be supported by an entirely score-driven music visualization platform.
<br />
<br />
<table class="roundedCorners" style="float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%; background-color: cornflower;">
<caption style="text-align: center; caption-side: bottom;"><br /><strong>Instrument Models In The Learning Process</strong></caption>
<tbody>
<tr>
<td style="text-align: right;" width="20%">
<strong>Goal</strong>
</td>
<td style="text-align: center;" width="5%" rowspan="9">
<!-- https://www.quackit.com/html/codes/tables/html_table_border.cfm -->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="96" height="128" viewBox="-100 -124 96 128" overflow="visible" enable-background="new -100 -124 96 128" xml:space="preserve">
<stop stop-color="green" offset="0"/>
<stop stop-color="darkgreen" offset="1"/>
</linearGradient>
<linearGradient y2="1.0674" x2="0.61866" y1="0.59517" x1="0.53255" id="XMLID_6_">
<stop stop-color="green" offset="0"/>
<stop stop-color="darkgreen" offset="1"/>
</linearGradient>
<linearGradient y2="1.18718" x2="0.56248" y1="0.34342" x1="0.48576" id="XMLID_7_">
<stop stop-color="green" offset="0"/>
<stop stop-color="darkgreen" offset="1"/>
</linearGradient>
<linearGradient y2="0.96338" x2="0.55273" y1="0.45953" x1="0.44533" id="XMLID_8_">
<stop stop-color="springgreen" offset="0"/>
<stop stop-color="mediumspringgreen" offset="1"/>
</linearGradient>
<g>
<title>Layer 1</title>
<path fill="darkgreen" id="svg_1" d="m-52.415,1.486l-45,45c-0.575,0.575 -0.745,1.431 -0.434,2.181c0.31,0.748 1.036,1.233 1.849,1.233c0,0 23.15,0 25,0c0,1.936 0,61 0,61c0,1.103 0.897,2 2,2l36,0c1.103,0 2,-0.897 2,-2c0,0 0,-59.064 0,-61c1.85,0 25,0 25,0c0.813,0 1.538,-0.485 1.848,-1.235c0.001,-0.003 0.152,-0.765 0.152,-0.765c0,-0.534 -0.208,-1.036 -0.586,-1.414l-45,-45c-0.78,-0.78 -2.049,-0.78 -2.829,0z" opacity="0.2"/>
<path fill="darkgreen" id="svg_2" d="m-51.708,2.193l-45,45c-0.286,0.286 -0.372,0.716 -0.217,1.09c0.155,0.373 0.52,0.617 0.925,0.617c0,0 24.146,0 26,0c0,1.937 0,62 0,62c0,0.552 0.447,1 1,1l36,0c0.553,0 1,-0.448 1,-1c0,0 0,-60.063 0,-62c1.854,0 26,0 26,0c0.404,0 0.77,-0.244 0.924,-0.617c0.05,-0.124 0.076,-0.254 0.076,-0.383c0,-0.26 -0.102,-0.516 -0.293,-0.707l-45,-45c-0.391,-0.391 -1.024,-0.391 -1.415,0z" opacity="0.2"/>
<path id="svg_3" d="m-51.708,1.193l-45,45c-0.286,0.286 -0.372,0.716 -0.217,1.09c0.155,0.373 0.52,0.617 0.925,0.617c0,0 24.146,0 26,0c0,1.937 0,62 0,62c0,0.552 0.447,1 1,1l36,0c0.553,0 1,-0.448 1,-1c0,0 0,-60.063 0,-62c1.854,0 26,0 26,0c0.404,0 0.77,-0.244 0.924,-0.617c0.05,-0.124 0.076,-0.254 0.076,-0.383c0,-0.26 -0.102,-0.516 -0.293,-0.707l-45,-45c-0.391,-0.391 -1.024,-0.391 -1.415,0z" fill="url(#XMLID_5_)"/>
<polygon id="svg_4" points="-51,1.8999996185302734 -96,46.900001525878906 -69,46.900001525878906 -69,109.9000015258789 -33,109.9000015258789 -33,46.900001525878906 -6,46.900001525878906 " fill="#00ed00"/>
<path stroke="null" id="svg_5" d="m-68,45.9l-27,0l-1,1l27,0l0,63l36,0l0,-1l-35,0l0,-63z" fill="#00bf00"/>
<path id="svg_6" d="m-51,2.9l-45,45l27,0l0,17.85c0,0 5.844,-2.432 16.672,-5.091s19.328,-3.159 19.328,-3.159l0,-9.6l27,0l-45,-45z" fill="#7fff00"/>
</g>
</svg>
</td>
<td style="text-align: left;" width="20%">
<strong>Means</strong>
</td>
<td style="text-align: center;" width="5%">
</td>
<td style="text-align: left;" width="45%">
<strong>Concrete Example</strong>
</td>
</tr>
<tr>
<td style="text-align: right;" width="20%">
Virtuosity, Musicality
</td>
<td style="text-align: left;" width="20%">
Emancipation From Source, New Works</td>
<td style="text-align: center;" width="5%">
</td>
<td style="text-align: left;" width="45%">
Modal & stylistic freedom, improvisation, reactive interworking, cross-genre play, wide repertoire, 'meta-knowledge'.
</td>
</tr>
<tr>
<td style="text-align: right;" width="20%">
Alternative Configurations
</td>
<td style="text-align: left;" width="20%">
Instrument Form Transformations
</td>
<td style="text-align: center;" width="5%">
</td>
<td style="text-align: left;" width="45%">
Alternative keys, additional courses/channels, drones, sympathetic tones.
</td>
</tr>
<tr>
<td style="text-align: right;" width="20%">
Musicality Optimisations
</td>
<td style="text-align: left;" width="20%">
Alternative Tunings and techniques
</td>
<td style="text-align: center;" width="5%">
</td>
<td style="text-align: left;" width="45%">
Retuning and application for advanced tonal colorings, modality and style, technique (tapping etc).
</td>
</tr>
<tr>
<td style="text-align: right;" width="20%">
Elements Of Style
</td>
<td style="text-align: left;" width="20%">
Modal Music, Repertoire Building
</td>
<td style="text-align: right;" width="5%">
</td>
<td style="text-align: left;" width="45%">
Modal roadmaps, music collections, networking, practice efficiencies, genre virtuosos, genre listening.
</td>
</tr>
<tr>
<td style="text-align: right;" width="20%">
Fingering economy, tone, dynamics
</td>
<td style="text-align: left;" width="20%">
Minimalism, Variety, Tone Characteristics
</td>
<td style="text-align: center;" width="5%">
</td>
<td style="text-align: left;" width="45%">
Position and economy of style, broad tonal regions of instrument, warmth vs clarity vs attack.
</td>
</tr>
<tr>
<td style="text-align: right;" width="20%">
Note-to-finger-to-position mapping
</td>
<td style="text-align: left;" width="20%">
Instrument Models, Roadmaps
</td>
<td style="text-align: center;" width="5%">
</td>
<td style="text-align: left;" width="45%">
Key- or fingerboard roadmaps, other simple scales and tunes.
</td>
</tr>
<tr>
<td style="text-align: right;" width="20%">
Initial Orientation
</td>
<td style="text-align: left;" width="20%">
Tuning, Posture, Notation / Tabs
</td>
<td style="text-align: center;" width="5%">
</td>
<td style="text-align: left;" width="45%">
Transverse (classical) or longitudinal (modal) play, corresponding tunings, first scales + related tunes.</td>
</tr>
<tr>
<td style="text-align: right;" width="20%">
Instrument
Choice
</td>
<td style="text-align: left;" width="20%">
Pros & Cons Demonstrations
</td>
<td style="text-align: center;" width="5%">
</td>
<td style="text-align: left;" width="45%">
Musical affinities and identification, budget, which instrument + pitch, cost/qualities, builders & sourcing.
</td>
</tr>
</tbody>
</table>
<br />
<br />
Access to a wide range of world instrument models for interactive use could, together with much improved access to teachers afforded by ever faster internet connections, kindle wide interest in musical cultures other than one's own, and with it, a growth in comparative musicology (as the Germans say, 'Volksport' - an unspecified activity with large, more or less national following).
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a title="By Yelles (Own work) [GFDL (https://www.gnu.org/copyleft/fdl.html) or CC BY-SA 3.0 (https://creativecommons.org/licenses/by-sa/3.0)], via Wikimedia Commons" href="https://commons.wikimedia.org/wiki/File%3ABensari2.jpg"><img width="100%" alt="Bensari2" src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/ce/Bensari2.jpg/1024px-Bensari2.jpg"/><br /><strong>World Music And Instrumental Diversity</strong></a>
</div>
<br />
<br />
Even after some 25 years, <a href="https://www.pinterest.com/cantillate/static-world-music-instruments-and-models/">instrumental diversity</a> is not written particularly large on the internet. Extending our net to include online video-based teaching sites, the vast majority are still focussed on numbingly few instruments: drums, bass, keyboards, violin and ... guitar.
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a title="By Michael Paschko (Ixkeys) (Own work) [CC BY-SA 3.0 (http://creativecommons.org/licenses/by-sa/3.0)], via Wikimedia Commons" href="https://commons.wikimedia.org/wiki/File%3APanart-freies-integrales-hang.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img width="256" alt="Panart-freies-integrales-hang" src="https://upload.wikimedia.org/wikipedia/commons/a/a3/Panart-freies-integrales-hang.jpg"/></a>
</div>
This despite widespread interest in world music and a steady drift towards musical individuality, frequent travel and growing cultural contact.
<br />
<br />
Under such influences, many instrumentalists are drawn to recent and perhaps exotic instrument innovations, such as the 'hang' (Berner Swiss German dialect for 'hand') - for which teaching material is still relatively scarce.
<br />
<br />
Remote music learning via video chat is already of particular value in the quest for more (or recovered) instrumental diversity. It places the virtuoso, the teacher, at the epicenter of all activity, directly connecting emotional intelligence - the learner with a <b>living</b> tutor, with profound implications both for the musical depth and authenticity, and cultural exposure..
<br />
<br />
Toolset support -especially diverse graphical support such as instrument models and theory tools- can dramatically reinforce this relationship. With everything immediately to hand, both can concentrate on the flow.
<br />
<br />
Online learning, on the other hand, tends towards the prepared and the reusable. This may have 'earn while you sleep' allure, but it doesn't necessarily serve learner interests that well. Everybody follows the same material, learns the same repertoire, is limited to the same instruments and learns the same style.
<br />
<br />
Typical offerings include video tutorial collections, PDF or interactive notation, and if lucky, one of a very limited range of online, synchronized score-driven instrument models. The temptation is to serve only those instruments with high sales. Music, though, is personal, bound to identification, experiences, aspirations and self-image. As such, it's about much more than following the herd.
<br />
<br />
In committing to remote learning, then, our focus is automatically on instrumental diversity, freedom of choice, a high degree of interactivity and interworking. This has a drawback: the overhead involved in producing hierarchies of subtly nuanced instrument layouts. This is where open-source comes in. Crowd provisioning is born.
<br />
<br />
Through their common base, these instruments share many features. Built around the concepts of reuse, extension and flexible musical property mix-ins, they are also highly configurable, and can be saved for community use.
<br />
<br />
Having been loaded into the browser, such models can be automatically driven by the user's or teacher's choice of score. A chromatic keyboard diagram such as the following (taken from Wikipedia) can be expected to be made fully interactive, bringing something almost akin to a <a href="https://visualfutureofmusic.blogspot.ch/2016/08/world-music-visualisations-paradigm.html">paradigm change</a> in instrument learning.
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a title="By Necz0r (Own work) [GFDL (https://www.gnu.org/copyleft/fdl.html) or CC BY-SA 4.0-3.0-2.5-2.0-1.0 (https://creativecommons.org/licenses/by-sa/4.0-3.0-2.5-2.0-1.0)], via Wikimedia Commons" href="https://commons.wikimedia.org/wiki/File%3A120-button_Stradella_chart.svg"><img width="100%" alt="120-button Stradella chart" src="https://upload.wikimedia.org/wikipedia/commons/8/8c/120-button_Stradella_chart.svg"/><br /><strong>120-Button Stradella Chart</strong></a>
</div>
<br />
<h2>Factory Music, Factory Instruments</h2>
The industrialization of music distribution and instrument building has achieved something no-one raised in an era of strong musical and locality identification would have credited: on the one hand it's full and ruthless commoditization, and on the other an increasingly strong drift towards a musical monoculture.
<br />
<br />
This has brought short-lived, throwaway products, highly competitive, location-independent production, mixed or clichéd genres, cripplingly low creator remuneration, and obscene wealth for the industry's tzars. Indeed, the industry has been described (albeit by a disruptor) as <a href="https://www.royaltyexchange.com/about-royalty-exchange">shady, bullying, and predatory</a>.
<br />
<br />
For instruments, it has brought mass production, tiny margins, fierce competition and, increasingly, materials and methods designed to shorten instrument lifespans. Lighter bodies, softer strings, tacky machine heads, and soft, easily worn frets.
<br />
<br />
Planned obsolescence and the instrumental drip feed have arrived, leaving craftsmen and women fighting for survival. Indeed, many renowned instrument builders live close to the poverty line.
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://3.bp.blogspot.com/-YFmwzARYEms/WSgVixqUc9I/AAAAAAAAD8s/gKHCuC6GmjE7ezWc1o5xSXWw5_oZLto3wCLcB/s1600/Instruments-NormalDistribution-800x533.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://3.bp.blogspot.com/-YFmwzARYEms/WSgVixqUc9I/AAAAAAAAD8s/gKHCuC6GmjE7ezWc1o5xSXWw5_oZLto3wCLcB/s640/Instruments-NormalDistribution-800x533.png" width="480" height="auto" data-original-width="800" data-original-height="533" /><br /><strong>Popular vs World Instruments</strong>
<br />Industrialization Versus Craftsmanship</a></div>
These trends are also reflected in online teaching media, which tend to focus on small range of instruments drawn from the western, 12-tone equal temperament system.
<br />
<br />
Their popularity can be ascribed to their wide compatibility amongst each other and indeed (guitar) their flexibility. Nevertheless, even in musical cultures with a long pedigree (and especially if we leave these staples behind), there is an acute shortage of more advanced, online music learning and remote teaching support tools.
<br />
<br />
Given the number of people quietly taking face-to-face lessons via video chat, of particular note is the lack of tools in support for online P2P learning. Given the technical challenges, the overheads have perhaps not until now been viewed as meriting the effort. This an imbalance our world music aggregator platform seeks to address. Even if somewhat fragmented, it remains a vast market.
<br />
<br />
The sheer range of world instruments is breathtaking, but it's only on seeing how many different ways they can be informally <a href="https://commons.wikimedia.org/wiki/Category:Musical_instruments">grouped or classified</a> that their value to different people is laid bare. Wikipedia has done much to document world music instruments and their classification, happily also in <a href="https://commons.wikimedia.org/wiki/Musical_instrument_classification_in_Basque_%26_Catalan_(by_Soinuenea)">languages other than english</a>.
<br />
<br />
Boredom is a seedbed of enterprise. With the inescapable arrival of Universal Basic Income, I feel social music making is destined to rise - and quite possibly dramatically. Hopefully the motivation to try one's hand at instrument modeling is equally strong. A wide range of instrument models spanning many cultures is likely to prove an empowerment and cultural integration fast lane.
<br />
<br />
In this sense, there is every incentive to bring the world's vast instrumental treasury online. With a flexible, comprehensive, extendable and easily accessible hierarchy of online instrument models (see the menus under the banner image above), things. are. going. to. change. First, though, this project needs financing.
<br />
<br />
<h2>Why Support Instrument Diversity?</h2>
<div class="separator" style="clear: both; text-align: center;"><a href="https://3.bp.blogspot.com/-hZv0RY8hoVA/WP-14-e5GOI/AAAAAAAADxU/RrwJKSEIR1wO0upHI3KN6pfmBGLIAypdwCLcB/s1600/INSTRUMENTS-MAGNIFIED.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://3.bp.blogspot.com/-hZv0RY8hoVA/WP-14-e5GOI/AAAAAAAADxU/RrwJKSEIR1wO0upHI3KN6pfmBGLIAypdwCLcB/s400/INSTRUMENTS-MAGNIFIED.png" width="400" height="399" /></a></div>
Musical instrument families (as defined by, for example, the Hornbostel-Sachs <a href="https://www.pinterest.com/cantillate/music-classification-systems/">classification system</a>) can contain hundreds of subtly differing variants. <a href="https://www.pinterest.com/cantillate/static-world-music-instruments-and-models/">Online instrument models</a> might therefore be expected reflect the original instruments in their diversity.
<br />
<br />
Not so. Take, for example, the once immensely popular concertina, a relative of the accordion, bandoneon, harmonica and melodeon, and belonging to the Hornbostel-Sachs (classification) family 'free-reed aerophones'.
<br />
<br />
Not only are there several <a href="https://en.wikipedia.org/wiki/Concertina">types of concertina</a> (among the traditional: German, Anglo-Irish, English, Duet and Chemnitzer, but increasingly, with novel or experimental keyboard layouts). Each can manifest subtle key-to-note differences according to instrument builder or playing style.
<br />
<br />
To date, however, there is still no flexible, score- or audio-driven interactive online model of <b>any</b> of these variants.
<br />
<br />
Modern data visualization libraries allow these complex keyboard mappings to be modelled with surprising ease. The aggregator platform in focus here already supports much of the workflow allowing instrument configuration from a generic family base. Moreover, javascript allows keyboard layouts to inherit the properties of more widely accepted ones, effectively adding only their particular quirks.
<br />
<br />
<span style="color: royalblue; font-family: Verdana, sans-serif;">Big, brave, open-source, non-profit, community-provisioned, cross-cultural and pigs-can-fly crazy. → Like, share, back-link, pin, tweet and mail. Hashtags? For the crowdfunding: <b>#VisualFutureOfMusic</b>. For the future live platform: <b> #WorldMusicInstrumentsAndTheory</b>. Or simply register as a potential crowdfunder..</span>
<br />
<br />
At the end the day, each instrument model is stored as a simple leaf node on a classification tree, and (should the need arise) in human-readable text form.
<br />
<br />
In combination, ready storage, classification trees and property inheritance are a game-changer. Defined once, any instrument model can be made available for all.
<br />
<br />
Instrument model diversity serves a number of ends:
<table style="border: 1px solid orangered; color: steelblue; float: right; height: 80px; margin-left: 2em; margin-right: auto; text-align: center; width: 33%;">
<tbody>
<tr>
<td><!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="//blogspot.us14.list-manage.com/subscribe/post?u=6082c7c1fd4aacb458f4f3268&id=1dd5e99fbf" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
<h2 style="text-align: center; color: #f70000;">Potential Crowdfunder?</h2>
<div>
<label for="mce-FNAME">First Name</label>
<input type="text" name="FNAME" id="mce-FNAME">
</div>
<div>
<label for="mce-EMAIL">Email Address</label>
<input type="email" name="EMAIL" id="mce-EMAIL" title="The domain portion of the email address is invalid (the portion after the @)." pattern="^([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22))*\x40([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d))*(\.\w{2,})+$" required>
</div>
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_f2d244c0df42a0431bd08ddea_aeaa9dd034" tabindex="-1" value=""></div>
<div class="mc-status"></div>
<div><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>
<!--End mc_embed_signup--></td>
</tr>
</tbody>
</table>
<ul style="list-style-type: circle;">
<li>Reflects instrument diversity and a trend towards musical individuality</li>
<li>Musical skill is a source of income (especially for the 70% of the world's population still living on <a href="http://www.pewglobal.org/2015/07/08/a-global-middle-class-is-more-promise-than-reality/">less than $10 a day</a>)</li>
<li>A vehicle for cultural identity</li>
<li>Social currency and cultural passport</li>
<li>A huge field of study in a post-singularity, partly workless society</li>
<li>An alternative to the mainstream, familiar and hopelessly oversubscribed</li>
</ul>
Our goals are twofold: breadth of insight through score-driven online models of almost all world instruments, and depth of insight in providing the underlying theory tools (see the menus just below the banner image above).
<br />
<br />
<h2>Access To Other Musical Cultures</h2>
Musicians from any musical culture can spend a lifetime in study, yet for the curious visitor, in many respects access to <b>their</b> musical cultures is dramatically hindered - by language, distance, time and in some cases customs.
<br />
<br />
Amongst the disenfranchised, a musical instrument is often the last key to community and with it, support. With the rise of world music -but nevertheless in time when many music cultures are in the throws of an extinction event- there is still significant interest and travel associated with music learning. Self-help may lie in human nature, but without basic tools, even this may be out of reach.
<br />
<br />
The key to mutual understanding are models of musical properties and behaviours accessible to and accepted by both cultures. We can include instrument models in this group precisely because of language difficulties. It is massively helpful to know the local names of notes, their meaning in terms of pitch, where to find them on a key- or fingerboard, and how they relate to familiar models. This is liberating both to teacher and student.
<br />
<br />
Music systems are built on simple (read 'easily modelled') configuration choices such as the number of notes per octave, the temperament or intonation, the key and any generally applicable exceptions ('accidentals'). The software factories at the heart of our instrument and theory tool configuration workflows use just such properties to dimension and equip the on-screen models. With a little community help, this promises a direct path to musical diversity and freedom, but also, for many, a vital source of income.
<br />
<br />
This YouTube video (early prototype built to test feasibility, not seduce viewers) hints at the instrument configuration possibilities based on such simple properties:
<iframe width="854" height="480" src="https://www.youtube.com/embed/xIZ5tHMXy3Y" frameborder="0" allowfullscreen></iframe>
<br />
<br />
<h2>Easing The Search For Musical Compatibility</h2>
Let's take this train of thought a little further with a quick look at 'what-if' reconfiguration of instrument models. Past posts have focussed on how configuration settings such as the following contribute to learning environment flexibility:
<ul style="list-style-type:circle">
<li>overall settings (music system)</li>
<li>internal defaults (notation, instrument and theory tools)</li>
<li>'what-if' user instrument model overrides</li>
</ul>
Overriding a default may well break the relationship to the current notation or theory model(s). There is an argument for propagation of the new configuration values to these visualizations.
<br />
<br />
We can illustrate this propagation in the context of our music visualization aggregator platform as follows:
<div class="separator" style="clear: both; text-align: center;"><a href="https://4.bp.blogspot.com/-65ND-6HTB6Q/WaK6nQ8HPBI/AAAAAAAAEng/kT06mGejd_45cxAQBotfkiT3WlM11wG8QCLcBGAs/s1600/PropagationOfInstrumentModelConfigChanges-800x533.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Comparative Musicology: Propagation Of Data-Driven Instrument Model Configurations in Music Visualization #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://4.bp.blogspot.com/-65ND-6HTB6Q/WaK6nQ8HPBI/AAAAAAAAEng/kT06mGejd_45cxAQBotfkiT3WlM11wG8QCLcBGAs/s1600/PropagationOfInstrumentModelConfigChanges-800x533.png" data-original-width="800" data-original-height="533" alt="Comparative Musicology: Propagation Of Data-Driven Instrument Model Configurations in Music Visualization #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /><br /><strong>Comparative Musicology: Propagation Of Data-Driven Instrument Model Configurations in Music Visualization</strong></a></div>
<br />
<br />
With dramatically rising mobility, music cultures are coming into ever-increasing contact. The opportunity to play with someone from a different culture is something few warm-blooded musicians would let pass by.
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-pdtZw5CsyTM/WP-4Pf7-2SI/AAAAAAAADxg/Bhs2D4JcVFEnrrG6UYh0MmWxBmgy9DjgQCLcB/s1600/NotationTypesAndInstrumentsModels-330x445.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-left: 1em;"><img alt="Music Visualization: Comparing Instrument Behaviours #VisualFutureOfMusic #WorldMusicInstrumentAndTheory" border="0" src="https://1.bp.blogspot.com/-pdtZw5CsyTM/WP-4Pf7-2SI/AAAAAAAADxg/Bhs2D4JcVFEnrrG6UYh0MmWxBmgy9DjgQCLcB/s400/NotationTypesAndInstrumentsModels-330x445.png" width="297" height="auto" title="Music Visualization: Comparing Instrument Behaviours #VisualFutureOfMusic #WorldMusicInstrumentAndTheory" /><br /><strong>Comparing Instrument Behaviours</strong>
<br />With Common Driver Score</a>
</div>
Central from a musician's perspective is always the specific instrument in which they have invested so much learning time and energy. How do they check the degree of compatibility with others, and what do they do should their instrument be found to be a mismatch?
<br />
<br />
Moreover, many instruments (for example lutes and clarinets) come in various keys and fingering systems, or are optimised around a particular style of music (try searching Irish music forums on the relative merits of different box accordion keyboard layouts. There's a lifetime's reading material).
<br />
<br />
Help could be provided in a few ways: side-by-side visual comparison during play or using pitch mapping diagrams, algorithmic test, or perhaps a summary of anticipated problem areas created with the help of an artificial intelligence system.
<br />
<br />
As far as visual comparison goes, this could be achieved simply by loading multiple instrument models in parallel, and allowing them to be driven by a dedicated test score, the relationship between score and instruments clearly being 1:many.
<br />
<br />
There is an argument for mappings between one instrument and multiple (score) notations - showing how, for example, the fingering associated with a particular piece of music might be documented across a variety of different notation systems. Technically entirely feasible, I leave it to the user to think it through in more visual detail..
<br />
<br />
Most current approaches to accommodating play with instruments with unusual tonal properties are often hamstrung by amount of experiment needed:
<ul style="list-style-type: circle;">
<li>Transposition</li>
<li>Different instrument scale length (size)</li>
<li>Alternative tunings</li>
<li>Different instrument configurations within the same instrument family</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-DUi-CJO_LTI/WPiSEjRh4vI/AAAAAAAADvs/aXkpozxA1t4uBf1ustuuUamz7mBfZE94QCLcB/s1600/chordgraph.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="Music Visualization: Complex Mappings Revealed in a Chord Diagram #VisualFutureOfMusic #WorldMusicInstrumentAndTheory" border="0" src="https://3.bp.blogspot.com/-DUi-CJO_LTI/WPiSEjRh4vI/AAAAAAAADvs/aXkpozxA1t4uBf1ustuuUamz7mBfZE94QCLcB/s400/chordgraph.jpg" width="100%" height="auto" title="Music Visualization: Complex Mappings Revealed in a Chord Diagram #VisualFutureOfMusic #WorldMusicInstrumentAndTheory" /><br /><strong>Complex Mappings Revealed in a Chord Diagram</strong></a>
</div>
Important is that the instrumentalist can transfer existing skills and realign these in the new musical context. Nevertheless, there are two sides to the coin:
<ul style="list-style-type: circle;">
<li><b>finding</b> the appropriate mappings (initally with the aid of compatibility matrices, then data-driven diagrams such as the chord diagram shown to the right, but in the long run simply and quickly in an artificial intelligence assisted dialogue)</li>
<li>an adaptive music platform <b>supporting</b> these mappings.</li>
</ul>
The platform in focus HERE has the potential to do both.
<br />
<br />
There is a saying: "If a picture is worth a thousand words, then an animation is worth a thousand pictures". Complex, animated visual mappings are the mainstay of data-driven visualization - which is exactly what this platform initiative is about. It's time to unleash it's formidable visual power.
<br />
<br />
<hr />
<h2 id="Notation" style="color: #f70000; text-align: center;">
Driving Instrument Diversity</h2>
<hr />
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
<a href="https://4.bp.blogspot.com/-9UDDHCWCaPc/WGuqPX4908I/AAAAAAAACTw/z07YbClXhfYpMXKvOE3FSKbkNUtvlNkkwCK4B/s1600/Hornbostel-SachsModellingGapsCroppedForBlogger.png"><img alt="Current State: Online Focus on a Tiny Range of Instruments #VisualFutureOfMusic" border="0" height="auto" href="https://visualfutureofmusic.blogspot.ch/2016/12/project-seeks-sponsors.html" src="https://4.bp.blogspot.com/-9UDDHCWCaPc/WGuqPX4908I/AAAAAAAACTw/z07YbClXhfYpMXKvOE3FSKbkNUtvlNkkwCK4B/s320/Hornbostel-SachsModellingGapsCroppedForBlogger.png" title="Current State: Online Focus on a Tiny Range of Instruments #VisualFutureOfMusic" width="100%" /><strong>Online Instrument Modelling Gaps</strong><br />
Bring Missing Instruments & Tools Online</a>
</td>
<td style="text-align: center;" width="33%">
<a href="https://1.bp.blogspot.com/-hs8tgGohQM8/WKblza9zKdI/AAAAAAAADME/wT8ysQ5zMIgNfR68Jfzx_5wC-aSyPqungCK4B/s1600/blank-800x533%2Bcopy.png" imageanchor="1"><img alt="Visualization Toolset: Celebrate Instrumental Diversity. #VisualFutureOfMusic" border="0" height="auto" src="https://1.bp.blogspot.com/-hs8tgGohQM8/WKblza9zKdI/AAAAAAAADME/wT8ysQ5zMIgNfR68Jfzx_5wC-aSyPqungCK4B/s320/blank-800x533%2Bcopy.png" title="Visualization Toolset: Celebrate Instrumental Diversity. #VisualFutureOfMusic" width="100%" /><strong>Celebrate Instrumental Diversity</strong><br />
With Easily Configured Online Models</a>
</td>
<td style="text-align: center;" width="33%">
<a href="https://2.bp.blogspot.com/-ZrxWGQqmhf4/WLHYLYwFZaI/AAAAAAAADak/-sHTn3sBhy4uQddsLBlQ4R7EANDcRksHACK4B/s1600/Blogger-800x533-05.png" imageanchor="1"><img alt="Visualization Toolset: Any Music System, Any Instrument #VisualFutureOfMusic" border="0" height="auto" src="https://2.bp.blogspot.com/-ZrxWGQqmhf4/WLHYLYwFZaI/AAAAAAAADak/-sHTn3sBhy4uQddsLBlQ4R7EANDcRksHACK4B/s320/Blogger-800x533-05.png" title="Visualization Toolset: Any Music System, Any Instrument #VisualFutureOfMusic" width="100%" /><br /><strong>Any Music System, Any Instrument</strong><br />
Any Configuration, Any Tuning</a>
</td>
</tr>
</tbody>
</table>
<br />
<hr />
<div style="text-align: center;">
Here some of the many configurations in use across world and experimental music. Often mixed, the list is far from exhaustive..
</div>
<hr />
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%"><a href="https://www.blogger.com/null"><span style="color: red;"><strong>Notes Or Tones Per Octave</strong><br />
<b>12</b>, 17, 19, 22, <b>24</b>, 25, 31, 41, 46,<br /><b>48</b>, 53, 58, <b>72</b>, 79, 88, <b>96</b>, 1420</span></a></td>
<td style="text-align: center;" width="33%"><a href="https://www.blogger.com/null"><span style="color: red;"><strong>Temperaments & Intonations</strong>
<br />
Equal, Just, Meantone, Pythagorean, <br />Syntonic, Well Tempered, Tempered Timbres - and many others..</span></a></td>
<td style="text-align: center;" width="33%"><a href="https://www.blogger.com/null"><span style="color: red;"><strong>Not To Mention...</strong><br />
Number of Courses or Channels, Alternative Tunings, Scale Or Channel Lengths, Fretted or Fretless...</span></a></td></tr>
</tbody></table>
<br />
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
<a href="https://2.bp.blogspot.com/-BPfOoziCg7U/WKdk_Y6vruI/AAAAAAAADMs/-xVXO8zFqjETPaGK-A0x_5jmgc99_lk4gCK4B/s1600/InstrumentsFactory-800x533.png" imageanchor="1"><img alt="Visualization Toolset: Instrument Model Factory #VisualFutureOfMusic" border="0" height="auto" src="https://2.bp.blogspot.com/-BPfOoziCg7U/WKdk_Y6vruI/AAAAAAAADMs/-xVXO8zFqjETPaGK-A0x_5jmgc99_lk4gCK4B/s320/InstrumentsFactory-800x533.png" title="Visualization Toolset: Instrument Model Factory #VisualFutureOfMusic" width="100%" /><strong>Instrument Model 'Factory'</strong><br />
Instrument Models - By Family</a>
</td>
<td style="text-align: center;" width="33%">
<a href="https://3.bp.blogspot.com/-xKmuQcNd288/WIp4cdhpPGI/AAAAAAAACmE/Ah9Zwu6NrHYLnzBVpCXosbK4X85yqZ1mQCK4B/s1600/InstrumentCrusher-800x533-02.png" imageanchor="1"><img alt="World Music Instruments: Mass Extinction Event #VisualFutureOfMusic" border="0" height="auto" src="https://3.bp.blogspot.com/-xKmuQcNd288/WIp4cdhpPGI/AAAAAAAACmE/Ah9Zwu6NrHYLnzBVpCXosbK4X85yqZ1mQCK4B/s320/InstrumentCrusher-800x533-02.png" title="World Music Instruments: Mass Extinction Event #VisualFutureOfMusic" width="100%" /><strong>Mass Extinction Event</strong><br />Culture Is Fragile</a>
</td>
<td style="text-align: center;" width="33%">
<a href="https://4.bp.blogspot.com/-z-yCEmdPEo0/WJEBIi9-oLI/AAAAAAAACqc/2adR1rT-UjINtBhqcenD9QUgsgO_nffWQCK4B/s1600/IMG_6805-800x533.JPG" imageanchor="1"><img alt="More Social Contact, Less Social Projection. #VisualFutureOfMusic" border="0" height="auto" src="https://4.bp.blogspot.com/-z-yCEmdPEo0/WJEBIi9-oLI/AAAAAAAACqc/2adR1rT-UjINtBhqcenD9QUgsgO_nffWQCK4B/s320/IMG_6805-800x533.JPG" title="More Social Contact, Less Social Projection. #VisualFutureOfMusic" width="100%" /><strong>More Social Contact</strong><br />
Less Social Projection</a>
</td>
</tr>
</tbody>
</table>
<br />
<hr />
<div style="text-align: center;">
The western, or classical, 12-tone equal temperament system is just one of many in use worldwide. Curious? You are far from alone.
</div>
<hr />
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%"><a href="https://4.bp.blogspot.com/-ob2oCWWFblg/WDbzUZdYEZI/AAAAAAAACFc/9zU62_INPO8syk0hV0cmLbD9PH6cauKiACLcB/s1600/GenericToSpecificCropped.png" style="margin-left: auto; margin-right: auto;"><img alt="Generic to Specific instrument and theory tool modelling. #VisualFutureOfMusic" border="0" height="auto" href="https://visualfutureofmusic.blogspot.ch/2016/09/generic-to-specific-closer-look.html" src="https://4.bp.blogspot.com/-ob2oCWWFblg/WDbzUZdYEZI/AAAAAAAACFc/9zU62_INPO8syk0hV0cmLbD9PH6cauKiACLcB/s320/GenericToSpecificCropped.png" title="Generic to Specific instrument and theory tool modelling. #VisualFutureOfMusic" width="100%" /><strong>Radical Reuse</strong><br />
Generic to Specific Modelling</a></td>
<td style="text-align: center;" width="33%"><a href="https://3.bp.blogspot.com/-W_3M3ttQJSU/WG2LwgJxDKI/AAAAAAAACWo/kUV3OxfM36k7CP4AFPKYgIl1U8QH1zuPACK4B/s1600/InstrumentalDiversity%2BCROPPED-FOR-BLOGGER-1200x800.png"><img alt="Musical Heritage. A Vast Legacy #VisualFutureOfMusic" border="0" height="auto" href="https://visualfutureofmusic.blogspot.ch/2016/06/music-visualization-roadmap-virtuosity.html" src="https://3.bp.blogspot.com/-W_3M3ttQJSU/WG2LwgJxDKI/AAAAAAAACWo/kUV3OxfM36k7CP4AFPKYgIl1U8QH1zuPACK4B/s320/InstrumentalDiversity%2BCROPPED-FOR-BLOGGER-1200x800.png" title="Musical Heritage. A Vast Legacy #VisualFutureOfMusic" width="100%" /><strong>Model Almost Any Instrument</strong><br />
Heritage to Experimental</a></td>
<td style="text-align: center;" width="33%"><a href="https://3.bp.blogspot.com/-7WjxK3EpqFg/WIkYaaRavfI/AAAAAAAACj8/33H_tC4dXpU7tZCLZvz9sdMqQSGJ5h3gACK4B/s1600/FiveSimpleSteps-800x533%2Bcopy%2B2.png" imageanchor="1"><img alt="Instrument Diversity. Just Five Steps To Your First Configuration #VisualFutureOfMusic" border="0" height="auto" href="https://visualfutureofmusic.blogspot.ch/2016/07/world-music-instrument-models-complete-configuration-freedom.html" src="https://3.bp.blogspot.com/-7WjxK3EpqFg/WIkYaaRavfI/AAAAAAAACj8/33H_tC4dXpU7tZCLZvz9sdMqQSGJ5h3gACK4B/s320/FiveSimpleSteps-800x533%2Bcopy%2B2.png" title="Instrument Diversity. Just Five Steps To Your First Configuration #VisualFutureOfMusic" width="100%" /><br /><strong>To Those First Instrument Models</strong><br />
But With <em>Total</em> Configuration Control</a></td>
</tr>
</tbody>
</table>
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
<a href="https://1.bp.blogspot.com/-Hve9ebpZoHo/WJhdVciJlVI/AAAAAAAAC3g/J4_P_kEoiTkggpzSLfMUMg-kgSZ24eOSQCK4B/s1600/KnowledgeClassificationHeirarchyForReuse.png" imageanchor="1"><img alt="Music Visualization: Instrumental Building Blocks- orm, Function, Physics. #VisualFutureOfMusic" border="0" height="auto" src="https://1.bp.blogspot.com/-Hve9ebpZoHo/WJhdVciJlVI/AAAAAAAAC3g/J4_P_kEoiTkggpzSLfMUMg-kgSZ24eOSQCK4B/s320/KnowledgeClassificationHeirarchyForReuse.png" title="Music Visualization: Instrumental Building Blocks- orm, Function, Physics. #VisualFutureOfMusic" width="100%" /><strong><br />Instrumental Building Blocks</strong><br />
Form, Function, Physics</a>
</td>
<td style="text-align: center;" width="33%">
<a href="https://3.bp.blogspot.com/-SeqrKHiMblY/WIQAb9JVnmI/AAAAAAAACe0/r8pQ5o-Vvhgz6R_Q4qHX6BAPsy52MkcFwCK4B/s1600/TotalIntegration-ForBlogger-800x533.png" imageanchor="1"><img alt="Integration And Control: Notation, Instruments, Theory #VisualFutureOfMusic" border="0" height="auto" src="https://3.bp.blogspot.com/-SeqrKHiMblY/WIQAb9JVnmI/AAAAAAAACe0/r8pQ5o-Vvhgz6R_Q4qHX6BAPsy52MkcFwCK4B/s320/TotalIntegration-ForBlogger-800x533.png" title="Integration And Control: Notation, Instruments, Theory #VisualFutureOfMusic" width="100%" />
<strong>Integration & Control</strong><br />
Change One → Change All</a>
</td>
<td style="text-align: center;" width="33%">
<a href="https://3.bp.blogspot.com/-dsGlEv4-Sbo/WG7gOEVSuEI/AAAAAAAACaE/KPn_QwCdcGkFKxeoLiZ-jgRbJRDAf3H6QCK4B/s1600/HumanDeviceThreshold%2BCROPPED-FOR-BLOGGER-800x533.png"><img alt="Liberate The Virtuoso, Delegate The Banal. #VisualFutureOfMusic" border="0" height="auto" src="https://3.bp.blogspot.com/-dsGlEv4-Sbo/WG7gOEVSuEI/AAAAAAAACaE/KPn_QwCdcGkFKxeoLiZ-jgRbJRDAf3H6QCK4B/s320/HumanDeviceThreshold%2BCROPPED-FOR-BLOGGER-800x533.png" title="Liberate the Virtuoso, Delegate the Banal. #VisualFutureOfMusic" width="100%" /><strong>Liberate the Virtuoso</strong><br />
Delegate the Banal</a>
</td>
</tr>
</tbody>
</table>
<br />
<hr />
<div style="text-align: center;">
Freedom is a resource, ideology a prison. Total configuration control over own musical environment is central to musical liberty.
</div>
<hr />
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
<a href="https://1.bp.blogspot.com/-dGM2SfM42rc/WHD0k-BnDGI/AAAAAAAACco/QTQQ3EYuOj4HjGFBd8ztUgsgWdcfm-YpgCK4B/s1600/Instruments-CROPPED-FOR-BLOGGER-BOUZOUKI-800x533%2BImageOptimised.png"><img alt="Example of Instrument Classification Tree. #VisualFutureOfMusic" border="0" height="auto" href="https://visualfutureofmusic.blogspot.ch/2016/06/instrument-classification-repository.html" src="https://1.bp.blogspot.com/-dGM2SfM42rc/WHD0k-BnDGI/AAAAAAAACco/QTQQ3EYuOj4HjGFBd8ztUgsgWdcfm-YpgCK4B/s320/Instruments-CROPPED-FOR-BLOGGER-BOUZOUKI-800x533%2BImageOptimised.png" title="Example of Instrument Classification Tree. #VisualFutureOfMusic" width="100%" /><strong>Discovery, Selection, Population</strong><br />
Of Instruments and Theory Tools</a>
</td>
<td style="text-align: center;" width="33%">
<a href="https://4.bp.blogspot.com/-n5wtmtiSAQI/WDdmLu1kE4I/AAAAAAAACGs/unaxAgthgykFHoLR6sjC5jOTc-7gMRWTwCLcB/s1600/BuildingFromGenericToSpecificsDownsized.png" style="margin-left: auto; margin-right: auto;"><img alt="In-browser instrument builder. #VisualFutureOfMusic" border="0" height="auto" href="https://visualfutureofmusic.blogspot.ch/2016/07/world-music-instrument-models-complete-configuration-freedom.html" src="https://4.bp.blogspot.com/-n5wtmtiSAQI/WDdmLu1kE4I/AAAAAAAACGs/unaxAgthgykFHoLR6sjC5jOTc-7gMRWTwCLcB/s320/BuildingFromGenericToSpecificsDownsized.png" title="In-browser instrument builder. #VisualFutureOfMusic" width="100%" /><strong>Diversity By Default</strong><br />
Flexible Step By Step Configuration</a>
</td>
<td style="text-align: center;" width="33%"><a href="https://1.bp.blogspot.com/-chad-0_Kw1Q/WLSdhS_F4HI/AAAAAAAADdA/A86k6b4PBi0i2iTxZDkQrb9bUW-TDXitACK4B/s1600/ConfigurationFromFirstPrinciples.png" imageanchor="1"><img alt="Accurate Lute Family Configuration For Community Use. #VisualFutureOfMusic" border="0" height="auto" src="https://1.bp.blogspot.com/-chad-0_Kw1Q/WLSdhS_F4HI/AAAAAAAADdA/A86k6b4PBi0i2iTxZDkQrb9bUW-TDXitACK4B/s320/ConfigurationFromFirstPrinciples.png" title="Accurate Lute Family Configuration For Community Use. #VisualFutureOfMusic" width="100%" /><strong>Accurate Instrument Configuration</strong><br />
For Community Reuse</a>
</td>
</tr>
</tbody>
</table>
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
<a href="https://2.bp.blogspot.com/-mILskHIcyOc/WJhM-eq2T9I/AAAAAAAAC3E/hBGzYfzNh5IBFL9d5hS8VoaLKNlY1xw7gCK4B/s1600/WindInstrumentsTubesOpenClosedConical.png" imageanchor="1"><img alt="Music Visualization From Data Visualization: Peek And Ye Shall Find. It's All Out There, And It's Free. #VisualFutureOfMusic" border="0" height="auto" href="https://sites.ualberta.ca/~pogosyan/teaching/PHYS_130/FALL_2010/lectures/lect19/lecture19.html" src="https://2.bp.blogspot.com/-mILskHIcyOc/WJhM-eq2T9I/AAAAAAAAC3E/hBGzYfzNh5IBFL9d5hS8VoaLKNlY1xw7gCK4B/s320/WindInstrumentsTubesOpenClosedConical.png" title="Music Visualization From Data Visualization: Peek And Ye Shall Find. It's All Out There, And It's Free. #VisualFutureOfMusic" width="100%" /><strong>Peek And Ye Shall Find</strong>
<br />It's All Out There, And It's Free</a>
</td>
<td style="text-align: center;" width="33%">
<a href="https://2.bp.blogspot.com/-qlzVpBTCH6M/WHATw3BE-cI/AAAAAAAACcI/WxSN5h91U7MFX1Nb-y5rDDc2PkQZ3IOKQCK4B/s1600/RadarChart-ConfigExamples%2BCROPPED-FOR-BLOGGER-800x533.png"><img alt="Music Visualization: Configuration Freedom - Simple And Flexible. #VisualFutureOfMusic" border="0" height="auto" href="https://visualfutureofmusic.blogspot.ch/2016/06/world-music-visualisations-aggregator-platform-comparative-musicology.html" src="https://2.bp.blogspot.com/-qlzVpBTCH6M/WHATw3BE-cI/AAAAAAAACcI/WxSN5h91U7MFX1Nb-y5rDDc2PkQZ3IOKQCK4B/s320/RadarChart-ConfigExamples%2BCROPPED-FOR-BLOGGER-800x533.png" title="Music Visualization: Configuration Freedom - Simple And Flexible. #VisualFutureOfMusic" width="100%" /><strong>Configuration Freedom</strong><br />
Simple And Flexible</a>
</td>
<td style="text-align: center;" width="33%">
<a href="https://2.bp.blogspot.com/-1kfe0YGdygg/WIQL7WNSdqI/AAAAAAAACfU/nm6fBdfM9GUMB6oyM-URIPgv5HYDkTIdQCK4B/s1600/BackgroundScreenshotForTwitter%2Bcopy%2B5.png" imageanchor="1"><img alt="Musical Properties Modelling Kit. Defined Once, Usable Anywhere. #VisualFutureOfMusic" border="0" height="auto" src="https://2.bp.blogspot.com/-1kfe0YGdygg/WIQL7WNSdqI/AAAAAAAACfU/nm6fBdfM9GUMB6oyM-URIPgv5HYDkTIdQCK4B/s320/BackgroundScreenshotForTwitter%2Bcopy%2B5.png" title="Music Visualization: Musical Properties Modelling Kit. Defined Once, Usable Anywhere. #VisualFutureOfMusic" width="100%" /><strong>Musical Properties Modelling Kit</strong><br />
Defined Once, Usable Anywhere</a>
</td>
</tr>
</tbody>
</table>
<br />
<hr />
<div style="text-align: center;">
As technical frontiers are breached, musical possibilities rise. Pioneering experience is a valuable asset: follower - or followed?
</div>
<hr />
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
<a href="https://2.bp.blogspot.com/-FAErUPrM1_o/WJMLRdhXcII/AAAAAAAACwE/0oAVWs5I8uIf9vjC7kGxrqRzLtJSZQIkQCK4B/s1600/SimplifiedConfig-800x533.png" imageanchor="1"><img alt="Music Visualization: Get Basics Working First, Then Simplify. #VisualFutureOfMusic" border="0" height="auto" src="https://2.bp.blogspot.com/-FAErUPrM1_o/WJMLRdhXcII/AAAAAAAACwE/0oAVWs5I8uIf9vjC7kGxrqRzLtJSZQIkQCK4B/s320/SimplifiedConfig-800x533.png" title="Music Visualization: Get Basics Working First, Then Simplify. #VisualFutureOfMusic" width="100%" /><strong>Basics Working First</strong><br />
Then Simplify</a>
</td>
<td style="text-align: center;" width="33%">
<a href="https://1.bp.blogspot.com/-D0WosiCO5oY/WXuhawcWn8I/AAAAAAAAEX0/lDuOFoQz-_UwB1KWzaK8_iQwcJJOIQL-wCLcBGAs/s1600/WorkFromTheKnown-400x267.png" imageanchor="1"><img alt="Music Visualisation: Work Out From The Familiar And Easily Represented. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://1.bp.blogspot.com/-D0WosiCO5oY/WXuhawcWn8I/AAAAAAAAEX0/lDuOFoQz-_UwB1KWzaK8_iQwcJJOIQL-wCLcBGAs/s1600/WorkFromTheKnown-400x267.png" title="Music Visualisation: Work Out From The Familiar And Easily Represented. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Work Out From The Familiar</strong><br />
And Easily Represented</a>
</td>
<td style="text-align: center;" width="33%">
<a href="https://2.bp.blogspot.com/-CZImKIpgcs4/WJLSYXIs1XI/AAAAAAAACvY/NFfapoD9USUdxmZX6FIp8SONE7hhcGXgQCK4B/s1600/Bag%25CC%2586lama-800x533.png" imageanchor="1"><img alt="Instrument Configurations Via Radar Chart: Simple, Visual, Comparable. #VisualFutureOfMusic" border="0" height="auto" src="https://2.bp.blogspot.com/-CZImKIpgcs4/WJLSYXIs1XI/AAAAAAAACvY/NFfapoD9USUdxmZX6FIp8SONE7hhcGXgQCK4B/s320/Bag%25CC%2586lama-800x533.png" title="Instrument Configurations Via Radar Chart: Simple, Visual, Comparable. #VisualFutureOfMusic" width="100%" /><strong>Instrument Configurations</strong><br />
Simple, Visual, Comparable</a>
</td>
</tr>
</tbody>
</table>
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
<a href="https://4.bp.blogspot.com/-BFwp448gc_Q/WJPGJ3p31jI/AAAAAAAACy0/kk9n6dJXi3oDe0-xdL-Pc8ORMBSbBEFsgCK4B/s1600/two-octave-turkish-cents-800x533-02.jpg" imageanchor="1"><img alt="Folk Knowledge & Ethnomusicology Can Deliver Regional Instrument Configurations. #VisualFutureOfMusic" border="0" height="auto" href="http://www.unfretted.com/books/makam-modal-practice-in-turkish-art-music-review/" src="https://4.bp.blogspot.com/-BFwp448gc_Q/WJPGJ3p31jI/AAAAAAAACy0/kk9n6dJXi3oDe0-xdL-Pc8ORMBSbBEFsgCK4B/s320/two-octave-turkish-cents-800x533-02.jpg" title="Folk Knowledge & Ethnomusicology Can Deliver Regional Instrument Configurations. #VisualFutureOfMusic" width="100%" /><br /><strong>Folk Knowledge & Ethnomusicology</strong><br />
→ Regional Instrument Configurations<br />
</a>
</td>
<td style="text-align: center;" width="33%">
<a href="https://2.bp.blogspot.com/-6rInraXY9QQ/WGJdVqdn3LI/AAAAAAAACOg/Y3ovpYr7A8owz4aYMcBt66WtHygE1CgNACK4B/s1600/TeacherScreenshot%2Bcropped.png"><img alt="Foundation for P2P Music Teaching and Learning #VisualFutureOfMusic" border="0" height="auto" href="https://visualfutureofmusic.blogspot.ch/2016/10/cross-browser-p2p-teacher-student.html" src="https://2.bp.blogspot.com/-6rInraXY9QQ/WGJdVqdn3LI/AAAAAAAACOg/Y3ovpYr7A8owz4aYMcBt66WtHygE1CgNACK4B/s320/TeacherScreenshot%2Bcropped.png" title="Foundation for P2P Music Teaching and Learning #VisualFutureOfMusic" width="100%" /><strong>World Music P2P Teaching</strong><br />
Culture+Exchange=Understanding</a>
</td>
<td style="text-align: center;" width="33%">
<a href="https://2.bp.blogspot.com/-weyvNlgi3L8/WLSt4wOQnAI/AAAAAAAADeQ/hYoyEpOJM7UJSK8uwOkoYt3OBU2MKsJNwCK4B/s1600/Roadmaps-800x533.png" imageanchor="1"><img alt="Music Visualization: Fretboard Or Fingerboard, Roadmaps For Every Last Configuration. #VisualFutureOfMusic" border="0" height="auto" src="https://2.bp.blogspot.com/-weyvNlgi3L8/WLSt4wOQnAI/AAAAAAAADeQ/hYoyEpOJM7UJSK8uwOkoYt3OBU2MKsJNwCK4B/s320/Roadmaps-800x533.png" title="Music Visualization: Fretboard Or Fingerboard, Roadmaps For Every Last Configuration. #VisualFutureOfMusic" width="100%" /><strong>Fretboard Or Fingerboard</strong><br />
Roadmaps For Every Last Configuration</a>
</td>
</tr>
</tbody>
</table>
<br />
<hr />
<div style="text-align: center;">
Culture drives curiosity. Curiosity drives experience, experience: understanding, and understanding: progress. Long live culture.
</div>
<hr />
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
<a href="http://www.billalves.com/porgitaro/porgitarotuning.html" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Music Visualization: Schneider's Switchboard Guitar. #VisualFutureOfMusic" border="0" height="auto" src="https://1.bp.blogspot.com/-Blsf89mP7d4/V-WXeohzAmI/AAAAAAAABys/LnPd2igHhE4A_E0vgQefUNrERO6WZO2aACK4B/s320/switchboards.jpg" title="Music Visualization: Schneider's Switchboard Guitar. #VisualFutureOfMusic" width="100%" /><strong>Instrument Example</strong><br />
Schneider's Switchboard Guitar</a>
</td>
<td style="text-align: center;" width="33%">
<a href="https://2.bp.blogspot.com/-zK_EkVQtPRk/WKycuL6rEhI/AAAAAAAADUg/j_061XkczOo7r_nVXWxi8rpW2dGLaj0EwCK4B/s1600/MicrotonalGuitar-02-800x533.png" imageanchor="1"><img alt="Music Visualization: Microtonal Guitar, Sagittal Notation. #VisualFutureOfMusic" border="0" height="auto" src="https://2.bp.blogspot.com/-zK_EkVQtPRk/WKycuL6rEhI/AAAAAAAADUg/j_061XkczOo7r_nVXWxi8rpW2dGLaj0EwCK4B/s320/MicrotonalGuitar-02-800x533.png" title="Music Visualization: Microtonal Guitar, Sagittal Notation. #VisualFutureOfMusic" width="100%" /><strong>Microtonal Guitar, Sagittal Notation</strong></a>
</td>
<td style="text-align: center;" width="33%">
</td>
</tr>
</tbody>
</table>
<br />
<br />
<hr />
<h2 id="Overview" style="color: royalblue; text-align: center;">
Keywords</h2>
<hr />
<br />
<table style="color: royalblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
online music learning,<br />
online music lessons
</td>
<td style="text-align: center;" width="33%">
distance music learning,<br />
distance music lessons
</td>
<td style="text-align: center;" width="33%">
remote music lessons,<br />
remote music learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
p2p music lessons,<br />
p2p music learning
</td>
<td style="text-align: center;" width="33%">
music visualisation<br />
music visualization
</td>
<td style="text-align: center;" width="33%">
musical instrument models<br />
interactive music instrument models
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
music theory tools<br />
musical theory
</td>
<td style="text-align: center;" width="33%">
p2p music interworking<br />
p2p musical interworking
</td>
<td style="text-align: center;" width="33%">
comparative musicology<br />
ethnomusicology
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
world music<br />
international music</td>
<td style="text-align: center;" width="33%">
folk music<br />
traditional music
</td>
<td style="text-align: center;" width="33%">
P2P musical interworking,<br />
Peer-to-peer musical interworking
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
WebGL, Web3D,<br />
WebVR, WebAR
</td>
<td style="text-align: center;" width="33%">
Virtual Reality,<br />
Augmented or Mixed Reality
</td>
<td style="text-align: center;" width="33%">
Artificial Intelligence,<br />
Machine Learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
Scalar Vector Graphics,<br />
SVG
</td>
<td style="text-align: center;" width="33%">
3D Cascading Style Sheets,<br />
CSS3D
</td>
<td style="text-align: center;" width="33%">
X3Dom,<br />
XML3D
</td>
</tr>
</tbody>
</table>
<br />
<br />
</span>Cantillatehttp://www.blogger.com/profile/14558742596559186897noreply@blogger.com0tag:blogger.com,1999:blog-945815475576917628.post-12219255467006470512017-04-21T21:22:00.000+02:002017-12-06T14:41:31.986+01:00Online Music Education: Cultivating Music Notation Diversity (Transnotation).<span style="font-family: "verdana" , sans-serif;">
<br />
Music with similar roots and characteristics may, depending on region or culture, be notated in different ways. Indeed, some forms of music lend themselves to representation using quite a variety of notations. One exchange file, multiple notations? In how far can these demands be addressed consistently and without duplication of effort, and in how far is notation diversity (transnotation) of use?
<br />
<br />
<h2>Cultivating Music Notation Diversity</h2>
World music notations have to satisfy increasingly diverging online music education usage scenarios, from the structured 2D of the web browser's DOM, through all the visual modeling possibilities offered by scalar vector graphics, tightly focussed artificial intelligence applications such as jazz chord diagram building, to the ad-hoc, bitmap-overlaid 3D objects of Web3D and virtual reality. More importantly, though, they are a bridge between musical cultures.
<br />
<br />
Associated with the various notations is an entire school of cognitive theory, and with this, established <a href="https://en.wikipedia.org/wiki/Cognitive_dimensions_of_notations">conventions for their assessment</a>.
<br />
<br />
Where there may be wide commonalities in the underlying music systems, often music notations (their visual expression) diverge across various cultures. Nevertheless, there are similarities in the way notations are applied in teaching. Let's look at these in the context of a learning workflow. You might like to imagine how such a workflow might be supported by not just one, but interchangeable notations (so-called "transnotation"). Implementing this is decidedly <b>not</b> rocket science..
<br />
<br />
<table class="roundedCorners" style="float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%; background-color:cornflower;">
<caption style="text-align: center; caption-side: bottom;"><br /><strong>Notations In The Learning Process</strong></caption>
<tbody>
<tr>
<td style="text-align: right;" width="20%">
<strong>Goal</strong>
</td>
<td style="text-align: center;" width="5%" rowspan="9">
<!-- https://www.quackit.com/html/codes/tables/html_table_border.cfm -->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="96" height="128" viewBox="-100 -124 96 128" overflow="visible" enable-background="new -100 -124 96 128" xml:space="preserve">
<stop stop-color="green" offset="0"/>
<stop stop-color="darkgreen" offset="1"/>
</linearGradient>
<linearGradient y2="1.0674" x2="0.61866" y1="0.59517" x1="0.53255" id="XMLID_6_">
<stop stop-color="green" offset="0"/>
<stop stop-color="darkgreen" offset="1"/>
</linearGradient>
<linearGradient y2="1.18718" x2="0.56248" y1="0.34342" x1="0.48576" id="XMLID_7_">
<stop stop-color="green" offset="0"/>
<stop stop-color="darkgreen" offset="1"/>
</linearGradient>
<linearGradient y2="0.96338" x2="0.55273" y1="0.45953" x1="0.44533" id="XMLID_8_">
<stop stop-color="springgreen" offset="0"/>
<stop stop-color="mediumspringgreen" offset="1"/>
</linearGradient>
<g>
<title>Layer 1</title>
<path fill="darkgreen" id="svg_1" d="m-52.415,1.486l-45,45c-0.575,0.575 -0.745,1.431 -0.434,2.181c0.31,0.748 1.036,1.233 1.849,1.233c0,0 23.15,0 25,0c0,1.936 0,61 0,61c0,1.103 0.897,2 2,2l36,0c1.103,0 2,-0.897 2,-2c0,0 0,-59.064 0,-61c1.85,0 25,0 25,0c0.813,0 1.538,-0.485 1.848,-1.235c0.001,-0.003 0.152,-0.765 0.152,-0.765c0,-0.534 -0.208,-1.036 -0.586,-1.414l-45,-45c-0.78,-0.78 -2.049,-0.78 -2.829,0z" opacity="0.2"/>
<path fill="darkgreen" id="svg_2" d="m-51.708,2.193l-45,45c-0.286,0.286 -0.372,0.716 -0.217,1.09c0.155,0.373 0.52,0.617 0.925,0.617c0,0 24.146,0 26,0c0,1.937 0,62 0,62c0,0.552 0.447,1 1,1l36,0c0.553,0 1,-0.448 1,-1c0,0 0,-60.063 0,-62c1.854,0 26,0 26,0c0.404,0 0.77,-0.244 0.924,-0.617c0.05,-0.124 0.076,-0.254 0.076,-0.383c0,-0.26 -0.102,-0.516 -0.293,-0.707l-45,-45c-0.391,-0.391 -1.024,-0.391 -1.415,0z" opacity="0.2"/>
<path id="svg_3" d="m-51.708,1.193l-45,45c-0.286,0.286 -0.372,0.716 -0.217,1.09c0.155,0.373 0.52,0.617 0.925,0.617c0,0 24.146,0 26,0c0,1.937 0,62 0,62c0,0.552 0.447,1 1,1l36,0c0.553,0 1,-0.448 1,-1c0,0 0,-60.063 0,-62c1.854,0 26,0 26,0c0.404,0 0.77,-0.244 0.924,-0.617c0.05,-0.124 0.076,-0.254 0.076,-0.383c0,-0.26 -0.102,-0.516 -0.293,-0.707l-45,-45c-0.391,-0.391 -1.024,-0.391 -1.415,0z" fill="url(#XMLID_5_)"/>
<polygon id="svg_4" points="-51,1.8999996185302734 -96,46.900001525878906 -69,46.900001525878906 -69,109.9000015258789 -33,109.9000015258789 -33,46.900001525878906 -6,46.900001525878906 " fill="#00ed00"/>
<path stroke="null" id="svg_5" d="m-68,45.9l-27,0l-1,1l27,0l0,63l36,0l0,-1l-35,0l0,-63z" fill="#00bf00"/>
<path id="svg_6" d="m-51,2.9l-45,45l27,0l0,17.85c0,0 5.844,-2.432 16.672,-5.091s19.328,-3.159 19.328,-3.159l0,-9.6l27,0l-45,-45z" fill="#7fff00"/>
</g>
</svg>
</td>
<td style="text-align: left;" width="20%">
<strong>Means</strong>
</td>
<td style="text-align: center;" width="5%">
</td>
<td style="text-align: left;" width="45%">
<strong>Concrete Example</strong>
</td>
</tr>
<tr>
<td style="text-align: right;" width="20%">
Virtuosity, Musicality
</td>
<td style="text-align: left;" width="20%">
Transnotation
</td>
<td style="text-align: center;" width="5%">
</td>
<td style="text-align: left;" width="45%">
Multiple notations from same exchange format (source), interrelationships, compatibility matrices, 'meta-knowledge'.
</td>
</tr>
<tr>
<td style="text-align: right;" width="20%">
Accommodating Regional Pitch Preferences
</td>
<td style="text-align: left;" width="20%">
Regional Microtonal Tuning Practices
</td>
<td style="text-align: center;" width="5%">
</td>
<td style="text-align: left;" width="45%">
Expression of differences in pitch configuration (other than 440Hz standard, ratio variances in just intonations etc).
</td>
</tr>
<tr>
<td style="text-align: right;" width="20%">
Musicality Optimisations
</td>
<td style="text-align: left;" width="20%">
Key changes, Transposition
</td>
<td style="text-align: right;" width="5%">
</td>
<td style="text-align: left;" width="45%">
Accommodation of instruments in other than noted keys..
</td>
</tr>
<tr>
<td style="text-align: right;" width="20%">
Elements Of Style
</td>
<td style="text-align: left; color: deeppink;" width="20%">
IMPOVERISHED
</td>
<td style="text-align: center;" width="5%">
</td>
<td style="text-align: left; color: deeppink;" width="45%">
Limited, ambiguous, poverty of notational expression.
</td>
</tr>
<tr>
<td style="text-align: right;" width="20%">
Fingering economy, tone, dynamics
</td>
<td style="text-align: left;" width="20%">
Positional and dynamics glyphs
</td>
<td style="text-align: center;" width="5%">
</td>
<td style="text-align: left;" width="45%">
Expression of position, dynamics and variation of tone.
</td>
</tr>
<tr>
<td style="text-align: right;" width="20%">
Pitch-to-finger-to-position mapping
</td>
<td style="text-align: left;" width="20%">
Voices, Scales, Fingering Models
</td>
<td style="text-align: center;" width="5%">
</td>
<td style="text-align: left;" width="45%">
Voice and fingering representations.
</td>
</tr>
<tr>
<td style="text-align: right;" width="20%">
Initial
Orientation
</td>
<td style="text-align: left;" width="20%">
Glyph Meanings, Usage, Relations
</td>
<td style="text-align: center;" width="5%">
</td>
<td style="text-align: left;" width="45%">
Time signatures, pitch and modal expression, simple scales.
</td>
</tr>
<tr>
<td style="text-align: right;" width="20%">
Notation Choice
</td>
<td style="text-align: left;" width="20%">
Pros & Cons Demonstrations
</td>
<td style="text-align: center;" width="5%">
</td>
<td style="text-align: left;" width="45%">
Musical culture, music collections, exchange formats, capabilities, compatability.
</td>
</tr>
</tbody>
</table>
<br />
<br />
A clear limitation of notations is the representation of <b>style</b>, often overcome using synchronized audio to provide additional cues.
<br />
<br />
<h2>Transnotation</h2>
"Since the actual music stored in a computer notation file is the same whether it is displayed in traditional notation or an alternative notation (an F# is an F# in any notation), there is no need for a separate file, or file format for alternative notations. Transnotation does not require changing the content of the file, but only how that content is displayed. Transnotation turns out to be a task of re-presentation. So what is needed is an application that merely displays existing traditional music notation files (such as MusicXML files) in alternative notation systems". ("Transnotation and Music Notation File Formats" from <a href="http://musicnotation.org/software/open-source-strategy/">The Music Notation Project</a>)
<br />
<br />
In my previous post I touched on the relationship between music exchange file format and the resulting notation. Continuing in that wacky-go-lucky frame of mind, I focus entirely on notation and the willful application of 'what-if'. :-)
<div style="text-align: center;">
<a href="https://4.bp.blogspot.com/-GfgfrZmfeJA/WNetPJU-_iI/AAAAAAAADpQ/WHonFQvZzU8m9YtGN1QEXdzKt7wqTYEgQCK4B/s1600/MusicFontsCoverageByEDO-800x533.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Music Visualization: Music Font Interchangeability - Coverage By EDO Type" border="0" height="auto" src="https://4.bp.blogspot.com/-GfgfrZmfeJA/WNetPJU-_iI/AAAAAAAADpQ/WHonFQvZzU8m9YtGN1QEXdzKt7wqTYEgQCK4B/s320/MusicFontsCoverageByEDO-800x533.png" title="Music Visualization: Music Font Interchangeability - Coverage By EDO Type" width="100%" /><br /><strong>Music Font Interchangeability</strong><br />In An Equal Temperament Context (Indicative Only)</a>
</div>
<br />
<br />
Notation needs to be culturally recognizable, expressive, capable of being visually linked with (in some cases 'drive') other screen elements, and, in as far as possible, interchangeable.
<br />
<br />
Interchangeable? For example: where a subset of musical glyphs are used across different equal temperament or just intonation music notations.
<br />
<br />
<h2>Cultivating Notation Diversity. Why?</h2>
12-tone equal temperament is far from the only music system in existence. Especially where the expressive space gets crowded (as in microtonal music), additional, or visually modified glyphs are more or less unavoidable
<ul style="list-style-type: circle;">
<li>Extends music notation expressivity and range, and with it, our collective music-cultural 'memory'</li>
<li>Helps us transition from known music systems to the unfamiliar</li>
<li>Accommodates personal preference</li>
<li>Provides a base, context and impetus for the further development of online music education related web standards and conventions</li>
<li>More succinct, easily recognizable and meaningful iconography ('glyphs')</li>
<li>Musical diversity -in any form- represents niche opportunity in emerging, marginal or heavily fragmented musical cultures</li>
<li>Provides base for advanced, experimental and academic visualizations</li>
</ul>
<div style="text-align: center;">
<a href="https://4.bp.blogspot.com/-4c9QKMJ0EWY/WNe6VBc22iI/AAAAAAAADpg/svT2A_qbQo04CEKp2gdd5KfYEoQlLeQeACK4B/s1600/ToolTippedScoreNote-03.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="Music Visualization: Data-Driven Notation - Self-Aware SVG Notes" border="0" height="167" src="https://4.bp.blogspot.com/-4c9QKMJ0EWY/WNe6VBc22iI/AAAAAAAADpg/svT2A_qbQo04CEKp2gdd5KfYEoQlLeQeACK4B/s320/ToolTippedScoreNote-03.png" title="Music Visualization: Data-Driven Notation - Self-Aware SVG Notes" width="320" /><br /><strong>Self-Aware Notation</strong><br />Here, Notename, Octave, Midi Number<br />Different Music System: Different Data</a>
</div>
Moreover, the data structures underpinning on-screen notation, can function as a repository for playback data. For any given music system, a note's visual form can change (for example with a font change), but the data content remains the same. These structures should, ideally, accommodate:
<br />
<br />
<ul style="list-stylne-type: circle;">
<li>Any Number of notes per octave</li>
<li>Any temperament or intonation</li>
<li>Any note semantics (symbol meaning)</li>
<li>Any symbol set</li>
</ul>
<span style="color: royalblue; font-family: Verdana, sans-serif;">Big, brave, open-source, non-profit, community-provisioned, cross-cultural and dingaling crazy. → Like, share, back-link, pin, tweet and mail. Hashtags? For the crowdfunding: <b>#VisualFutureOfMusic</b>. For the future live platform: <b> #WorldMusicInstrumentsAndTheory</b>. Or simply register as a potential crowdfunder..</span>
<br />
<br />
<table style="border: 1px solid orangered; color: steelblue; float: right; height: 80px; margin-left: 2em; margin-right: auto; text-align: center; width: 33%;">
<tbody>
<tr>
<td><!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="//blogspot.us14.list-manage.com/subscribe/post?u=6082c7c1fd4aacb458f4f3268&id=1dd5e99fbf" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
<h2 style="text-align: center; color: #f70000;">Potential Crowdfunder?</h2>
<div>
<label for="mce-FNAME">First Name</label>
<input type="text" name="FNAME" id="mce-FNAME">
</div>
<div>
<label for="mce-EMAIL">Email Address</label>
<input type="email" name="EMAIL" id="mce-EMAIL" title="The domain portion of the email address is invalid (the portion after the @)." pattern="^([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22))*\x40([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d))*(\.\w{2,})+$" required>
</div>
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_f2d244c0df42a0431bd08ddea_aeaa9dd034" tabindex="-1" value=""></div>
<div class="mc-status"></div>
<div><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>
<!--End mc_embed_signup--></td>
</tr>
</tbody>
</table>
Taken across the whole spectrum of world music, the relationships between these properties are many-to-one. Just as (depending on notation type) a musical action or meaning may be associated with several different glyphs (musical symbols), a given glyph may be associated with several different actions or meanings.
<br />
<br />
Taking the number of notes per octave as an example, with two staves, the western or classical 5-line staff system allows us to accommodate the 12-tone octaval range of (say) a piano. To achieve this, each line or space can be associated with up to three notes or tones, and each of <b>these</b> assigned a pitch or midi number. In this way, though the norm is 88 keys, midi numbering can span a range of 128 notes.
<br />
<br />
The sequence of midi numbers can be reduced is their positions in the respective octave by applying a modulo (base or divisor) of 12, their position in the octave being the remainder. What happens, though, when we go microtonal? As far as a midi-like indexing goes, all we have to do is to adjust our modulo to match the new number of notes per octave. This holds as much for equal temperament microtonal systems (19-EDO, 22-EDO, 24-EDO, 53-EDO etc) as for just intoned systems (15-JI, 17-JI, etc). Use purely for the purposes of indexing, the number of notes in the octave and the modulo we apply are one and the same.
<br />
<br />
To continue to use our 5-line staff, however, we need to come up with <b>additional accidentals</b>. For other than equal temperament systems, these must, however, represent more than a simple index, namely the exact pitch. To be of What form might these take?
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://3.bp.blogspot.com/-7kujQSflOK8/WPxvg9bX9NI/AAAAAAAADww/WaNY_k8EFjoZ6deueV80X8D37boZB8-iwCLcB/s1600/SCORES-MAGNIFIED.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Music Visualization: Onscreen Scores and Animation Interworking: More Coming Soon. #VisualFutureOfMusic #WorldMusicInstrumentAndTheory" border="0" src="https://3.bp.blogspot.com/-7kujQSflOK8/WPxvg9bX9NI/AAAAAAAADww/WaNY_k8EFjoZ6deueV80X8D37boZB8-iwCLcB/s400/SCORES-MAGNIFIED.png" width="300" height="auto" title="Music Visualization: Onscreen Scores and Animation Interworking: More Coming Soon. #VisualFutureOfMusic #WorldMusicInstrumentAndTheory" /><br /><strong>Score-To-Animation Interworking</strong><br />More Details Coming Soon</a></div>
For trivial (equal temperament) microtonal music scenarios such as a move from 12-EDO to classical Arabic 24-EDO (a quarter-tone system), we simply use classical music's double sharp and double flat.
<br />
<br />
Visual compatibility is one thing, tonal another. In just intoned tunings, subtle differences exist in regional tuning practices. Representing these using conventional notation is a minefield. In effect, a double sharp from the classical Arabic system, when used with Persian instruments, may represent any of a half a dozen close but quite distinct pitches.
<br />
<br />
A slightly different approach is taken with <a href="http://sagittal.org/">Sagittal notation system</a>, which describes notes in terms of pitch deltas from known and strong pure tones. Moreover, sagittal provides us with enough differentiated glyphs to document virtually any form of music, be it western classical or microtonal.
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-kvGAjd9qDyw/WPkGMb9IZeI/AAAAAAAADwM/JHZLYJfSv4gGztQfLT74QIKPAZZ4GhZZgCLcB/s1600/NotationMappings-03-800x533.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="Music Visualization: Onscreen Notation Substitution #VisualFutureOfMusic #WorldMusicInstrumentAndTheory" border="0" src="https://1.bp.blogspot.com/-kvGAjd9qDyw/WPkGMb9IZeI/AAAAAAAADwM/JHZLYJfSv4gGztQfLT74QIKPAZZ4GhZZgCLcB/s400/NotationMappings-03-800x533.png" width="400" height="267" title="Music Visualization: Onscreen Notation Substitution #VisualFutureOfMusic #WorldMusicInstrumentAndTheory" /><br /><strong>Direct Music Font Substitution</strong></a>
</div>
<br />
<br />
For the ethnic musician, though, slight regional differences in tone may not ultimately matter. Just as words can have several meanings, so, too, can notes. At the end of the day, as long as you can play your tune from the notation, who cares?
<br />
<br />
Nevertheless, there <b>is</b> a case for notation mapping substitution. There comes a point -both in equal temperament and just intonation systems-
where classical western notation breaks down.
<br />
<br />
Getting your head wrapped round a new system such as Sagittal can seem a formidable challenge. It would help enormously if it could be done in stages, working steadily out from the known, using direct visual mappings.
<div class="separator" style="clear: both; text-align: center;"><a href="https://3.bp.blogspot.com/-KimHA2WqOQI/WPkHy2iUxFI/AAAAAAAADwc/-TO1gNkUSLkGnufdjs5F4JO4VJh7ndn8wCLcB/s1600/NotationMappings-02-400x533.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Music Visualization: Possible Onscreen Notation Mappings (Slave Scores As Dependent Animations) #VisualFutureOfMusic #WorldMusicInstrumentAndTheory" border="0" src="https://3.bp.blogspot.com/-KimHA2WqOQI/WPkHy2iUxFI/AAAAAAAADwc/-TO1gNkUSLkGnufdjs5F4JO4VJh7ndn8wCLcB/s400/NotationMappings-02-400x533.png" width="200" height="auto" title="Music Visualization: Possible Onscreen Notation Mappings (Slave Scores As Dependent Animations) #VisualFutureOfMusic #WorldMusicInstrumentAndTheory" /><br /><strong>Master-Slave Configuration</strong><br />Second & More Scores Driven As Dependent Animations</a></div>
<br />
<br />
Treating one as master and the other as slave, however, there is nothing stopping us showing both on-screen at the same time.
<br />
<br />
One remains in the role of 'driver' score, the other functioning much as would a dependent <a href="https://www.pinterest.com/cantillate/static-world-music-instruments-and-models/">instrument</a> or <a href="https://www.pinterest.com/cantillate/static-music-theory-examples/">theory tool</a> animation (the possibilities can be explored under related menu items at the top of the page).
<br />
<br />
Indeed, as long as the host machine can cope with the processing demands, there is nothing stopping display of <b>several</b> dependent -and possibly different- scores.
<br />
<br />
Here we can compare, step for step during score playback, the glyphs in action (and -why not?) hear directly how they relate tonally.
<br />
<br />
Indeed, given suitable source files, such a configuration could provide a basis for direct, pragmatic tonal compatibility tests, including in an AI context.
<br />
<br />
<hr />
<h2 id="Notation" style="color: #f70000; text-align: center;">
Notation: Driving Effective Music Visualizations</h2>
<hr />
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%"><a href="https://3.bp.blogspot.com/-SeqrKHiMblY/WIQAb9JVnmI/AAAAAAAACe0/r8pQ5o-Vvhgz6R_Q4qHX6BAPsy52MkcFwCK4B/s1600/TotalIntegration-ForBlogger-800x533.png" imageanchor="1"><img alt="Integration And Control: Notation, Instruments, Theory #VisualFutureOfMusic" border="0" height="auto" src="https://3.bp.blogspot.com/-SeqrKHiMblY/WIQAb9JVnmI/AAAAAAAACe0/r8pQ5o-Vvhgz6R_Q4qHX6BAPsy52MkcFwCK4B/s320/TotalIntegration-ForBlogger-800x533.png" title="Integration And Control: Notation, Instruments, Theory #VisualFutureOfMusic" width="100%" />
<strong>Integration & Control</strong><br />
Change One → Change All</a></td>
<td style="text-align: center;" width="33%"><a href="https://4.bp.blogspot.com/-KIssPDDAsuQ/WG43fBejbAI/AAAAAAAACW4/6mwHBirHxykycAiiN2_qmWE7BEfn67ewwCK4B/s1600/MusicLiteracyIsInDecline%2BFOR-BLOGGER-800x533.png"><img alt="Music Literacy Is In Decline #VisualFutureOfMusic" border="0" height="auto" href="https://visualfutureofmusic.blogspot.ch/2016/07/music-dance-identity-empowerment-vs-exploitation.html" src="https://4.bp.blogspot.com/-KIssPDDAsuQ/WG43fBejbAI/AAAAAAAACW4/6mwHBirHxykycAiiN2_qmWE7BEfn67ewwCK4B/s320/MusicLiteracyIsInDecline%2BFOR-BLOGGER-800x533.png" title="Music Literacy Is In Decline #VisualFutureOfMusic" width="100%" /><strong>With Dramatic Impact</strong><br />
On Multiple Life Skills</a></td>
<td style="text-align: center;" width="33%"><a href="https://4.bp.blogspot.com/-J371iNzdM44/WLVqrzBxyVI/AAAAAAAADe0/Pj9YnWdU8KswKol_FiopLgJx0197qS7wACK4B/s1600/Screen%2BShot%2B2017-02-28%2Bat%2B13.15.45.png" imageanchor="1"><img alt="Music Visualization: Notation, Instruments, Theory - Freely Configurable Interworking #VisualFutureOfMusic" border="0" height="auto" src="https://4.bp.blogspot.com/-J371iNzdM44/WLVqrzBxyVI/AAAAAAAADe0/Pj9YnWdU8KswKol_FiopLgJx0197qS7wACK4B/s320/Screen%2BShot%2B2017-02-28%2Bat%2B13.15.45.png" title="Music Visualization: Notation, Instruments, Theory - Freely Configurable Interworking #VisualFutureOfMusic" width="100%" />
<strong>Instant Comparative Musicology</strong><br />
Thru Freely Configurable Interworking</a></td>
</tr>
</tbody>
</table>
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%"><a href="https://1.bp.blogspot.com/-nxvbijPBTqg/WGwegvdQqRI/AAAAAAAACVI/x1IcEqjlNeUVZMkNrs7yOppjZGbPFNbVwCK4B/s1600/MusicPlusDataVisEqualsMusicVis.png"><img alt="Music + Data Viz = Music Viz. Score- & Data-Driven, Structured, Personal #VisualFutureOfMusic" border="0" height="auto" href="https://visualfutureofmusic.blogspot.ch/2016/08/off-shelf-animations-and-their-musical.html" src="https://1.bp.blogspot.com/-nxvbijPBTqg/WGwegvdQqRI/AAAAAAAACVI/x1IcEqjlNeUVZMkNrs7yOppjZGbPFNbVwCK4B/s320/MusicPlusDataVisEqualsMusicVis.png" tile="Music + Data Viz = Music Viz. Score- & Data-Driven, Structured, Personal #VisualFutureOfMusic" width="100%" /><strong>Music + Data Viz = Music Viz</strong><br />Score- & Data-Driven, Structured, Personal</a></td>
<td style="text-align: center;" width="33%"><a href="https://1.bp.blogspot.com/-XyXZrdAXSAo/WLVdlt27nmI/AAAAAAAADek/ij4a9ZunQIspkPC7JDZ_2elyuJwebo5GACK4B/s1600/Base-800x533%2Bcopy%2B10.png" imageanchor="1"><img alt="Visualization Toolset: Energise The Notation #VisualFutureOfMusic" border="0" height="auto" src="https://1.bp.blogspot.com/-XyXZrdAXSAo/WLVdlt27nmI/AAAAAAAADek/ij4a9ZunQIspkPC7JDZ_2elyuJwebo5GACK4B/s320/Base-800x533%2Bcopy%2B10.png" title="Visualization Toolset: Energise The Notation #VisualFutureOfMusic" width="100%" /><strong>Energise The Notation</strong><br />
See Animation Potential Everywhere</a></td>
<td style="text-align: center;" width="33%"><a href="https://3.bp.blogspot.com/-gdQaTepARN8/WJUMm3fgi8I/AAAAAAAACzY/YGptXeaIhns4nsDXQ_D1P2cpmLhvWGpMQCK4B/s1600/Screen%2BShot%2B2017-02-03%2Bat%2B11.44.40.png" imageanchor="1"><img alt="Simple Ideas - Animated. Creativity For Common Good. #VisualFutureOfMusic" border="0" height="auto" src="https://3.bp.blogspot.com/-gdQaTepARN8/WJUMm3fgi8I/AAAAAAAACzY/YGptXeaIhns4nsDXQ_D1P2cpmLhvWGpMQCK4B/s320/Screen%2BShot%2B2017-02-03%2Bat%2B11.44.40.png" title="Simple Ideas - Animated. Creativity For Common Good. #VisualFutureOfMusic" width="100%" /><strong>Simple Ideas - Animated</strong><br />
Creativity For Common Good</a></td>
</tr>
</tbody>
</table>
<br />
<hr />
<div style="text-align: center;">
Algorithmic note placement frees the underlying transfer protocol of superfluous note positioning ballast. It should be both feasible -and the norm- for all but the most complex of scores.
</div>
<hr />
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%"><a href="https://1.bp.blogspot.com/-2Q4ZlrPNWVw/WIdj93RQqLI/AAAAAAAACh0/sf0E7N_DydYw1VVhaI_Wbdl6UrgbRvRpACK4B/s1600/DataDrivenScore.png" imageanchor="1"><img alt="https://bost.ocks.org/mike/selection/ #VisualFutureOfMusic" border="0" height="auto" href="https://bost.ocks.org/mike/selection/" src="https://1.bp.blogspot.com/-2Q4ZlrPNWVw/WIdj93RQqLI/AAAAAAAACh0/sf0E7N_DydYw1VVhaI_Wbdl6UrgbRvRpACK4B/s320/DataDrivenScore.png" title="https://bost.ocks.org/mike/selection/ #VisualFutureOfMusic" width="100%" /><strong>Data-Driven + Algorithmic Placement</strong><br />
Unparalleled Freedoms And Consistency</a></td>
<td style="text-align: center;" width="33%">
<a href="https://1.bp.blogspot.com/-D0WosiCO5oY/WXuhawcWn8I/AAAAAAAAEX0/lDuOFoQz-_UwB1KWzaK8_iQwcJJOIQL-wCLcBGAs/s1600/WorkFromTheKnown-400x267.png" imageanchor="1"><img alt="Music Visualisation: Work Out From The Familiar And Easily Represented. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://1.bp.blogspot.com/-D0WosiCO5oY/WXuhawcWn8I/AAAAAAAAEX0/lDuOFoQz-_UwB1KWzaK8_iQwcJJOIQL-wCLcBGAs/s1600/WorkFromTheKnown-400x267.png" title="Music Visualisation: Work Out From The Familiar And Easily Represented. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Work Out From The Familiar</strong><br />
And Easily Represented</a>
</td>
<td style="text-align: center;" width="33%"><a href="https://4.bp.blogspot.com/-sbpm8fNIxgw/WIoFzoe5iyI/AAAAAAAACkM/misMjuOSgbAeKT0m-Nhy48mRuds8u857wCK4B/s1600/MultipleSourcesAndSinks-800x533.png" imageanchor="1" style="text-align: center;"><img alt="World Music Visualizations: Potentially driven by any musical source. #VisualFutureOfMusic" border="0" height="auto" src="https://4.bp.blogspot.com/-sbpm8fNIxgw/WIoFzoe5iyI/AAAAAAAACkM/misMjuOSgbAeKT0m-Nhy48mRuds8u857wCK4B/s320/MultipleSourcesAndSinks-800x533.png" title="World Music Visualizations: Potentially driven by any musical source. #VisualFutureOfMusic" width="100%" /><strong>Goal: Multiple Visualizations</strong><br />
Driven By Any Source</a></td>
</tr>
</tbody>
</table>
<br />
<hr />
<div style="text-align: center;">
During score playback, notes at the current timeline position can be used as driver for various interactive, dynamic animations.
Score-driven animations may include <a href="https://www.pinterest.com/cantillate/static-world-music-instruments-and-models/">instrument</a> and <a href="https://www.pinterest.com/cantillate/static-music-theory-examples/">music-theoretical models</a>, dance step sequences or 1:1 comparative animations.
</div>
<hr />
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%"><a href="https://2.bp.blogspot.com/-UNvTP9dF7_A/WKpJKS1gbeI/AAAAAAAADNk/s_GBZrgec-EJ_i5VXj0D71ho1Ro6ERagQCK4B/s1600/MusicSourceSliceAndDice-800x533.png" imageanchor="1"><img alt="Music Visualization: Slice, Dice, Transform Data As Desired. #VisualFutureOfMusic" border="0" height="auto" src="https://2.bp.blogspot.com/-UNvTP9dF7_A/WKpJKS1gbeI/AAAAAAAADNk/s_GBZrgec-EJ_i5VXj0D71ho1Ro6ERagQCK4B/s320/MusicSourceSliceAndDice-800x533.png" title="Music Visualization: Slice, Dice, Transform Data As Desired. #VisualFutureOfMusic" width="100%" /><strong>Notation Or Audio</strong><br />
Slice, Dice, Transform. As Desired.</a></td>
<td style="text-align: center;" width="33%"><a href="https://1.bp.blogspot.com/-GksLqMJNo9g/WKyQaHiOc-I/AAAAAAAADUQ/o07gFoKu-uwSyPnYGTDKhjgooLvgoqMbACK4B/s1600/MicrotonalNotationsCompared-800x533.png" imageanchor="1"><img alt="Music Visualization: Notation Examples. #VisualFutureOfMusic" border="0" height="auto" src="https://1.bp.blogspot.com/-GksLqMJNo9g/WKyQaHiOc-I/AAAAAAAADUQ/o07gFoKu-uwSyPnYGTDKhjgooLvgoqMbACK4B/s320/MicrotonalNotationsCompared-800x533.png" title="Music Visualization: Notation Examples. #VisualFutureOfMusic" width="100%" /><strong>Notation Examples</strong></a></td>
<td style="text-align: center;" width="33%"><a href="https://visualfutureofmusic.blogspot.ch/2016/10/cross-browser-p2p-teacher-student.html" imageanchor="1"><img alt="Music Visualization: Sagittal Microtonal Glyphs. Accidentals For Just Intonation. #VisualFutureOfMusic" border="0" height="auto" src="https://1.bp.blogspot.com/-7y8x2XEjJDc/WKtf34gkF6I/AAAAAAAADTM/DyvxUG9LXm8XO6GeBEsCVp-A0QPMzYEtwCK4B/s320/SagittalJI%2B%25281%2529.gif" title="Music Visualization: Sagittal Microtonal Glyphs. Accidentals For Just Intonation. #VisualFutureOfMusic" width="100%" /><strong>Sagittal Microtonal Glyphs</strong><br />
Accidentals For Just Intonation</a></td>
</tr>
</tbody>
</table>
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%"><a href="https://3.bp.blogspot.com/-NQHuRlAzFrU/WKxObdZLGrI/AAAAAAAADTs/XFj348YnzEwVGIo1YQ6nh8sqz1BndMuMACK4B/s1600/P2PInterworkingControls-800x533.png" imageanchor="1"><img alt="Music Visualization: Which HTML Gaming Backend To Implement Real-Time Controls? #VisualFutureOfMusic" border="0" height="auto" src="https://3.bp.blogspot.com/-NQHuRlAzFrU/WKxObdZLGrI/AAAAAAAADTs/XFj348YnzEwVGIo1YQ6nh8sqz1BndMuMACK4B/s320/P2PInterworkingControls-800x533.png" title="Music Visualization: Which HTML Gaming Backend To Implement Real-Time Controls? #VisualFutureOfMusic" width="100%" /><strong>Which HTML Gaming Backend?</strong><br />
To Implement Real-Time Controls</a></td>
<td style="text-align: center;" width="33%"><a href="https://3.bp.blogspot.com/-T_jDzz3bUgc/WJieguVeXqI/AAAAAAAAC4w/Cz08YyNJvhkjdRz3QcF7CqxwKEx9r8lIgCK4B/s1600/ArcDiagramsForScoreAnalysis.png" imageanchor="1"><img alt="Music Visualization Score Analysis: Practice Optimization And Deeper Understanding. #VisualFutureOfMusic" border="0" height="auto" href="http://www.bewitched.com/match/music.html" src="https://3.bp.blogspot.com/-T_jDzz3bUgc/WJieguVeXqI/AAAAAAAAC4w/Cz08YyNJvhkjdRz3QcF7CqxwKEx9r8lIgCK4B/s320/ArcDiagramsForScoreAnalysis.png" title="Music Visualization Score Analysis: Practice Optimization And Deeper Understanding. #VisualFutureOfMusic" width="100%" /><strong>Score Analysis: Practice Optimization</strong><br />
With Deeper Understanding</a></td>
<td style="text-align: center;" width="33%"><a href="https://4.bp.blogspot.com/-RyFR5PPoJbU/WI9U-rzg5bI/AAAAAAAACoQ/QVgNht_BqGIFdmf6l06vDBUhj7B9Br6awCK4B/s1600/DeviceAgnosticThruComponents-800x533.png" imageanchor="1"><img alt="Music And Dance: Compatibility Across Devices using web components? #VisualFutureOfMusic" border="0" height="auto" src="https://4.bp.blogspot.com/-RyFR5PPoJbU/WI9U-rzg5bI/AAAAAAAACoQ/QVgNht_BqGIFdmf6l06vDBUhj7B9Br6awCK4B/s320/DeviceAgnosticThruComponents-800x533.png" title="Music And Dance: Compatibility Across Devices using web components? #VisualFutureOfMusic" width="100%" /><strong>Compatibility Across Devices</strong><br />Using Web Components?</a></td>
</tr>
</tbody>
</table>
<br />
<hr />
<div style="text-align: center;">
Esoteric animations? Storytelling or belief system scenarios from mappable areas such as astrology. The only limit is imagination.
</div>
<hr />
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%"><a href="https://3.bp.blogspot.com/-ULMBFP7CJLI/WKX-3K7LbrI/AAAAAAAADLw/aswafylIIlQCq2gK4UttR-FJmfeWbFYXwCK4B/s1600/DataTreesAndSharedConfig-800x533%2Bcopy%2B8.png" imageanchor="1"><img alt="Music Visualization: Leveraging Instrument & Tool Data Trees. #VisualFutureOfMusic" border="0" height="auto" src="https://3.bp.blogspot.com/-ULMBFP7CJLI/WKX-3K7LbrI/AAAAAAAADLw/aswafylIIlQCq2gK4UttR-FJmfeWbFYXwCK4B/s320/DataTreesAndSharedConfig-800x533%2Bcopy%2B8.png" title="Music Visualization: Leveraging Instrument & Tool Data Trees. #VisualFutureOfMusic" width="100%" /><strong>Leveraging Instrument & Tool Data Trees</strong><br />
Coding Examples? Post-Crowdfunding :-)</a></td>
<td style="text-align: center;" width="33%"><a href="https://2.bp.blogspot.com/-FfnytyIIUX0/WIdTna3TwCI/AAAAAAAAChc/dxHTGJ8KxbApoaqfg0Li3MMXRAfafcrYgCK4B/s1600/ConsequentlyDataDrivenForBlogger-800x533.png" imageanchor="1"><img alt="https://bost.ocks.org/mike/selection/ #VisualFutureOfMusic" border="0" height="auto" href="https://bost.ocks.org/mike/selection/" src="https://2.bp.blogspot.com/-FfnytyIIUX0/WIdTna3TwCI/AAAAAAAAChc/dxHTGJ8KxbApoaqfg0Li3MMXRAfafcrYgCK4B/s320/ConsequentlyDataDrivenForBlogger-800x533.png" title="https://bost.ocks.org/mike/selection/ #VisualFutureOfMusic" width="100%" /><strong>Consequently Data-Driven</strong><br />
Unparalleled Presentation Freedoms</a></td>
<td style="text-align: center;" width="33%"><a href="https://4.bp.blogspot.com/-ASCpcjpW4C8/WI9cxyC330I/AAAAAAAACog/S4z_7wvGvaE1d-aaWsNQMUsPgYgPIxkQwCK4B/s1600/ComponentHierarchies-800x533.png" imageanchor="1"><img alt="Music Visualization. Flexible Reuse Hierarchies. Implement Once. And Only Once. #VisualFutureOfMusic" border="0" height="auto" src="https://4.bp.blogspot.com/-ASCpcjpW4C8/WI9cxyC330I/AAAAAAAACog/S4z_7wvGvaE1d-aaWsNQMUsPgYgPIxkQwCK4B/s320/ComponentHierarchies-800x533.png" title="Music Visualization. Flexible Reuse Hierarchies. Implement Once. And Only Once. #VisualFutureOfMusic" width="100%" /><strong>Flexible Reuse Hierarchies</strong><br />
Implement Once. And Only Once.</a></td>
</tr>
</tbody>
</table>
<br />
<h2>Inter-Notation Compatibility</h2>
The classical or western music notation glyph set, with it's single and multiple sharps and flats, can be used in a limited range of microtonal settings - which are the primary target of microtonal notation sets such as that of the Sagittal system. So there is already some limited visual compatibility. The challenge is to be sure of <b>tonal</b> compatibility.
<br />
<br />
We need to be able both to automatically built notation as specified by the underlying transfer file or protocol, but in a world music context, it may be helpful to offer alternatives better matching (say) the user's music system (cultural), <a href="https://www.pinterest.com/cantillate/static-world-music-instruments-and-models/">instrumental</a> and <a href="https://www.pinterest.com/cantillate/">theory tool<a href="https://www.pinterest.com/cantillate/static-music-theory-examples/"></a></a> preferences. If you are going to support different music system glyph sets, it may no longer be such a large step to map between them.
<br />
<br />
Taken together, these suggest the following:
<ul style="list-style-type: circle;">
<li>A (preferably visual) notation classification system</li>
<li>A notation 'factory' capable of building the above from glyph libraries</li>
<li><b>Either</b> notation set compatibility matrix <b>or</b> (preferable) direct mappings to or within the notation classification system.</li>
</ul>
Though potentially a useful capability, one-to-one checks on glyph compatibility are probably overkill, but it should be possible to confirm whether two sets are compatible across a widely used and well-defined subset of their symbols, and under what conditions.
<br />
<br />
So how might such an implementation behave in practice? We have discussed in past posts how the following configuration settings contribute to learning environment flexibility:
<ul style="list-style-type:circle">
<li>overall settings (music system)</li>
<li>internal defaults (notation, instrument and theory tools)</li>
<li>'what-if' user notation overrides (so-called 'transnotation')</li>
</ul>
The following illustrates their propagation in the context of our music visualization aggregator platform.
<div class="separator" style="clear: both; text-align: center;"><a href="https://2.bp.blogspot.com/-TCVlwKpd3No/WaKx3QQaKfI/AAAAAAAAEnQ/xpTOwKBmQ2U_pnORqpupSytO2zxqgGPCgCLcBGAs/s1600/PropagationOfNotationConfigChanges-800x533.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Comparative Musicology: Propagation Of Data-Driven Transnotation in Music Visualization #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://2.bp.blogspot.com/-TCVlwKpd3No/WaKx3QQaKfI/AAAAAAAAEnQ/xpTOwKBmQ2U_pnORqpupSytO2zxqgGPCgCLcBGAs/s1600/PropagationOfNotationConfigChanges-800x533.png" data-original-width="800" data-original-height="533" alt="Comparative Musicology: Propagation Of Data-Driven Transnotation in Music Visualization #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /><br /><strong>Comparative Musicology: Propagation Of Data-Driven Transnotation in Music Visualization</strong></a></div>
<br />
<br />
Finally (and in great contrast) the summary diagram from the musicnotation.org website, illustrating their perspective onto transnotation workflow. It stops where ours takes off..
<div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-zA2gdSOnFzo/WXnKQhD066I/AAAAAAAAET0/aTqEtq7rfNEzh39t-rRSpfgUbLUUGgnpQCLcBGAs/s1600/software-conversion-flow.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Transnotation workflow (From http://musicnotation.org/software/open-source-strategy/)" border="0" src="https://1.bp.blogspot.com/-zA2gdSOnFzo/WXnKQhD066I/AAAAAAAAET0/aTqEtq7rfNEzh39t-rRSpfgUbLUUGgnpQCLcBGAs/s1600/software-conversion-flow.gif" data-original-width="560" data-original-height="440" title="Transnotation workflow (From http://musicnotation.org/software/open-source-strategy/)" /><a href="http://musicnotation.org/software/open-source-strategy/"><br /><strong>Transnotation Workflow</strong></a></a></div>
<br />
<br />
<hr />
<h2 id="Overview" style="color: royalblue; text-align: center;">
Keywords</h2>
<hr />
<br />
<table style="color: royalblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
online music learning,<br />
online music lessons
</td>
<td style="text-align: center;" width="33%">
distance music learning,<br />
distance music lessons
</td>
<td style="text-align: center;" width="33%">
remote music lessons,<br />
remote music learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
p2p music lessons,<br />
p2p music learning
</td>
<td style="text-align: center;" width="33%">
music visualisation<br />
music visualization
</td>
<td style="text-align: center;" width="33%">
musical instrument models<br />
interactive music instrument models
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
music theory tools<br />
musical theory
</td>
<td style="text-align: center;" width="33%">
p2p music interworking<br />
p2p musical interworking
</td>
<td style="text-align: center;" width="33%">
comparative musicology<br />
ethnomusicology
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
world music<br />
international music</td>
<td style="text-align: center;" width="33%">
folk music<br />
traditional music
</td>
<td style="text-align: center;" width="33%">
P2P musical interworking,<br />
Peer-to-peer musical interworking
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
WebGL, Web3D,<br />
WebVR, WebAR
</td>
<td style="text-align: center;" width="33%">
Virtual Reality,<br />
Augmented or Mixed Reality
</td>
<td style="text-align: center;" width="33%">
Artificial Intelligence,<br />
Machine Learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
Scalar Vector Graphics,<br />
SVG
</td>
<td style="text-align: center;" width="33%">
3D Cascading Style Sheets,<br />
CSS3D
</td>
<td style="text-align: center;" width="33%">
X3Dom,<br />
XML3D
</td>
</tr>
</tbody>
</table>
<br />
<br />
</span>Cantillatehttp://www.blogger.com/profile/14558742596559186897noreply@blogger.com0tag:blogger.com,1999:blog-945815475576917628.post-26507369823704050172017-04-11T18:53:00.000+02:002017-08-27T13:22:06.904+02:00World Music Online And Remote Learning: Cultivating Music System Diversity.<span style="font-family: "verdana" , sans-serif;">
<br />
The banner screenshot above hints at possibilities never before seen in an online music environment - music notation directly driving a wholly configurable variety of instrument models and theory tools in an entirely graphical setting. It doesn't take long to figure out that the music system being represented is based on equal temperament. What, though, of all the other world music systems - of which there are many?
<br />
<br />
This post examines the <b>music systems</b> underlying notations: the musical configurations and semantic or semiotics (meanings or intentions) notation glyphs or symbols seek to convey.
<br />
<br />
<h2>Music System Diversity</h2>
MusicXML is perhaps the most expressive of exchange file formats. Capable of representing entire multipart orchestral scores, it's reputation has earned it integration into web standards under the aegis of the W3C.
<br />
<br />
<div class="separator" style="clear: left; float: left; text-align: center;">
<a href="https://1.bp.blogspot.com/-wJ_aFdBlfQc/WOAhwmR4PgI/AAAAAAAADrM/jZw2-4o7JxYdRJpimd9lag3-MvifTjmMgCLcB/s1600/MusicXMLAndNotation-02-800x533.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="MusicXML file contents tied to one and only one type of notation? #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://1.bp.blogspot.com/-wJ_aFdBlfQc/WOAhwmR4PgI/AAAAAAAADrM/jZw2-4o7JxYdRJpimd9lag3-MvifTjmMgCLcB/s320/MusicXMLAndNotation-02-800x533.png" width="320" height="213" /><br /><strong>MusicXML Exchange File Contents</strong><br />Tied To One And Only One Notation Type?</a>
</div>
Though increasingly capable of representing music notations from other musical cultures (for example Arabic and Turkish makam), in most people's mind's MusicXML is tied to the 12-tone equal temperament (12-EDO or 12-TET) western or classical music notation system. There is pressure to integrate other music systems, but don't hold your breath.
<br />
<br />
Stripped of the more recent (and -in an age of responsive and algorithmic placement- pointless) screen positioning information, MusicXML specifies a score's structural characteristics. Amongst others: voice, octave, duration, note name (pitch) and note type. Critically, the note <b>appearance</b> is not specified.
<br />
<br />
This is important, as it on the one hand allows various fonts to be applied, and on the other allows a degree of latitude in the <b>type</b> of notation used. In effect MusicXML invites limited notation 'misuse'.. Let me list a few examples:
<ul type="circle">
<li>classical scores played on just-intoned instruments</li>
<li>just intoned folk instrumentalists adopting western classical notation as a base for documenting own folk tunes</li>
<li>western classical notation being intentionally adapted to accommodate a variety of microtonal music systems</li>
</ul>
Equally, certain microtonal notation systems (for example <a href="http://sagittal.org/">Sagittal</a>) are capable of use with equal temperament music.
<br />
<br />
<table style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center; width: 30%;">
<caption style="text-align: center;" align="bottom"><strong>Master - Slave</strong><br />Notation The Driver. Reads L to R.</caption>
<tbody>
<tr style="color: white; background:steelblue" >
<td></td>
<td>Notation</td>
</tr>
<tr>
<td style="color: white; background:steelblue" >MusicXML</td>
<td style="background:#FFFAD1">1 : many</td>
</tr>
</tbody>
</table>
All that is required are:
<ul type="circle">
<li>known mappings between notation systems</li>
<li>an ability to suspend training and/or doubts ("Just Do It")</li>
</ul>
The relationship between exchange file and notation is demonstrably one-to-many. In recognising <b>that</b>, dear heart, we open up new avenues of exploration.
<br />
<br />
<span style="color: royalblue; font-family: Verdana, sans-serif;">Big, brave, open-source, non-profit, community-provisioned, cross-cultural and batshit crazy. → Like, share, back-link, pin, tweet and mail. Hashtags? For the crowdfunding: <b>#VisualFutureOfMusic</b>. For the future live platform: <b> #WorldMusicInstrumentsAndTheory</b>. Or simply register as a potential crowdfunder..</span>
<br />
<br />
<h2>Transnotation</h2>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-jRFswTqZKqE/WOAlcDywJCI/AAAAAAAADrc/YBsPPZr2G3IID0HNujN5QcCr1Ss-0OlxACLcB/s1600/MusicXMLAndNotation-03-800x533.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="MusicXML to music system mappings. One to many. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://2.bp.blogspot.com/-jRFswTqZKqE/WOAlcDywJCI/AAAAAAAADrc/YBsPPZr2G3IID0HNujN5QcCr1Ss-0OlxACLcB/s320/MusicXMLAndNotation-03-800x533.png" width="320" height="213" title="MusicXML to music system mappings. One to many. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory"/><br /><strong>MusicXML To Music System Mapping</strong><br />One To Many, a.k.a Transnotation</a>
</div>
To recap, western notation can be -and indeed is- used to represent certain forms of just intoned systems. Equally, microtonal notationsystems such as Sagittal, conceived to represent just intoned music, can be used to represent conventional equal tempered pieces.
<br />
<br />
To be absolutely clear, we are not merely talking of subtly differentiated <a href="http://lilypondblog.org/2015/09/glyph-comparison-of-alternative-music-fonts/">glyph sets</a> (as between, say, Gonville and Emmenthaler), but the disambiguation of, and compatibility mapping between fundamentally different musical notations.
<br />
<br />
We are talking of the ability to represent a piece of music using notations based on one of a number of different underlying music systems.
<br />
<br />
The concept described here is known as 'Transnotation', and though not yet (to my knowledge) implemented in any online notation system, is <a href="https://books.google.ch/books?id=21yNPgAACAAJ&dq=transnotation&hl=en&sa=X&ved=0ahUKEwiHzb24_rrVAhXJOxoKHUPsCHsQ6AEIKjAA">long established amongst ethnomusicologists</a>.
<br />
<br />
<span style="color: royalblue; font-family: Verdana, sans-serif;">
My gut feeling is that this -to all intents and purposes simple- capability is the key to unlocking a wave of cross-cultural or comparative musicological interest. Moreover, it's consequent implementation, though in a comprehensively 'music visualization' sense manpower-intensive, is decidedly <b>not</b> rocket science.</span>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-o6NqIiD-0is/WOAlo_LgDpI/AAAAAAAADrg/n_vD08A2NcQawJ7xAIuFQCHVOTWoGAtTQCLcB/s1600/MusicXMLAndNotation-04-800x533.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://2.bp.blogspot.com/-o6NqIiD-0is/WOAlo_LgDpI/AAAAAAAADrg/n_vD08A2NcQawJ7xAIuFQCHVOTWoGAtTQCLcB/s320/MusicXMLAndNotation-04-800x533.png" width="320" height="213" /><br /><strong>Music System To MusicXML Mappings</strong><br />Beyond Our Control</a>
</div>
We might also (logically) infer that a given score can be represented by more than one type of exchange file. Indeed, here we can begin to think of compatibility mappings between exchange files.
<br />
<br />
As always, to avoid duplication, one should always seek mappings at the lowest possible level in any dependency tree. Our dependency tree stretches from underlying music systems over their semantic or semiotic representations to the formalities of exchange files to actual notations.
<br />
<br />
Clearly, mappings such as these are not just between various notation families, but effectively to music <b>systems</b> and hence <b>cultures</b>. If these could be formalized, might they not unlock some powerful practical applications?
<br />
<br />
Let's take a stab at illustrating this slightly confusing topic in one simple visual model. If we think of equal temperament and just intoned music systems as 'orthogonal' to each other, we might nevertheless find 'best-fit' pitch mappings between the two.
<div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-Skh9r16zn18/WOEpIioxUII/AAAAAAAADsA/uwMJpKyh8uAv10UvsdhzebKp-7hzO2TKQCLcB/s1600/MusicalMappingsTetrahedron-Mark02-800x533.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Equal temperament to just intonation mappings in notation. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://1.bp.blogspot.com/-Skh9r16zn18/WOEpIioxUII/AAAAAAAADsA/uwMJpKyh8uAv10UvsdhzebKp-7hzO2TKQCLcB/s1600/MusicalMappingsTetrahedron-Mark02-800x533.png" width="100%" height="auto" title="Equal temperament to just intonation mappings in notation. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory"/>
<br /><strong>Just Intonation To Equal Temperament: Notation Mappings</strong><br /><span style="color: red;"><b>Red</b></span> = Equal Temperament Score Representing Just Intoned Pitches<br /><span style="color: limegreen;"><b>Green</b></span> = Just Intonation Score Representing Equal Temperament Pitch
</a></div>
<br />
<br />
We show just two from many potential mappings. Other, perhaps experimental notations could be represented by additional tetrahedrons with an edge common with the underlying notation. The basis for a future animation?
<br />
<br />
Incidentally, similar results might alternatively (and more accurately) be found by directly overlaying the pitch graphs for the two systems.
<br />
<br />
For the meantime, we should simply be aware of notation mappings as a means of transitioning between:
<ul style="list-style-type: circle;">
<li><a href="https://en.wikipedia.org/wiki/Just_intonation#Staff_notation">equal temperament</a> and <a href="http://sagittal.org/sagittal.pdf">just intonations</a></li>
<li><a>Either of the above and yet more differentiated microtonal and experimental notations</a></li>
</ul>
Though those known and applied are limited in number, such mappings open a number of avenues for musical exploration.. The challenge, of course, is not just to indicate that a different pitch system is referred to, but -especially in the case of just intonations- to indicate which (possibly regional) derivative is intended.
<br />
<br />
At the end of the day, however, there is likely to be a simple and elegant solution. My own preferred hack is to describe the problem, and to allow the old wetware to work on it while sleeping.
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-D8AFWSGdm2U/WJ8jB1IwHTI/AAAAAAAAC_k/cg0d2oThijUnGFgvFb6wdhPvEltHx0PGQCK4B/s1600/Banner%2BPurple.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Avidly Seeking Sponsors #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" href="https://visualfutureofmusic.blogspot.ch/2016/12/project-seeks-sponsors.html" src="https://1.bp.blogspot.com/-D8AFWSGdm2U/WJ8jB1IwHTI/AAAAAAAAC_k/cg0d2oThijUnGFgvFb6wdhPvEltHx0PGQCK4B/s1600/Banner%2BPurple.png" title="Avidly Seeking Sponsors #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /></a>
</div>
<h2>Why Explore Music System Diversity?</h2>
Music notations in all their forms remain a surprisingly fertile and active area of interest and study among artists and musicians.
<br />
<br />
<table style="border: 1px solid orangered; color: steelblue; float: left; height: 80px; margin-left: auto; margin-right: 2em; text-align: center; width: 33%;">
<tbody>
<tr>
<td>
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="//blogspot.us14.list-manage.com/subscribe/post?u=6082c7c1fd4aacb458f4f3268&id=1dd5e99fbf" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
<h2 style="text-align: center; color: #f70000;">Potential Crowdfunder?</h2>
<div>
<label for="mce-FNAME">First Name</label>
<input type="text" name="FNAME" id="mce-FNAME">
</div>
<div>
<label for="mce-EMAIL">Email Address</label>
<input type="email" name="EMAIL" id="mce-EMAIL" title="The domain portion of the email address is invalid (the portion after the @)." pattern="^([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22))*\x40([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d))*(\.\w{2,})+$" required>
</div>
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_f2d244c0df42a0431bd08ddea_aeaa9dd034" tabindex="-1" value=""></div>
<div class="mc-status"></div>
<div><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>
<!--End mc_embed_signup--></td>
</tr>
</tbody>
</table>
While many have western classical music as context, it's probably fair to assume the similar levels of interest across all music cultures. Moreover, we humans can prove very adaptable. The use of music notations in contexts other than originally intended is no exception.
<br />
<br />
Often, the easiest way to learn something new is to relate it back to the known. Say you have two notation systems, one designed for equal temperament, the other for just intonation. A specific note may have a wholly different representation within each notation system, yet be so close in pitch that the representation is all but irrelevant.
<br />
<br />
This is a possible mapping: find enough and you have a general purpose bridge between the two systems. Uses?
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://3.bp.blogspot.com/-ZXnASMDv70w/WZ8OKJerWlI/AAAAAAAAElc/IQr9y5bHyeIcQri8SvcFboZwTHAbw_hCACLcBGAs/s1600/DataMutationScope-600x600.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://3.bp.blogspot.com/-ZXnASMDv70w/WZ8OKJerWlI/AAAAAAAAElc/IQr9y5bHyeIcQri8SvcFboZwTHAbw_hCACLcBGAs/s320/DataMutationScope-600x600.png" width="480" height="auto" data-original-width="600" data-original-height="600" /><br /><strong>Scope Of Changes To Music System</strong><br />(Flying By The Seat Of My Pants Here)</a></div><br />
<ul style="list-style-type: circle;">
<li>To ease transition to unfamiliar music systems - and hence musical cultures</li>
<li>New notational, instrumental and theory tool freedoms and interworking (for example: documenting experimental music using existing exchange file formats)</li>
<li>Represents emotional, cultural, commercial, social and intellectual <b>opportunity</b></li>
<li>Area of application of artificial intelligence</li>
<li>A base, context and <b>impetus</b> for the further development of web standards and conventions</li>
<li>New understandings in relation to other disciplines</li>
<li>Facilitates progress towards an open, multicultural society</li>
</ul>
In earlier posts, amongst others, we identified the following two configuration or control levels:
<ul style="list-style-type:circle">
<li>overall (music system)</li>
<li>internal defaults (notation, instrument and theory tools)</li>
</ul>
.. and of the flexibility boost they bring. Here they are illustrated:
<div class="separator" style="clear: both; text-align: center;"><a href="https://3.bp.blogspot.com/-K7im8HRU36Q/WaKq7Dxq01I/AAAAAAAAEm8/fq8tRbFtvRkp-1X4xTj3on3YDydvOVd-wCLcBGAs/s1600/PropagationOfMusicSystemConfigChanges-800x533.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Comparative Musicology: Propagation Of Data-Driven Music System Changes in Music Visualization #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://3.bp.blogspot.com/-K7im8HRU36Q/WaKq7Dxq01I/AAAAAAAAEm8/fq8tRbFtvRkp-1X4xTj3on3YDydvOVd-wCLcBGAs/s1600/PropagationOfMusicSystemConfigChanges-800x533.png" data-original-width="800" data-original-height="533" alt="Comparative Musicology: Propagation Of Data-Driven Music System Changes in Music Visualization #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /><br /><strong>Comparative Musicology: Propagation Of Data-Driven Music System Changes in Music Visualization</strong></a></div>
<br />
<br />
Here we see two types of configuration change in action: the defaults, driven both by the musical source (here MusicXML) and user's environmental settings, and any directly user-controlled and propagated 'what-if' type changes.
<br />
<br />
Freedom of navigation between compatible music systems seems likely to serve these ends. For the rest, we will be able to see at a glance where differences lie and why they are rendered incompatible.
<br />
<br />
<table class="roundedCorners" style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="20%"><a href="https://www.blogger.com/null"><strong>Pitch Standards</strong><br /><a href="https://en.wikipedia.org/wiki/A440_(pitch_standard)">440 Hz (Standard)</a><br />
<a href="http://omega432.com/432-music/the-importance-of-432hz-music/">432 Hz ('Nature')</a><br /></a></td>
<td style="text-align: center;" width="30%"><a href="https://www.blogger.com/null"><strong>Notes Or Tones Per Octave</strong><br />
<b>12</b>, 17, 19, 22, <b>24</b>, 25, 31, 41, 46,<br /><b>48</b>, 53, 58, <b>72</b>, 79, 88, <b>96</b>, 1420</a></td>
<td style="text-align: center;" width="50%"><a href="https://www.blogger.com/null"><strong>Temperaments & Intonations</strong><br />
Equal, Just, Meantone, Pythagorean, Syntonic,<br />Well Tempered, Tempered Timbres - and many others..</a></td>
</tr>
</tbody>
</table>
<div class="separator" style="clear: left; float: left; text-align: center;">
<a href="https://2.bp.blogspot.com/-orACj36Hnrw/WND8pRC2LMI/AAAAAAAADmE/26PsfdYi-8IbpKPssBByj8kC2uKg7PlQgCK4B/s1600/MusicalTowerHanoi-800x533.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Music Visualization: Configuration Settings Resolved With Each Music System Decision" border="0" src="https://2.bp.blogspot.com/-orACj36Hnrw/WND8pRC2LMI/AAAAAAAADmE/26PsfdYi-8IbpKPssBByj8kC2uKg7PlQgCK4B/s1600/MusicalTowerHanoi-800x533.png" title="Music Visualization: Configuration Settings Resolved With Each Music System Decision" /><br /><strong>Configuration Settings</strong><br />With Each Decision, More Visualization Clarity<br />(With Game of Hanoi As Visual Metaphor)</a>
</div>
<br />
<br />
Those used to the 'western' 12-tone equal temperament can be truly surprised to learn of the many other music systems in use worldwide. Whether surveyed by <a href="https://en.wikipedia.org/wiki/List_of_cultural_and_regional_genres_of_music#By_ethnicity_or_origin">ethnicity</a>, <a href="https://en.wikipedia.org/wiki/List_of_cultural_and_regional_genres_of_music#By_province.2C_region_or_other_sub-national_entity">region</a>, <a href="https://en.wikipedia.org/wiki/List_of_cultural_and_regional_genres_of_music#By_country">country</a>, <a href="https://en.wikipedia.org/wiki/List_of_cultural_and_regional_genres_of_music#By_religion">religion</a> or underlying music system, there is vast diversity of musical convention, style - and tonal subtlety. For the most part, the latter is largely lost on ears accustomed only to western music.
<br />
<br />
Swapping perspectives for a moment, having your musical culture ignored, misunderstood or even disparaged is for many -along with language, food or customs- just another challenge in an increasingly multicultural society.
<br />
<br />
<h2>Music Systems In The Learning Process</h2>
The concept of transnotation is intimately bound to the way musical symbols are used to represent intent.
<br />
<br />
Having got this far, let's go just a little deeper, and see if we can identify how learning is affected by music system -and especially symbolism. Keep in mind: we are not talking specific notations or symbolism here, but the notion of musical <b>intent</b>.
<br />
<br />
<table class="roundedCorners" style="float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%; background-color:cornflower;">
<caption style="text-align: center; caption-side: bottom;"><br /><strong>Music Systems In The Learning Process</strong></caption>
<tbody>
<tr>
<td style="text-align: right;" width="20%">
<strong>Goal</strong>
</td>
<td style="text-align: center;" width="5%" rowspan="9">
<!-- https://www.quackit.com/html/codes/tables/html_table_border.cfm -->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="96" height="128" viewBox="-100 -124 96 128" overflow="visible" enable-background="new -100 -124 96 128" xml:space="preserve">
<stop stop-color="green" offset="0"/>
<stop stop-color="darkgreen" offset="1"/>
</linearGradient>
<linearGradient y2="1.0674" x2="0.61866" y1="0.59517" x1="0.53255" id="XMLID_6_">
<stop stop-color="green" offset="0"/>
<stop stop-color="darkgreen" offset="1"/>
</linearGradient>
<linearGradient y2="1.18718" x2="0.56248" y1="0.34342" x1="0.48576" id="XMLID_7_">
<stop stop-color="green" offset="0"/>
<stop stop-color="darkgreen" offset="1"/>
</linearGradient>
<linearGradient y2="0.96338" x2="0.55273" y1="0.45953" x1="0.44533" id="XMLID_8_">
<stop stop-color="springgreen" offset="0"/>
<stop stop-color="mediumspringgreen" offset="1"/>
</linearGradient>
<g>
<title>Layer 1</title>
<path fill="darkgreen" id="svg_1" d="m-52.415,1.486l-45,45c-0.575,0.575 -0.745,1.431 -0.434,2.181c0.31,0.748 1.036,1.233 1.849,1.233c0,0 23.15,0 25,0c0,1.936 0,61 0,61c0,1.103 0.897,2 2,2l36,0c1.103,0 2,-0.897 2,-2c0,0 0,-59.064 0,-61c1.85,0 25,0 25,0c0.813,0 1.538,-0.485 1.848,-1.235c0.001,-0.003 0.152,-0.765 0.152,-0.765c0,-0.534 -0.208,-1.036 -0.586,-1.414l-45,-45c-0.78,-0.78 -2.049,-0.78 -2.829,0z" opacity="0.2"/>
<path fill="darkgreen" id="svg_2" d="m-51.708,2.193l-45,45c-0.286,0.286 -0.372,0.716 -0.217,1.09c0.155,0.373 0.52,0.617 0.925,0.617c0,0 24.146,0 26,0c0,1.937 0,62 0,62c0,0.552 0.447,1 1,1l36,0c0.553,0 1,-0.448 1,-1c0,0 0,-60.063 0,-62c1.854,0 26,0 26,0c0.404,0 0.77,-0.244 0.924,-0.617c0.05,-0.124 0.076,-0.254 0.076,-0.383c0,-0.26 -0.102,-0.516 -0.293,-0.707l-45,-45c-0.391,-0.391 -1.024,-0.391 -1.415,0z" opacity="0.2"/>
<path id="svg_3" d="m-51.708,1.193l-45,45c-0.286,0.286 -0.372,0.716 -0.217,1.09c0.155,0.373 0.52,0.617 0.925,0.617c0,0 24.146,0 26,0c0,1.937 0,62 0,62c0,0.552 0.447,1 1,1l36,0c0.553,0 1,-0.448 1,-1c0,0 0,-60.063 0,-62c1.854,0 26,0 26,0c0.404,0 0.77,-0.244 0.924,-0.617c0.05,-0.124 0.076,-0.254 0.076,-0.383c0,-0.26 -0.102,-0.516 -0.293,-0.707l-45,-45c-0.391,-0.391 -1.024,-0.391 -1.415,0z" fill="url(#XMLID_5_)"/>
<polygon id="svg_4" points="-51,1.8999996185302734 -96,46.900001525878906 -69,46.900001525878906 -69,109.9000015258789 -33,109.9000015258789 -33,46.900001525878906 -6,46.900001525878906 " fill="#00ed00"/>
<path stroke="null" id="svg_5" d="m-68,45.9l-27,0l-1,1l27,0l0,63l36,0l0,-1l-35,0l0,-63z" fill="#00bf00"/>
<path id="svg_6" d="m-51,2.9l-45,45l27,0l0,17.85c0,0 5.844,-2.432 16.672,-5.091s19.328,-3.159 19.328,-3.159l0,-9.6l27,0l-45,-45z" fill="#7fff00"/>
</g>
</svg>
</td>
<td style="text-align: left;" width="20%">
<strong>Means</strong>
</td>
<td style="text-align: center;" width="5%">
</td>
<td style="text-align: left;" width="45%">
<strong>Concrete Example</strong>
</td>
</tr>
<tr>
<td style="text-align: right;" width="20%">
Transsemiotic mappings
</td>
<td style="text-align: left;" width="20%">
Semiotic interworking.
</td>
<td style="text-align: center;" width="5%">
</td>
<td style="text-align: left;" width="45%">
Semantic or semiotic compatibility within same exchange format (source), semantic 'meta-knowledge'. Pan- and music-system-generic symbolism.
</td>
</tr>
<tr>
<td style="text-align: right;" width="20%">
Extending Horizons
</td>
<td style="text-align: left;" width="20%">
Microtonal Tunings & Regional Prefs
</td>
<td style="text-align: center;" width="5%">
</td>
<td style="text-align: left;" width="45%">
Expressing fine-grain regional differences in tuning practice.
</td>
</tr>
<tr>
<td style="text-align: right;" width="20%">
Musical flexibility
</td>
<td style="text-align: left;" width="20%">
Accommodation of global change.
</td>
<td style="text-align: right;" width="5%">
</td>
<td style="text-align: left;" width="45%">
Accommodation of key change or transposition, and instruments in other than noted keys..
</td>
</tr>
<tr>
<td style="text-align: right;" width="20%">
Stylistic disambiguation
</td>
<td style="text-align: left;" width="20%">
Elements of style. Innovation
</td>
<td style="text-align: center;" width="5%">
</td>
<td style="text-align: left; color: deeppink;" width="45%">
Semiotics of fine-motor, stylistic intent and their disambiguation. Symbol innovation.
</td>
</tr>
<tr>
<td style="text-align: right;" width="20%">
External mappings
</td>
<td style="text-align: left;" width="20%">
Fingering, chord etc representations
</td>
<td style="text-align: center;" width="5%">
</td>
<td style="text-align: left;" width="45%">
Semiotics of pitch-finger position mappings, including chord representation
</td>
</tr>
<tr>
<td style="text-align: right;" width="20%">
Detailed glyph-semiotics mappings
</td>
<td style="text-align: left;" width="20%">
Semiotics catalogue.
</td>
<td style="text-align: center;" width="5%">
</td>
<td style="text-align: left;" width="45%">
Survey semiotics of pitch, voice, dynamics etc. What exists? Existing meanings. Gap analysis.
</td>
</tr>
<tr>
<td style="text-align: right;" width="20%">
Initial Orientation
</td>
<td style="text-align: left;" width="20%">
Identify applicable music systems
</td>
<td style="text-align: center;" width="5%">
</td>
<td style="text-align: left;" width="45%">
Desired semiotics across time signatures, pitch, dynamics etc.
</td>
</tr>
<tr>
<td style="text-align: right;" width="20%">
Music System Application Area
</td>
<td style="text-align: left;" width="20%">
Culture, instrumentation, conventions
</td>
<td style="text-align: center;" width="5%">
</td>
<td style="text-align: left;" width="45%">
What do we want to communicate?
</td>
</tr>
</tbody>
</table>
<br />
<br />
<h2>Where There's A Will, There's A Way</h2>
Finally, mappings between notations dedicated to different music systems have the potential to open many cultural doors. How might we accelerate their discovery? Here some tentative thoughts.
<br />
<ul style="list-style-type: circle;">
<li>General user consensus, perhaps with recognised limitations</li>
<li>A crowd-sourced approach, possibly using screen bitmaps and/or audio to correlate symbol and behaviour</li>
<li>A structured test approach, but otherwise as immediately above</li>
<li>Artificial intelligence engine able to identify notation compatibilities</li>
</ul>
<br />
<br />
<hr />
<h2 id="Overview" style="color: royalblue; text-align: center;">
Keywords</h2>
<hr />
<br />
<table style="color: royalblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
online music learning,<br />
online music lessons
</td>
<td style="text-align: center;" width="33%">
distance music learning,<br />
distance music lessons
</td>
<td style="text-align: center;" width="33%">
remote music lessons,<br />
remote music learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
p2p music lessons,<br />
p2p music learning
</td>
<td style="text-align: center;" width="33%">
music visualisation<br />
music visualization
</td>
<td style="text-align: center;" width="33%">
musical instrument models<br />
interactive music instrument models
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
music theory tools<br />
musical theory
</td>
<td style="text-align: center;" width="33%">
p2p music interworking<br />
p2p musical interworking
</td>
<td style="text-align: center;" width="33%">
comparative musicology<br />
ethnomusicology
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
world music<br />
international music</td>
<td style="text-align: center;" width="33%">
folk music<br />
traditional music
</td>
<td style="text-align: center;" width="33%">
P2P musical interworking,<br />
Peer-to-peer musical interworking
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
WebGL, Web3D,<br />
WebVR, WebAR
</td>
<td style="text-align: center;" width="33%">
Virtual Reality,<br />
Augmented or Mixed Reality
</td>
<td style="text-align: center;" width="33%">
Artificial Intelligence,<br />
Machine Learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
Scalar Vector Graphics,<br />
SVG
</td>
<td style="text-align: center;" width="33%">
3D Cascading Style Sheets,<br />
CSS3D
</td>
<td style="text-align: center;" width="33%">
X3Dom,<br />
XML3D
</td>
</tr>
</tbody>
</table>
<br />
<br />
</span>Cantillatehttp://www.blogger.com/profile/14558742596559186897noreply@blogger.com0tag:blogger.com,1999:blog-945815475576917628.post-4899796834799935212017-03-10T12:42:00.000+01:002017-07-22T14:31:05.404+02:00World Music Visualization / Visualisation Aggregator Platform: Overview<span style="font-family: "verdana" , sans-serif;">
<br />
Project any score or exercise into an immersive, personalised, 2- or 3D <b>graphical</b> learning playground comprising interactive instrument and music theory models for any world music system. Soak up context-rich native theory with every score or exercise.
<table style="border: 1px solid orangered; color: steelblue; float: right; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 33%;">
<tbody>
<tr>
<td>
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="//blogspot.us14.list-manage.com/subscribe/post?u=6082c7c1fd4aacb458f4f3268&id=1dd5e99fbf" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
<h2 style="text-align: center; color: #f70000;">Potential Crowdfunder?</h2>
<div>
<label for="mce-FNAME">First Name</label>
<input type="text" name="FNAME" id="mce-FNAME">
</div>
<div>
<label for="mce-EMAIL">Email Address</label>
<input type="email" name="EMAIL" id="mce-EMAIL" title="The domain portion of the email address is invalid (the portion after the @)." pattern="^([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22))*\x40([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d))*(\.\w{2,})+$" required>
</div>
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_f2d244c0df42a0431bd08ddea_aeaa9dd034" tabindex="-1" value=""></div>
<div class="mc-status"></div>
<div><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>
<!--End mc_embed_signup--></td>
</tr>
</tbody>
</table>
<br />
Connect core animations (instrument models and theory tools) via P2P notation controls, and you have the basis for a video chat <b>remote learning support</b> toolset. With video chat already used extensively in remote music learning, this is an application area humming with opportunity.
<br />
<br />
World Music's DIVERSITY and Data Visualisation's EXPRESSIVE POWER collide. A galaxy of INTERACTIVE, SCORE-DRIVEN <a href="https://www.pinterest.com/cantillate/static-world-music-instruments-and-models/">instrument model</a> and <a href="https://www.pinterest.com/cantillate/static-music-theory-examples/">theory tool</a> animations is born.
<br />
<br />
<br />
Could this be the future of online music education?
<br />
<br />
<span style="color: royalblue; font-family: Verdana, sans-serif;">Big, brave, open-source, non-profit, community-provisioned, cross-cultural and skid mark crazy. → Like, share, back-link, pin, tweet and mail. Hashtags? For the crowdfunding: <b>#VisualFutureOfMusic</b>. For the future live platform: <b>#WorldMusicInstrumentsAndTheory</b>. Or simply register as a potential crowdfunder..</span>
<br />
<br />
<hr />
<h2 id="Overview" style="color: #f70000; text-align: center;">
Data Visualisation + World Music + P2P Connectivity<br />End Goal? Global Musical Interworking..</h2>
<hr />
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%"><a href="https://3.bp.blogspot.com/-gfLMA8v4mGc/WJyLonIeHsI/AAAAAAAAC74/vpwud2w4IXwmTKuvtzuj6SiCck-uMaPhACK4B/s1600/MoreCloudspeak-800x833.png" imageanchor="1"><img alt="Visualisation Toolset: Liberate ALL Music Learning. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://3.bp.blogspot.com/-gfLMA8v4mGc/WJyLonIeHsI/AAAAAAAAC74/vpwud2w4IXwmTKuvtzuj6SiCck-uMaPhACK4B/s320/MoreCloudspeak-800x833.png" title="Visualisation Toolset: Liberate ALL Music Learning. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><br /><strong>Liberate Music Learning</strong><br />
Remote Teaching & Visualisation Toolset</a></td>
<td style="text-align: center;" width="33%"><a href="https://2.bp.blogspot.com/-6MB0z_58jUY/WKRYP8CwTyI/AAAAAAAADH4/nwduG79U4j4iMKOmlzw0lwOLFisy88uIwCK4B/s1600/Heart-TRANSPARENT-800x533.png" imageanchor="1"><img alt="Visualisation Toolset: Connect Emotional Intelligence. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://2.bp.blogspot.com/-6MB0z_58jUY/WKRYP8CwTyI/AAAAAAAADH4/nwduG79U4j4iMKOmlzw0lwOLFisy88uIwCK4B/s320/Heart-TRANSPARENT-800x533.png" title="Visualisation Toolset: Connect Emotional Intelligence. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Connect Emotional Intelligence</strong><br />
Rise Above The Algorithmic</a></td>
<td style="text-align: center;" width="33%"><a href="https://2.bp.blogspot.com/-_poDrMmw72I/WJebIMsoOfI/AAAAAAAAC10/7ncC-NWYY7YoJRnJCAIJ7NrbyYrIfCRlACK4B/s1600/ForBlogger-800x533-03.png" imageanchor="1"><img alt="World Music Theory, Instrument Models, Community Music and Dance. aggregate().orchestrate().animate() #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://2.bp.blogspot.com/-_poDrMmw72I/WJebIMsoOfI/AAAAAAAAC10/7ncC-NWYY7YoJRnJCAIJ7NrbyYrIfCRlACK4B/s320/ForBlogger-800x533-03.png" title="World Music Theory, Instrument Models, Community Music and Dance #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><br /><strong>Set Them Dancing Together</strong>
<br />aggregate().orchestrate().animate()</a></td>
</tr>
</tbody>
</table>
<br />
<hr />
<div style="text-align: center;">
<b>Notation-driven</b>. Project any score or exercise into an immersive, personalised, 2- or 3D <b>graphical</b> learning playground comprising interactive instrument and music theory models for <b>any</b> world music system. Soak up context-rich native theory with every piece.
</div>
<hr />
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%"><a href="https://4.bp.blogspot.com/-J371iNzdM44/WLVqrzBxyVI/AAAAAAAADe0/Pj9YnWdU8KswKol_FiopLgJx0197qS7wACK4B/s1600/Screen%2BShot%2B2017-02-28%2Bat%2B13.15.45.png" imageanchor="1"><img alt="Music Visualisation: Notation, Instruments, Theory - Freely Configurable Interworking #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://4.bp.blogspot.com/-J371iNzdM44/WLVqrzBxyVI/AAAAAAAADe0/Pj9YnWdU8KswKol_FiopLgJx0197qS7wACK4B/s320/Screen%2BShot%2B2017-02-28%2Bat%2B13.15.45.png" title="Music Visualisation: Notation, Instruments, Theory - Freely Configurable Interworking #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" />
<strong>Instant Comparative Musicology</strong><br />
Thru Freely Configurable Interworking</a></td>
<td style="text-align: center;" width="33%"><a href="https://4.bp.blogspot.com/-rgWyIYLqTZA/WJHbIUyHTcI/AAAAAAAACsM/RjxLBnt0yucPD3SwdCBxo1rU_3zSL2rzwCK4B/s1600/ColourfulInstrumentsA3-02-800x533%2B2.png" imageanchor="1"><img alt="Animate Musical Storytelling: Data, Goal, Story, Metaphor #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://4.bp.blogspot.com/-rgWyIYLqTZA/WJHbIUyHTcI/AAAAAAAACsM/RjxLBnt0yucPD3SwdCBxo1rU_3zSL2rzwCK4B/s320/ColourfulInstrumentsA3-02-800x533%2B2.png" title="Animate Musical Storytelling: Data, Goal, Story, Metaphor #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Animate Musical Storytelling</strong><br />
Data, Goal, Story, Metaphor</a></td>
<td style="text-align: center;" width="33%"><a href="https://1.bp.blogspot.com/-hs8tgGohQM8/WKblza9zKdI/AAAAAAAADME/wT8ysQ5zMIgNfR68Jfzx_5wC-aSyPqungCK4B/s1600/blank-800x533%2Bcopy.png" imageanchor="1"><img alt="Visualisation Toolset: Celebrate Instrumental Diversity. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://1.bp.blogspot.com/-hs8tgGohQM8/WKblza9zKdI/AAAAAAAADME/wT8ysQ5zMIgNfR68Jfzx_5wC-aSyPqungCK4B/s320/blank-800x533%2Bcopy.png" title="Visualisation Toolset: Celebrate Instrumental Diversity. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Celebrate Instrumental Diversity</strong><br />
With Easily Assembled Online Models</a></td>
</tr>
</tbody>
</table>
<br />
<hr />
<div style="text-align: center;">
Building out from 12-tone equal temperament, this platform has the potential to dramatically extend the P2P learning, teaching and expressive capabilities of every musician. Can human emotions and virtuosity transcend technology? Only empowerment will tell.
</div>
<hr />
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%"><a href="https://1.bp.blogspot.com/-XyXZrdAXSAo/WLVdlt27nmI/AAAAAAAADek/ij4a9ZunQIspkPC7JDZ_2elyuJwebo5GACK4B/s1600/Base-800x533%2Bcopy%2B10.png" imageanchor="1"><img alt="Visualisation Toolset: Energise The Notation #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://1.bp.blogspot.com/-XyXZrdAXSAo/WLVdlt27nmI/AAAAAAAADek/ij4a9ZunQIspkPC7JDZ_2elyuJwebo5GACK4B/s320/Base-800x533%2Bcopy%2B10.png" title="Visualisation Toolset: Energise The Notation #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Energise The Notation</strong><br />
See Animation Potential Everywhere</a></td>
<td style="text-align: center;" width="33%"><a href="https://4.bp.blogspot.com/-tnSyBiX3WMc/WJ9rw85baMI/AAAAAAAADAc/v8YU4zqMeLgNS35ZKwT3TM_dfM15iTJ2QCK4B/s1600/DatavizTheRocketMusicThePayload-800x533-HarHar.jpg" imageanchor="1"><img alt="Dataviz The Propellant Music The Payload. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://4.bp.blogspot.com/-tnSyBiX3WMc/WJ9rw85baMI/AAAAAAAADAc/v8YU4zqMeLgNS35ZKwT3TM_dfM15iTJ2QCK4B/s320/DatavizTheRocketMusicThePayload-800x533-HarHar.jpg" title="Dataviz The Propellant Music The Payload. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Dataviz The Propellant</strong><br />
Music The Payload</a></td>
<td style="text-align: center;" width="33%"><a href="https://2.bp.blogspot.com/-V6sXsaYQ1ok/WKbrTsf_PkI/AAAAAAAADMU/TsY1lZE3CC8AxX91WyFwd-NDAx3TsABQQCK4B/s1600/ToolsBarebones.png" imageanchor="1"><img alt="Visualisation Toolset: Score-Synchronised Abstract Models #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://2.bp.blogspot.com/-V6sXsaYQ1ok/WKbrTsf_PkI/AAAAAAAADMU/TsY1lZE3CC8AxX91WyFwd-NDAx3TsABQQCK4B/s320/ToolsBarebones.png" title="Visualisation Toolset: Score-Synchronised Abstract Models #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>*OWN* The Theory</strong><br />Score-Synchronised Abstract Models</a></td>
</tr>
</tbody>
</table>
<br />
<hr />
<br />
<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em;"><tbody>
<tr><td style="text-align: center;"><a href="https://2.bp.blogspot.com/-W-CN0pSFR-I/WFsLuBqgSjI/AAAAAAAACME/K6RTkeMajjMkb3zL4h5YQoxpWVeLXQEnQCK4B/s1600/CurrentSituationOnlineInstrumentRepresentationCropped.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt=" Current State: Online Focus on a Tiny Range of Instruments #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="298" src="https://2.bp.blogspot.com/-W-CN0pSFR-I/WFsLuBqgSjI/AAAAAAAACME/K6RTkeMajjMkb3zL4h5YQoxpWVeLXQEnQCK4B/s400/CurrentSituationOnlineInstrumentRepresentationCropped.png" title=" Current State: Online Focus on a Tiny Range of Instruments #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="font-size: 12.8px; text-align: center;">Current State: Online Focus on a Tiny Range of Instruments</td></tr>
</tbody>
</table>
A significant problem with current online music education offerings is that such a tiny range of instruments are featured.<br />
<br />Most of these reflect the sounds and conventions of western art and popular music, leaving many of the world's most intriguing folk, traditional, heritage and experimental instruments entirely unrepresented.<br />
<br />Indeed, a structured, robust and consequently modelled web presence for world music instruments and theory models is one of the few remaining 'low hanging fruit' and 'greenfield' application areas yet to be addressed in the online social music arena.<br />
<br />Given the domain's complexity, the most sensible and pragmatic approach seems that of an aggregator environment - bringing all the data, tools and information together in one carefully orchestrated virtual platform. Moreover, the browser gives us access to some of the most powerful and flexible interworking and multimedia tools in existence. Exploiting them to musician's advantage is the goal of this project.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: right; margin-left: 1em; text-align: right;"><tbody>
<tr><td style="text-align: center;"><a href="https://1.bp.blogspot.com/-P9FCFvaePqw/WFsMJRFiQ9I/AAAAAAAACMM/CzXUJUkZFOM-rbgKI-PCG1u5qNs66xThACK4B/s1600/EndGoalOnlineInstrumentRepresentationCropped.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="End Goal: Every World Instrument Family Fully Modelled #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="296" src="https://1.bp.blogspot.com/-P9FCFvaePqw/WFsMJRFiQ9I/AAAAAAAACMM/CzXUJUkZFOM-rbgKI-PCG1u5qNs66xThACK4B/s400/EndGoalOnlineInstrumentRepresentationCropped.png" title="End Goal: Every World Instrument Family Fully Modelled #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="font-size: 12.8px; text-align: center;">End Goal: World Instrument Families (Use-)Fully Modelled</td></tr>
</tbody></table>
Moreover, given the often strong cultural importance associated with particular instruments, the underlying business concept should ensure the platform is acceptable across a wide range of ethnic and other boundaries.<br />
<br />Our goal therefore is a single, global and non-profit online platform for world music teaching, supporting a comprehensive range of source formats, instrument models, in-browser tools and end devices.<br />
<br />Carefully conceived and executed, the platform could be overlaid with a wide range of services, providing entirely new and innovative earnings channels to the world's virtuoso instrumentalists, and a direct, intuitive and powerful toolset for learners.<br />
<br />Though at first sight a daunting task, in the long run this promises high community, social and end user value:<br />
<ul>
<li>simple, intuitive and entirely graphical end-to-end toolset and process support for P2P teaching worldwide</li>
<li>full microtonal score support using a variety of world music notation systems.</li>
<li>fill the many gaps in online, interactive world music instrument modelling</li>
<li>answers -in purely visual form- to music-theoretical questions outwith the realm of the so-called 'classical' or 'western' music system.</li>
</ul>
In this sense the platform can be thought of both as window onto world music instrumental diversity, and playpen for musical invention and experiment.<br />
<br />All this is entirely realisable. It just needs patience... and funding.<br />
<br />
<br />
<hr />
<h2 id="Overview" style="color: royalblue; text-align: center;">
Keywords</h2>
<hr />
<br />
<table style="color: royalblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
online music learning,<br />
online music lessons
</td>
<td style="text-align: center;" width="33%">
distance music learning,<br />
distance music lessons
</td>
<td style="text-align: center;" width="33%">
remote music lessons,<br />
remote music learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
p2p music lessons,<br />
p2p music learning
</td>
<td style="text-align: center;" width="33%">
music visualisation<br />
music visualization
</td>
<td style="text-align: center;" width="33%">
musical instrument models<br />
interactive music instrument models
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
music theory tools<br />
musical theory
</td>
<td style="text-align: center;" width="33%">
p2p music interworking<br />
p2p musical interworking
</td>
<td style="text-align: center;" width="33%">
comparative musicology<br />
ethnomusicology
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
world music<br />
international music</td>
<td style="text-align: center;" width="33%">
folk music<br />
traditional music
</td>
<td style="text-align: center;" width="33%">
P2P musical interworking,<br />
Peer-to-peer musical interworking
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
WebGL, Web3D,<br />
WebVR, WebAR
</td>
<td style="text-align: center;" width="33%">
Virtual Reality,<br />
Augmented or Mixed Reality
</td>
<td style="text-align: center;" width="33%">
Artificial Intelligence,<br />
Machine Learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
Scalar Vector Graphics,<br />
SVG
</td>
<td style="text-align: center;" width="33%">
3D Cascading Style Sheets,<br />
CSS3D
</td>
<td style="text-align: center;" width="33%">
X3Dom,<br />
XML3D
</td>
</tr>
</tbody>
</table>
<br />
<br />
</span>Cantillatehttp://www.blogger.com/profile/14558742596559186897noreply@blogger.com0tag:blogger.com,1999:blog-945815475576917628.post-24529660520223986002017-03-10T12:35:00.001+01:002017-10-25T07:07:54.539+02:00World Music Visualization Aggregator Platform: Challenges<span style="font-family: "verdana" , sans-serif;">
<br />
Despite learner's thirst for <b>visual</b> models of musical structure, musical visualization's vast potential -in the form of a single, unifying or aggregator platform- remains entirely untapped. Here a running tally of the main challenges the world music visualization aggregator platform in focus here seeks to answer or is likely to encounter. Resolved, clearly these will have a profound impact on acceptance and advance.
<br />
<br />
<span style="color: royalblue; font-family: Verdana, sans-serif;">Big, brave, open-source, non-profit, community-provisioned, cross-cultural and dingbats crazy. → Like, share, back-link, pin, tweet and mail. Hashtags? For the crowdfunding: <b>#VisualFutureOfMusic</b>. For the future live platform: <b>#WorldMusicInstrumentsAndTheory</b>. Or simply register as a potential crowdfunder..</span>
<br />
<br />
<h2>Bridging The Gulf Between Written And Aural Traditions</h2>
The 'classical' or 'western' music system is a written one, but only one of many in use worldwide. Any form of notation is low hanging fruit for a world music visualization aggregator platform.
<br />
<br />
<b>Far</b> more technically challenging are the purely aural traditions. Here, questions such as recognition (if at all) of the octave, the number of notes or tones per octave, and whether temperament or intonation are at play have to be resolved before so much as the first visual aid can be presented. This implies advanced sampling technologies -quite possibly leveraging artificial or machine intelligence- and accessing the 'musical stack' in ways and at points at odds with conventional MusicXML (and other exchange format) based notation systems.
<h2>Consistency & Homogeneity</h2>
<b>Any</b> visualization aggregator platform accepting open source contributions is immediately going to face four central challenges related to consistency or homogeneity:
<ul style="list-style-type: circle;">
<li>timing and synchronization (including any delays or advances for visual clarity)</li>
<li>visual styling (branding, contrast, color, line thicknesses)</li>
<li>behavior (screen placement, visual scale, population practices, and strategies for coping with multiple (same-family) instrument configurations)</li>
</ul>
All lie in the realm of contributor education, best perhaps addressed with clear test and qualification rulesets, best practice and style guides.
<br />
<h2>Interworking Controls</h2>
We have a number of possible approaches to interworking between browsers, but these are restricted in the following ways:
<ul style="list-style-type: circle;">
<li>browser (as opposed to native) application</li>
<li>wide adoption, robust and proven</li>
<li>near-real-time</li>
<li>open source</li>
<li>avoids bloatware dependencies (JQuery & Co)</li>
<li>no single point of failure, i.e. preferably distributed architecture</li>
<li>able to cope with <a href="https://en.wikipedia.org/wiki/NAT_traversal">NAT traversal</a></li>
<li>syntax familiar to web developers</li>
<li>flexible, multi-channel signaling (interworking commands at control, configuration and population/user preferences levels, possibly over different protocols)</li>
</ul>
Well that should separate the chaff from the corn.. :-E
<h2>Arts And Mathematics</h2>
Music is emotion, is taught as a liberal arts subject. Nevertheless, music is also mathematics. Music is an expression of physical behaviors or properties.
<br />
<br />
One of the major challenges in music visualization is to overcome user bias towards the emotional or the technical. A person with a strong emotional relationship with music may have a hard time accepting the contribution to the whole of underlying mathematical structures and physical properties. Vice-versa, musicians focussed on abstract, technical or functional music forms may no longer see any role for emotion.
<br />
<br />
A visualization aggregator platform has the task of (where desired) bringing these two together.
<h2>Multi-Configuration Instruments</h2>
Some instruments -such as accordion- bring an additional modeling challenge in the form of entirely different configurations for the right and left hands.
<br />
<br />
One accordion hand may be grappling with any of dozens of different chromatic or diatonic (melody-oriented) layouts, the other with any of dozens of chromatic or diatonic (chord-oriented) layouts. In the case of concertina, left and right hands may both be playing melody, or indeed the occasional chord.
<br />
<br />
Combined, these can result in literally thousands of joint configurations. In modeling terms, we have to functionally separate each hand while looking to the musical homogeneity of the whole. This may sound non-trivial, but in practice the resolution of many problems is inherent in the original score. Both instruments and voices (and hence hands) are often clearly separated and hence individually selectable, the data being fed to the left or right hand as the score implies. Nevertheless, there will always be room for user preference, such as deciding in specific tonal range cutoff points for each hand.
<h2>Multiple Technology Stacks</h2>
Music notation needs to serve three distinct technology areas: 2D graphical modeling (<a href="Instrument Modeling: Lute Family">instruments</a> and <a href="https://visualfutureofmusic.blogspot.ch//2017/04/music-visualisation-cultivating-theory.html">theory tools</a>), <a href="https://visualfutureofmusic.blogspot.ch//2017/05/music-visualisation-machine-learning.html">artificial intelligence</a> (from musical data, identifying and optimising musical <b>information</b>), and the virtual worlds of <a href="https://visualfutureofmusic.blogspot.ch//2017/05/world-music-visualisations-and-3d-web.html">Web3D (WebAR and WebVR</a>).
<h2>Fingerings</h2>
The <a href="https://stackoverflow.com/questions/46919219/decoupling-musicxml-fingerings-for-use-with-world-instruments">lack of flexibility in assigning fingerings</a> to a piece of music is quite frankly the single most challenging issue in the creation of a music visualization platform.
<br />
<br />
The problem with fingering annotations lies in the very notation exchange files themselves - and (as the W3C standard for music exchange) in MusicXML in particular. The same problem crops up in other music exchange format files, though.
<br />
<br />
The 'real-life' relationship between notation and possible fingerings is inescapably ‘one-to-many’, yet MusicXML permits only 'one-to-one'. That in turn forces pointless duplication of what is in all other respects an identical score.
<br />
<br />
<table style="border: 1px solid orangered; color: steelblue; float: left; height: 80px; margin-left: auto; margin-right: 2em; text-align: center; width: 33%;">
<tbody>
<tr>
<td>
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="//blogspot.us14.list-manage.com/subscribe/post?u=6082c7c1fd4aacb458f4f3268&id=1dd5e99fbf" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
<h2 style="text-align: center; color: #f70000;">Potential Crowdfunder?</h2>
<div>
<label for="mce-FNAME">First Name</label>
<input type="text" name="FNAME" id="mce-FNAME">
</div>
<div>
<label for="mce-EMAIL">Email Address</label>
<input type="email" name="EMAIL" id="mce-EMAIL" title="The domain portion of the email address is invalid (the portion after the @)." pattern="^([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22))*\x40([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d))*(\.\w{2,})+$" required>
</div>
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_f2d244c0df42a0431bd08ddea_aeaa9dd034" tabindex="-1" value=""></div>
<div class="mc-status"></div>
<div><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>
<!--End mc_embed_signup--></td>
</tr>
</tbody>
</table>
Fingerings in musical interpretation reflect many competing aims, such as elements of style, musical timbre and perhaps above all tension. It is an expression of one player's preferences, and there are always trade-offs to be made. A fingering bringing out the full resonance of the classical guitar may, for example, compromise the fluidity of play - and vice-versa.
<br />
<br />
Fingerings can be expected to vary again in environments supporting various tunings. Bluegrass, for example, has a strong tradition of alternative tunings. In support of fast, modal (and longitudinally-oriented, minimal chord-shape-change) play, an Irish session guitar player will often prefer a DADGAD or dropped D tuning over the classical (positional, large chord-shape-change play) EADGBE tuning.
<br />
<br />
Moreover, a given piece of traditional, regional musical may be played on widely differing instruments: here a gaida (bagpipe), there a clarinet, elsewhere a tambura. In Europe and under (for example) gypsy influence, many tunes were well travelled before settling into the settings accessible to us today. Many turn up in different guises in various cultures.
<br />
<br />
So even where a melody line has survived intact, different musicians will have own ideas about placement. MusicXML, however allows only inline ('built-in' or 'hard-coded') fingering annotations. This is a direct route to cultural impoverishment.
<br />
<br />
Supporting a one-to-many relationship between score and fingerings implies flexible, perhaps position-only dependent mappings between music exchange and external fingering files - in other words that an external fingering file, where provided, should be automatically accepted and mapped.
<br />
<br />
This in turn implies some means of uniquely identifying each and every note in a MusicXML file. Various mechanisms are possible, ranging from reference to localising time position (‘div’) in combination with part, voice etc, to the purely structural: for example a numeric tree encoding as exemplified by the Hornbostel-Sachs classification system, or indeed by IP addresses. The latter two rest on the fact that a MusicXML file effectively represents a score as a tree structure, with each node uniquely and numerically identifiable by position in the tree).
<br />
<br />
This topic certainly merits deeper analysis. For the meantime, you can find more detail ><a href="https://visualfutureofmusic.blogspot.ch/2016/08/musical-instrument-finger-positions-fingerboard-keyboard-roadmaps-fingering-charts-diagrams.html">here</a><
<br />
<h2>Communication and Collaboration</h2>
Many online music learning offerings are island solutions, either divorced from musical inputs, isolated from other tools or heavily focussed on one particular area. Due in part to an divisive 'app culture', communication and the challenges of technical complexity also play a role.
<br />
<br />
Despite the often common mathematical foundation, whether due to jargon unique to own discipline, overtly challenging tool interfaces, lack of a common and visible framework for the formulation of complex ideas, overt specialization, or simply gaps in knowledge essential to collaboration, online music teaching and learning seems to be falling behind other disciplines in it's exploitation of media and the web.
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://4.bp.blogspot.com/--afUMhI39Yk/WMKPI2_5hTI/AAAAAAAADis/xqF10M3aIi0vRnLturd7E0RbxI19cMhfwCLcB/s1600/maze-800x533.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/--afUMhI39Yk/WMKPI2_5hTI/AAAAAAAADis/xqF10M3aIi0vRnLturd7E0RbxI19cMhfwCLcB/s640/maze-800x533.jpg" width="100%" height="auto" /></a>
</div>
<br />
<br />
Technology -and especially that relating to the web, to the cloud- is the meeting place of many music-related disciplines, from the computational or quantitive (physics, musimathics) through the empirical (psychophysics) to the qualitative (anthropology, social studies).
<br />
<br />
This is exacerbated by the lack of platforms allowing wide musical experimentation, gathering of experience and, ultimately, consensus.
<br />
<br />
There are of course forums, but these tend to be dominated by an academic establishment quick to challenge any perceived threat to own sovereignty. I would go as far as to say that in stifling new ideas, these are part of the problem.
<br />
<br />
The moment ideas floated with the desire to spark discussion are written off as 'poor quality answers', you can be fairly sure the central motivation is not curiosity or a concern for quality, but fear.
<h2>Latency</h2>
Latency in real-time gaming is inherently easier to compensate for than would be the (very much hypothetical) case with real-time music play together. Indeed, games programmers have developed a variety of mathematical techniques (<a href="https://developer.valvesoftware.com/wiki/Source_Multiplayer_Networking">interpolation, prediction, compensation</a>) for simulating synchronised real-time play across the internet.
<br />
<br />
These rely on the fact that moving bodies have a certain momentum which is conserved through the influence of any other, incidental forces. A running figure, for example, can't be expected to make an instantaneous 90 degree turn.
<br />
<br />
In music, the equivalent of a 90 degree turn is very much possible. Moreover, our hearing latency is so tiny as to leave little time to apply any correction. Playing music together -even live and directly face-to-face- relies on split-second accommodation of minute changes of pitch, rhythm, attack or delay.
<br />
<br />
Though nowhere near as daunting as the challenges faced by multiplayer games, the move from local, single-user usage to remote teaching and learning (and even though a one-way information flow) brings it's own latency challenges.
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://2.bp.blogspot.com/-mk-D7HkSXzQ/WT7RAW3GmMI/AAAAAAAAEAE/CTB0ZaOEwqQa_vJVm58D7BxbVylWEs0lgCLcB/s1600/SynchronisationChallenges-800x533.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://2.bp.blogspot.com/-mk-D7HkSXzQ/WT7RAW3GmMI/AAAAAAAAEAE/CTB0ZaOEwqQa_vJVm58D7BxbVylWEs0lgCLcB/s1600/SynchronisationChallenges-800x533.png" data-original-width="800" data-original-height="533" /><br /><strong>Synchonization Challenges: Video, Audio and Notation</strong><br />(Instrument Models and Theory Tools Are Directly Notation-Driven)</a></div>
<br />
<br />
The latencies we are talking of are not those of 2-way synchronization, but the modest yet noticeable corrections needed between streamed video and/or audio, and notation time divisions (divs) following transfer over the internet. We need to be sure of bringing each together and presenting (with the addition of any instrument models or theory tools) a synchronised whole on the receiving end.
<br />
<br />
Assuming we can find a way of synchronising all our source feeds (which I doubt is quite rocket science), Soundslice has demonstrated that they can be made to play back together perfectly well on the client or slave side. As long as time tokens or markers are present, we should be capable of correct replay.
<br />
<br />
For our simple, one-way flow scenario, in the worst case, a one-off preparatory scan (either of live play or of a score) by an AI agent could provide more than enough information for predictive correction, using either sampled or synthetic tones. Whether there is any advantage over simply playing with a recording, though, is another matter.. :-)
<div class="separator" style="clear: both; text-align: center;"><a href="https://2.bp.blogspot.com/-itmxJ4tC6ig/WSXBR9JuksI/AAAAAAAAD7E/MlM7Vm9uPoQvJ8KS7QvQB1qKlhEHYrBpQCLcB/s1600/Latency-800x533.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Latency In Web-Based Music Teaching And Learning. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://2.bp.blogspot.com/-itmxJ4tC6ig/WSXBR9JuksI/AAAAAAAAD7E/MlM7Vm9uPoQvJ8KS7QvQB1qKlhEHYrBpQCLcB/s1600/Latency-800x533.png" title="Latency In Web-Based Music Teaching And Learning. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /><br /><strong>Latency In Web-Based Music Teaching And Learning</strong></a></div>
<br />
<br />
Teaching and learning, however, need only a one-way connection, simplifying matters considerably. As can be seen in the above diagram, two data flows are envizaged: one for interworking controls and one for media. The latter will need to be synchronised with the notation and other animations on the student (local, or slave) end. This implies establishing some means of synchronization (for example metronome ticks or in-stream time tokenization) at the master end. Looking to established open-source audio tools such as Audacity, this is area where the power of the crowd may work wonders.
<br />
<br />
There is also the option of manual synchronization by the end user ("Fine Sych" in the diagram), should there still be disparities. With fluctuating network loads, however, this is unlikely to be satisfying.
<h2>Graphics Rendering: SVG vs WebGL</h2>
The graphical power and flexibility of the aggregator platform rests on two principle foundations: Scalar Vector Graphics and the data visualization library D3.js.
<br />
<br />
The greatest challenge in this context is that the graphical objects managed by D3.js are located on the browser's Domain Object Model (DOM), and that each DOM element is associated with large collections of data. Every change to these is accompanied by heavy processing overheads - so much so that large, data-rich animations elsewhere have been reported to 'stutter'.
<br />
<br />
With music in the browser, much of the graphical load occurs on initial display of the notation and tools, and during subsequent and separate (playback-driven) animation. These <b>playback</b> loads involve not thousands, but a limited selection (at most hundreds) of screen objects. With much of the processing underlying transformations and transitions executed in javascript, the actual rendering loads are (in my experience and so far) entirely acceptable.
The problem with graphical objects is that the rendering loads rise exponentially with their proliferation. A large classical orchestral work may conceivably grind to a standstill. Given CPU-intensive background loads, however (such as disk-to-disk copy, scheduled backup), playback display can -as with almost any application- be visibly impacted.
<br />
<br />
SVG stutter used to be seen routinely in larger animations, but this aspect has since been largely eliminated using hardware-controlled timers, a feature of D3.js added only a year or two ago. Animations driven in this way are significantly less affected by other system loads.
<br />
<br />
Moreover, with the push towards web-based forms of virtual and augmented reality, especially mobile screen resolutions -and with them CPU and GPU specs- are already pushing limits until recently held by desktop machines. Digital ecosystem producers such as Apple now find themselves in a wild scramble to catch up with production <b>and</b> consumer markets that long ago left them behind.
<br />
<br />
In parallel, techniques have become available to preprocess (server-side rendering), reduce (shadow DOM) or offload (CPU to GPU) graphics processing.
<br />
<br />
Hardware capacities continue to rise, and will likely leave rendering problems irrelevant. Because technology will always catch up with ideas, my instinct has been to lay doubts aside and work with the best-of-class technology - in our case D3.js.
<br />
<br />
should we still hit a rendering wall, what are the alternatives ? We should be looking not to exchange our workhorse library, but to find a faster rendering method.
<br />
<br />
In this sense, the entire layered instrument or theory tool configuration workflow can remain in place, but instead of rendering to SVG, we could render to WebGL using a library such as Pixi.js. All dimensioning information remains valid, but instead of binding to the DOM elements, we bind directly to low-level bitmapped graphics. You can get a feeling for this approach in ><a href="https://www.gatherdigital.co.uk/community/post/high-performance-webgl/78">this article</a>< and it's ><a href="https://bl.ocks.org/kirjavascript/dcafa2b3a53cbcc9c5de19b938b92119">accompanying implementation</a><.
<br />
<br />
So what is the takeaway? Develop with D3.js and cross performance bridges as they arise.
<h2>Music System Diversity</h2>
Ideally, the music engine at the heart of the system needs to be able to cater programmatically with multiple music systems. In this sense, it needs to be configurable, fast, lightweight and flexible.
<br />
<br />
Moreover, there are two potential applications: assisting in the generation of the notation from any source (music exchange file format or audio), and recognition of simple forms of musical 'meta-knowledge' useful to a user - such as intervals, modal scales and chord suggestions.
<br />
<br />
Indeed, to use a construction metaphor, the former can be thought of as structural, the latter effectively cladding.
<br />
<br />
To my knowledge there is no single javascript library which caters both to equal temperament and just intoned music systems. Currently, this platform uses the excellent <a href="https://github.com/saebekassebil/teoria">teoria.js</a>, the hope being that someone with a heart for culture and diversity extends it to cater for just intoned systems - and all the other equal temperament ones.. ;-)
<h2>Musical Passion</h2>
Learning an instrument is hard work with some serious challenges. Learner enthusiasm often boils down to a mix of early identification, high quality role models, focussed listening, a social context, a fundamental belief in own abilities and the thrill of the unknown. Any learning environment has to support and build on these.
<br />
<br />
Online learning is devoid of a social context, and can, with production methods focussed around mass learning, eliminate much of the spontaneity and enthusiasm flowing between teacher and learner.
<br />
<br />
If easy to become bored and disengaged with online or TV series with budgets running into the millions, it may be of little wonder that music learners abandon often dry online courses focussed on technique, repertoire and musicality and produced with a budget of thousands.
<br />
<br />
While good tools will find application, peer-to-peer video chat teaching is at the mercy of the online teachers themselves. The platform can, however, help with core <a href="https://visualfutureofmusic.blogspot.ch/2016/10/Genre-Specific-Workflows-Online-Music-Learning.html">genre specific links</a>.
<br />
<br />
Clearly, it is in everyone's interest to keep the channels for musical passion as open as possible. To my mind, however, this is primarily a matter of teacher creativity, the best any platform can offer being high transparency.
<h2>Security</h2>
Site integrity (user security and intellectual property) is constantly at risk with any internet-connected device.
<br />
<br />
SVG (Scalar Vector Graphics) has been described as '<b>scriptable</b> vector graphics', and as such represents perhaps the single most substantial <a href="https://github.com/w3c/svgwg/issues/266">vulnerability</a> in the concept. In particular, it is possible to execute 'weaponised' javascript from within SVG.
<br />
<br />
A failure to separate data from code is a problem fundamental to software security. SVG does it by default. Vulnerabilities (sorry for the jargon):
<ul style="list-style-type: circle;">
<li>Buffer overflows</li>
<li>SQL injection</li>
<li>Cross-site scripting ('XSS')</li>
<li>XML External Entities</li>
<li>Xpath injection</li>
<li>LDAP injection</li>
</ul>
It makes sense, then, that we follow some simple guidelines:
<br />
<ul style="list-style-type: circle;">
<li>No SVG files directly openable using double-click.</li>
<li>no exposed 'write' (set, post, whatever) operations. This implies that user transactions (especially configuration changes) are kept under strict control using selection elements only.</li>
<li>3rd parties SVG only in conjunction with rigorous integration test and code inspection</li>
<li>preparation of SVG on the server side</li>
<li>..</li>
<li>..</li>
</ul>
Big topic. More to follow..
<br />
<br />
<h2>Visual Redundancy</h2>
Many online notation programs feature some degree of visual redundancy (for example, tablature <b>and</b> <a href="https://usermanuals.musicxml.com/MusicXML/Content/EL-MusicXML-fingering_1.htm">instrument model fingerings</a> <b>and</b> <a href="https://www.musicxml.com/tutorial/chord-symbols-diagrams/chord-diagrams/">chord diagrams</a>) are quickly and sometimes unwittingly transformed into information overload. While giving the user choice about <b>how</b> information is to be presented, it's probably a good idea to police potential redundancies on his or her behalf.
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://4.bp.blogspot.com/-chhUmGTSP1c/WRwv3DETd5I/AAAAAAAAD4U/0wqiO8MfiqsuK_6XDo6ILTj9MDCoV9LSwCLcB/s1600/MediaAndInformation-800x533.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Policing Musical Information Redundancy. #VisualFutureOfMusic #WorldMusicInstrumentAndTheory" border="0" src="https://4.bp.blogspot.com/-chhUmGTSP1c/WRwv3DETd5I/AAAAAAAAD4U/0wqiO8MfiqsuK_6XDo6ILTj9MDCoV9LSwCLcB/s1600/MediaAndInformation-800x533.png" title="Policing Musical Information Redundancy. #VisualFutureOfMusic #WorldMusicInstrumentAndTheory" /><br /><strong>Policing Musical Information Redundancy</strong></a></div>
<br />
<h2>Left- Or Right- Handed Play</h2>
A tiny minority of instrumentalists are lucky enough to call themselves ambidextrous. Most of us, however, have a clear strength in either right- or left-handed play.
<br />
<br />
Widely overlooked and ignored in teaching books, in a data or music visualization sense it might -given the right dimensioning and placement choices- just prove trivial. I see one-click change of instrument orientation as a very worthwhile goal, and certainly a topic for further exploration before release of any 'template' or 'best practice' code examples into the internet wilds.
<br />
<br />
<h2>Summary</h2>
Perhaps because complexity and bloat have, wherever possible, been avoided here, many design decisions lie contrary to widespread practice. The results were instead arrived at under careful vetting and over an extended period of time, with little pressure to conform.
<br />
<br />
Here something of a road map for this platform and it's future.
<br />
<br />
<div class="separator" style="clear: both; text-align: left;"><a href="https://1.bp.blogspot.com/-P4wvSdCGKbo/V2we3e3hVmI/AAAAAAAAAO4/57lND8FDLrMEesUlURzKDSi8mckbIi6vACK4B/s1600/TheNewOldWayA4-EXTENDED.png" imageanchor="1" style="clear: right; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img alt="World Music Visualisation Aggregator Platform Challenges Solutions. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="446" src="https://1.bp.blogspot.com/-P4wvSdCGKbo/V2we3e3hVmI/AAAAAAAAAO4/57lND8FDLrMEesUlURzKDSi8mckbIi6vACK4B/s640/TheNewOldWayA4-EXTENDED.png" title="Challenges vs Solutions Matrix. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="640" /><br /><strong>World Music Comparative Musicology Visualisation Platform</strong><br />Challenges and Solutions</a>
</div>
<hr />
<h2 id="Overview" style="color: royalblue; text-align: center;">
Keywords</h2>
<hr />
<br />
<table style="color: royalblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
online music learning,<br />
online music lessons
</td>
<td style="text-align: center;" width="33%">
distance music learning,<br />
distance music lessons
</td>
<td style="text-align: center;" width="33%">
remote music lessons,<br />
remote music learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
p2p music lessons,<br />
p2p music learning
</td>
<td style="text-align: center;" width="33%">
music visualisation<br />
music visualization
</td>
<td style="text-align: center;" width="33%">
musical instrument models<br />
interactive music instrument models
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
music theory tools<br />
musical theory
</td>
<td style="text-align: center;" width="33%">
p2p music interworking<br />
p2p musical interworking
</td>
<td style="text-align: center;" width="33%">
comparative musicology<br />
ethnomusicology
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
world music<br />
international music</td>
<td style="text-align: center;" width="33%">
folk music<br />
traditional music
</td>
<td style="text-align: center;" width="33%">
P2P musical interworking,<br />
Peer-to-peer musical interworking
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
WebGL, Web3D,<br />
WebVR, WebAR
</td>
<td style="text-align: center;" width="33%">
Virtual Reality,<br />
Augmented or Mixed Reality
</td>
<td style="text-align: center;" width="33%">
Artificial Intelligence,<br />
Machine Learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
Scalar Vector Graphics,<br />
SVG
</td>
<td style="text-align: center;" width="33%">
3D Cascading Style Sheets,<br />
CSS3D
</td>
<td style="text-align: center;" width="33%">
X3Dom,<br />
XML3D
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
Online Music Education,<br />
Remote Music Education
</td>
<td style="text-align: center;" width="33%">
Equal Temperament,<br />
Just Intonation
</td>
<td style="text-align: center;" width="33%">
world music visualization<br />
world music visualisation
</td>
</tr>
</tbody>
</table>
<br />
<br />
</span>Cantillatehttp://www.blogger.com/profile/14558742596559186897noreply@blogger.com0tag:blogger.com,1999:blog-945815475576917628.post-50706197747850378352017-03-10T12:11:00.000+01:002017-07-27T16:27:31.234+02:00World Music Visualization: The Key To Musical Structure<span style="font-family: "verdana" , sans-serif;">
<br />
If there is a single key to the structures underlying musical cultures, it is that of data visualization techniques applied to musical data. Data-driven, Scalar Vector Graphics (SVG) based models promise powerful visual insights into world music treasures. Here is specific and comparative musicological study material for an automation-marginalized lifetime - and the key to the further development of online music education.
<br />
<br />
<span style="color: royalblue; font-family: Verdana, sans-serif;">Big, brave, open-source, non-profit, community-provisioned, cross-cultural and fruitloop crazy. → Like, share, back-link, pin, tweet and mail. Hashtags? For the crowdfunding: <b>#VisualFutureOfMusic</b>. For the future live platform: <b>#WorldMusicInstrumentsAndTheory</b>. Or simply register as a potential crowdfunder..</span>
<br />
<br />
<hr />
<h2 id="MusicalStructure" style="text-align: center;">
Music Visualization: The 'Skeleton Key' To Musical Structure</h2>
<hr />
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
<a href="https://1.bp.blogspot.com/-CWffd9aKcH8/WXn1sohX9gI/AAAAAAAAEVY/mMqSmg4HuyUbjyL_5jTvJrLftZujEdOxwCLcBGAs/s1600/OneUrlToBindThem-Orig-Revised-480x320.png" imageanchor="1"><img alt="Music Visualization Immersion Challenge: Between A Hard Place And Rock. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://1.bp.blogspot.com/-CWffd9aKcH8/WXn1sohX9gI/AAAAAAAAEVY/mMqSmg4HuyUbjyL_5jTvJrLftZujEdOxwCLcBGAs/s1600/OneUrlToBindThem-Orig-Revised-480x320.png" width="100%" /><br /><strong>The P2P Immersion Challenge</strong><br />
Gratefully Accepted</a></td>
<td style="text-align: center;" width="33%">
<a href="https://4.bp.blogspot.com/-kHUx2Ey8cUA/WXnyNmk11PI/AAAAAAAAEVM/OU80XewemsQBR4LFuOTMJz6Do4kOiFzNwCLcBGAs/s1600/NotationWithSuperimposedLattice-480x320.png" imageanchor="1"><img alt="Simple Ideas - Animated. Creativity For Common Good. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://4.bp.blogspot.com/-kHUx2Ey8cUA/WXnyNmk11PI/AAAAAAAAEVM/OU80XewemsQBR4LFuOTMJz6Do4kOiFzNwCLcBGAs/s1600/NotationWithSuperimposedLattice-480x320.png" title="Simple Ideas - Animated. Creativity For Common Good. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Simple Ideas - Animated</strong><br />
Creativity For Common Good</a></td>
<td style="text-align: center;" width="33%"><a href="https://1.bp.blogspot.com/-fPTfiuzwTds/WXnfyaSPQeI/AAAAAAAAEUI/WJN8V2Y42zUdKA61BSFhOg2DmUavnIM2QCLcBGAs/s1600/kreispuzzel-480x320-03.jpg" imageanchor="1"><img alt="One URL To Animate Them All And In The Browser Bind Them. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://1.bp.blogspot.com/-fPTfiuzwTds/WXnfyaSPQeI/AAAAAAAAEUI/WJN8V2Y42zUdKA61BSFhOg2DmUavnIM2QCLcBGAs/s1600/kreispuzzel-480x320-03.jpg" title="One URL To Animate Them All And In The Browser Bind Them. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><br /><strong>One URL To Animate Them All</strong><br />
And In The Browser Bind Them</a></td>
</tr>
</tbody>
</table>
<br />
<hr />
<div style="text-align: center;">
More than 80% of world music instruments can be modelled in the browser from their respective generic family base.
</div>
<hr />
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
<a href="https://3.bp.blogspot.com/-QAlpAqctx48/WXngGKnnHFI/AAAAAAAAEUM/XttzkjdqFp47nLLSsbwe-iAjMXKP2VtugCLcBGAs/s1600/ConfigInstrumentsAndTools-480x320-03.png" imageanchor="1"><img alt="Music Theory Model Visual Classification First Cut. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://3.bp.blogspot.com/-QAlpAqctx48/WXngGKnnHFI/AAAAAAAAEUM/XttzkjdqFp47nLLSsbwe-iAjMXKP2VtugCLcBGAs/s1600/ConfigInstrumentsAndTools-480x320-03.png" title="Music Theory Model Visual Classification First Cut. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Visual Theory Classification</strong><br />
Innovation! A First Cut.</a></td>
<td style="text-align: center;" width="33%">
<a href="https://3.bp.blogspot.com/-WW2CrdL_J6E/WXn4KJnoiqI/AAAAAAAAEVs/mgeFed5OvlobnpcD0Su8rx-Cj2BXdCjGgCLcBGAs/s1600/GalaxyOfInstruments-480x320.png" imageanchor="1"><img alt="A Galaxy Of Musical Instrument Models Is Born. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://3.bp.blogspot.com/-WW2CrdL_J6E/WXn4KJnoiqI/AAAAAAAAEVs/mgeFed5OvlobnpcD0Su8rx-Cj2BXdCjGgCLcBGAs/s1600/GalaxyOfInstruments-480x320.png" title="A Galaxy Of Musical Instrument Models Is Born. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><br /><strong>A Galaxy Of Instrument Models</strong><br />
Is Born</a></td>
<td style="text-align: center;" width="33%">
<a href="https://3.bp.blogspot.com/-v5E1XyeEaSQ/WXngyp2vAeI/AAAAAAAAEUU/FPT_BRSLf_ojnWKneJUHJ4g-NC2pPw_3gCLcBGAs/s1600/Revolution-Revoluzzer-01%2B480x320.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Paradigm Shift and Game Changer. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" href="https://visualfutureofmusic.blogspot.ch/2016/08/world-music-visualizations-paradigm.html" src="https://3.bp.blogspot.com/-v5E1XyeEaSQ/WXngyp2vAeI/AAAAAAAAEUU/FPT_BRSLf_ojnWKneJUHJ4g-NC2pPw_3gCLcBGAs/s1600/Revolution-Revoluzzer-01%2B480x320.png" title="Paradigm Shift and Game Changer. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Paradigm Shift & Greenfield</strong><br />
Visualization & P2P Tools</a></td>
</tr>
</tbody>
</table>
<br />
<hr />
<div style="text-align: center;">
Both instrument models and theory tools are potentially embeddable in third party websites, affording yet further freedoms.
</div>
<hr />
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
<a href="https://2.bp.blogspot.com/-TZkuLf-cplU/WXnhwgwSjuI/AAAAAAAAEUc/6TxDjJtLi1MypHH1F-skyM2gzT3kiLjpwCLcBGAs/s1600/InstrumentsFactory-480x320.png" imageanchor="1"><img alt="Visualization Toolset: Instrument Model Factory #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://2.bp.blogspot.com/-TZkuLf-cplU/WXnhwgwSjuI/AAAAAAAAEUc/6TxDjJtLi1MypHH1F-skyM2gzT3kiLjpwCLcBGAs/s1600/InstrumentsFactory-480x320.png" title="Visualization Toolset: Instrument Model Factory #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Instrument Model 'Factory'</strong><br />
Instrument Models - By Family</a></td>
<td style="text-align: center;" width="33%">
<div class="separator" style="clear: both; text-align: center;"><a href="https://4.bp.blogspot.com/-6o3waX-y_j8/WXnnnB6_RzI/AAAAAAAAEUs/TiGLc_0YlDYKdBy0f6sWjSGmudzFJGSzQCLcBGAs/s1600/DepthAndBreadth-480x320.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-6o3waX-y_j8/WXnnnB6_RzI/AAAAAAAAEUs/TiGLc_0YlDYKdBy0f6sWjSGmudzFJGSzQCLcBGAs/s1600/DepthAndBreadth-480x320.png" data-original-width="480" data-original-height="320" /></a></div>
<a href="https://4.bp.blogspot.com/-6o3waX-y_j8/WXnnnB6_RzI/AAAAAAAAEUs/TiGLc_0YlDYKdBy0f6sWjSGmudzFJGSzQCLcBGAs/s1600/DepthAndBreadth-480x320.png" imageanchor="1"><img alt="Visualization Toolset: Transcend Functional Barriers #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://4.bp.blogspot.com/-6o3waX-y_j8/WXnnnB6_RzI/AAAAAAAAEUs/TiGLc_0YlDYKdBy0f6sWjSGmudzFJGSzQCLcBGAs/s1600/DepthAndBreadth-480x320.png" title="Visualization Toolset: Transcend Functional Barriers #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Depth And Breadth</strong><br />
Transcend Functional Barriers</a></td>
<td style="text-align: center;" width="33%">
<a href="https://2.bp.blogspot.com/-sFFmqbi8WZE/WXnn28BfD0I/AAAAAAAAEUw/7CQOo7cLBoIHux4KucgZ9LYUoYYJdzJngCLcBGAs/s1600/TheoryToolsFactory-480x320.png" imageanchor="1"><img alt="Visualization Toolset: A Theory Tools Factory #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://2.bp.blogspot.com/-sFFmqbi8WZE/WXnn28BfD0I/AAAAAAAAEUw/7CQOo7cLBoIHux4KucgZ9LYUoYYJdzJngCLcBGAs/s1600/TheoryToolsFactory-480x320.png" title="Visualization Toolset: A Theory Tools Factory #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Theory Tools 'Factory'</strong><br />
Theory Tools - By Family</a></td>
</tr>
</tbody>
</table>
<br />
<br />
<hr />
<h2 id="Overview" style="color: royalblue; text-align: center;">
Keywords</h2>
<hr />
<br />
<table style="color: royalblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
online music learning,<br />
online music lessons
</td>
<td style="text-align: center;" width="33%">
distance music learning,<br />
distance music lessons
</td>
<td style="text-align: center;" width="33%">
remote music lessons,<br />
remote music learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
p2p music lessons,<br />
p2p music learning
</td>
<td style="text-align: center;" width="33%">
music visualisation<br />
music visualization
</td>
<td style="text-align: center;" width="33%">
musical instrument models<br />
interactive music instrument models
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
music theory tools<br />
musical theory
</td>
<td style="text-align: center;" width="33%">
p2p music interworking<br />
p2p musical interworking
</td>
<td style="text-align: center;" width="33%">
comparative musicology<br />
ethnomusicology
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
world music<br />
international music</td>
<td style="text-align: center;" width="33%">
folk music<br />
traditional music
</td>
<td style="text-align: center;" width="33%">
P2P musical interworking,<br />
Peer-to-peer musical interworking
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
WebGL, Web3D,<br />
WebVR, WebAR
</td>
<td style="text-align: center;" width="33%">
Virtual Reality,<br />
Augmented or Mixed Reality
</td>
<td style="text-align: center;" width="33%">
Artificial Intelligence,<br />
Machine Learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
Scalar Vector Graphics,<br />
SVG
</td>
<td style="text-align: center;" width="33%">
3D Cascading Style Sheets,<br />
CSS3D
</td>
<td style="text-align: center;" width="33%">
X3Dom,<br />
XML3D
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
Online Music Education,<br />
Remote Music Education
</td>
<td style="text-align: center;" width="33%">
Equal Temperament,<br />
Just Intonation
</td>
<td style="text-align: center;" width="33%">
world music visualization<br />
world music visualisation
</td>
</tr>
</tbody>
</table>
<br />
<br />
</span>Cantillatehttp://www.blogger.com/profile/14558742596559186897noreply@blogger.com0tag:blogger.com,1999:blog-945815475576917628.post-82091316437461690502017-03-10T11:37:00.000+01:002017-09-14T14:54:28.934+02:00Music Visualisation: Key Concepts<span style="font-family: "verdana" , sans-serif;">
<br />
Online score playback programs suffer from a couple of major yet entirely avoidable drawbacks.
<br />
<br />
Not being data-driven, the notation is (apart from some 'playback' and selection hacks) largely static: information-impoverished, accommodating no transformations, the notes in themselves no more than inert images.
<br />
<br />
<table style="color: steelblue; float: right; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 33%;">
<tbody>
<tr>
<td style="border: 1px solid orangered;" >
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="//blogspot.us14.list-manage.com/subscribe/post?u=6082c7c1fd4aacb458f4f3268&id=1dd5e99fbf" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
<h2 style="text-align: center; color: #f70000;">Potential Crowdfunder?</h2>
<div>
<label for="mce-FNAME">First Name</label>
<input type="text" name="FNAME" id="mce-FNAME">
</div>
<div>
<label for="mce-EMAIL">Email Address</label>
<input type="email" name="EMAIL" id="mce-EMAIL" title="The domain portion of the email address is invalid (the portion after the @)." pattern="^([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22))*\x40([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d))*(\.\w{2,})+$" required>
</div>
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_f2d244c0df42a0431bd08ddea_aeaa9dd034" tabindex="-1" value=""></div>
<div class="mc-status"></div>
<div><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>
<!--End mc_embed_signup--></td>
</tr>
</tbody>
</table>
As a result, no data can be extracted <b>directly</b> from the notation, and nothing truly meaningful done with it. No integrated instrument models, no theory tools. No deep synergies with other disciplines such as art, storytelling or psychophysics.
<br />
<br />
There are of course modest exceptions. Data culled at a lower level and laboriously held in synch with displayed playback positions can be used to drive a lonely 'standard' instrument finger- or keyboard, such as guitar or piano. In essence, however, these are, and remain, hacks.
<br />
<br />
This is a vast, greenfield area inviting a paradigm change - to visual exploration. This has the power to unlock a wellspring of 'tacit knowledge' - "knowledge that cannot be put into words". Musicians hear songs when they read music, non-musicians seek visual patterns.
<br />
<br />
The world music aggregator and interworking platform in focus here overcomes all the above, radically and cleanly. Underlying it: a few simple concepts. Here a short, visual survey.
<br />
<br />
<span style="color: royalblue; font-family: Verdana, sans-serif;">Big, brave, open-source, non-profit, community-provisioned, cross-cultural and pine tar crazy. → Like, share, back-link, pin, tweet and mail. Hashtags? For the crowdfunding: <b>#VisualFutureOfMusic</b>. For the future live platform: <b>#WorldMusicInstrumentsAndTheory</b>. Or simply register as a potential crowdfunder..</span>
<br />
<br />
<hr />
<h2 id="KeyConcepts" style="text-align: center;">
Music Visualisation: Key Concepts</h2>
<hr />
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%"><a href="https://1.bp.blogspot.com/-nxvbijPBTqg/WGwegvdQqRI/AAAAAAAACVI/x1IcEqjlNeUVZMkNrs7yOppjZGbPFNbVwCK4B/s1600/MusicPlusDataVisEqualsMusicVis.png"><img alt="Music + Data Viz = Music Viz. Score- & Data-Driven, Structured, Personal #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" href="https://visualfutureofmusic.blogspot.ch/2016/08/off-shelf-animations-and-their-musical.html" src="https://1.bp.blogspot.com/-nxvbijPBTqg/WGwegvdQqRI/AAAAAAAACVI/x1IcEqjlNeUVZMkNrs7yOppjZGbPFNbVwCK4B/s320/MusicPlusDataVisEqualsMusicVis.png" tile="Music + Data Viz = Music Viz. Score- & Data-Driven, Structured, Personal #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Music + Data Viz = Music Viz</strong><br />Score- & Data-Driven, Structured, Personal</a></td>
<td style="text-align: center;" width="33%"><a href="https://1.bp.blogspot.com/-L21Q6yWJlGo/WJMQbDFvLEI/AAAAAAAACwg/nlJxgrjSnWYHd9xf6RlCQqi8rJmrijCzACK4B/s1600/SeekCommonWorldMusicStructures-800x533.png" imageanchor="1"><img alt="Music Visualisation: Reveal Structure, Build On The Known. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://1.bp.blogspot.com/-L21Q6yWJlGo/WJMQbDFvLEI/AAAAAAAACwg/nlJxgrjSnWYHd9xf6RlCQqi8rJmrijCzACK4B/s320/SeekCommonWorldMusicStructures-800x533.png" title="Music Visualisation: Reveal Structure, Build On The Known. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Unlock Core Structures</strong><br />
Economy, Sufficiency, Elegance</a></td>
<td style="text-align: center;" width="33%"><a href="https://4.bp.blogspot.com/-9UDDHCWCaPc/WGuqPX4908I/AAAAAAAACTw/z07YbClXhfYpMXKvOE3FSKbkNUtvlNkkwCK4B/s1600/Hornbostel-SachsModellingGapsCroppedForBlogger.png"><img alt="Current State: Online Focus on a Tiny Range of Instruments #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" href="https://visualfutureofmusic.blogspot.ch/2016/12/project-seeks-sponsors.html" src="https://4.bp.blogspot.com/-9UDDHCWCaPc/WGuqPX4908I/AAAAAAAACTw/z07YbClXhfYpMXKvOE3FSKbkNUtvlNkkwCK4B/s320/Hornbostel-SachsModellingGapsCroppedForBlogger.png" title="Current State: Online Focus on a Tiny Range of Instruments #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Online Modelling Gaps</strong><br />
Bring Missing Instruments & Tools Online</a></td>
</tr>
</tbody>
</table>
<br />
<hr />
<div style="text-align: center;">
The western, or classical, 12-tone equal temperament system is just one of many in use worldwide. Curious? You are far from alone.
</div>
<hr />
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%"><a href="https://4.bp.blogspot.com/-ob2oCWWFblg/WDbzUZdYEZI/AAAAAAAACFc/9zU62_INPO8syk0hV0cmLbD9PH6cauKiACLcB/s1600/GenericToSpecificCropped.png" style="margin-left: auto; margin-right: auto;"><img alt="Generic to Specific instrument and theory tool modelling. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" href="https://visualfutureofmusic.blogspot.ch/2016/09/generic-to-specific-closer-look.html" src="https://4.bp.blogspot.com/-ob2oCWWFblg/WDbzUZdYEZI/AAAAAAAACFc/9zU62_INPO8syk0hV0cmLbD9PH6cauKiACLcB/s320/GenericToSpecificCropped.png" title="Generic to Specific instrument and theory tool modelling. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Radical Reuse</strong><br />
Generic to Specific Modelling</a></td>
<td style="text-align: center;" width="33%"><a href="https://3.bp.blogspot.com/-W_3M3ttQJSU/WG2LwgJxDKI/AAAAAAAACWo/kUV3OxfM36k7CP4AFPKYgIl1U8QH1zuPACK4B/s1600/InstrumentalDiversity%2BCROPPED-FOR-BLOGGER-1200x800.png"><img alt="Musical Heritage. A Vast Legacy #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" href="https://visualfutureofmusic.blogspot.ch/2016/06/music-visualization-roadmap-virtuosity.html" src="https://3.bp.blogspot.com/-W_3M3ttQJSU/WG2LwgJxDKI/AAAAAAAACWo/kUV3OxfM36k7CP4AFPKYgIl1U8QH1zuPACK4B/s320/InstrumentalDiversity%2BCROPPED-FOR-BLOGGER-1200x800.png" title="Musical Heritage. A Vast Legacy #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Model Almost Any Instrument</strong><br />
Heritage to Experimental</a></td>
<td style="text-align: center;" width="33%"><a href="https://3.bp.blogspot.com/-7WjxK3EpqFg/WIkYaaRavfI/AAAAAAAACj8/33H_tC4dXpU7tZCLZvz9sdMqQSGJ5h3gACK4B/s1600/FiveSimpleSteps-800x533%2Bcopy%2B2.png" imageanchor="1"><img alt="Instrument Diversity. Just Five Steps To Your First Configuration #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" href="https://visualfutureofmusic.blogspot.ch/2016/07/world-music-instrument-models-complete-configuration-freedom.html" src="https://3.bp.blogspot.com/-7WjxK3EpqFg/WIkYaaRavfI/AAAAAAAACj8/33H_tC4dXpU7tZCLZvz9sdMqQSGJ5h3gACK4B/s320/FiveSimpleSteps-800x533%2Bcopy%2B2.png" title="Instrument Diversity. Just Five Steps To Your First Configuration #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><br /><strong>To Those First Instrument Models</strong><br />
But With <em>Total</em> Configuration Control</a></td>
</tr>
</tbody>
</table>
<br />
<hr />
<div style="text-align: center;">
Much non-Western music is microtonal: classical music from India, Turkey, Arabia and Persia, gamelan music from Indonesia, xylophone music from Africa, Byzantine liturgical music, folk music from Middle- and Eastern Europe and the Caucasus.
</div>
<hr />
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%"><a href="https://1.bp.blogspot.com/-Hve9ebpZoHo/WJhdVciJlVI/AAAAAAAAC3g/J4_P_kEoiTkggpzSLfMUMg-kgSZ24eOSQCK4B/s1600/KnowledgeClassificationHeirarchyForReuse.png" imageanchor="1"><img alt="Music Visualisation: Instrumental Building Blocks- form, Function, Physics. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://1.bp.blogspot.com/-Hve9ebpZoHo/WJhdVciJlVI/AAAAAAAAC3g/J4_P_kEoiTkggpzSLfMUMg-kgSZ24eOSQCK4B/s320/KnowledgeClassificationHeirarchyForReuse.png" title="Music Visualisation: Instrumental Building Blocks- form, Function, Physics. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong><br />Instrumental Building Blocks</strong><br />
Form, Function, Physics</a></td>
<td style="text-align: center;" width="33%">
<a href="https://4.bp.blogspot.com/-V6L9dSZZQ6Q/WXS9dvYxAgI/AAAAAAAAEM8/-A1fFGIICgsfQQdF7XKMPWwGAmvkE9yAgCLcBGAs/s1600/wellspringCompressed-800x533.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Non-Profit Music Visualisation Platform. Rote Reinvestment, No Wealth Hoarding. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://4.bp.blogspot.com/-V6L9dSZZQ6Q/WXS9dvYxAgI/AAAAAAAAEM8/-A1fFGIICgsfQQdF7XKMPWwGAmvkE9yAgCLcBGAs/s1600/wellspringCompressed-800x533.jpg" data-original-width="800" data-original-height="533" title="Non-Profit Music Visualisation Platform. Rote Reinvestment, No Wealth Hoarding. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /><br /><strong>Non-Profit: Social Value Wellspring</strong><br />Rote Reinvestment, No Wealth Hoarding</a>
</td>
<td style="text-align: center;" width="33%"><a href="https://3.bp.blogspot.com/-SeqrKHiMblY/WIQAb9JVnmI/AAAAAAAACe0/r8pQ5o-Vvhgz6R_Q4qHX6BAPsy52MkcFwCK4B/s1600/TotalIntegration-ForBlogger-800x533.png" imageanchor="1"><img alt="Integration And Control: Notation, Instruments, Theory #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://3.bp.blogspot.com/-SeqrKHiMblY/WIQAb9JVnmI/AAAAAAAACe0/r8pQ5o-Vvhgz6R_Q4qHX6BAPsy52MkcFwCK4B/s320/TotalIntegration-ForBlogger-800x533.png" title="Integration And Control: Notation, Instruments, Theory #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" />
<strong>Integration & Control</strong><br />
Change One → Change All</a></td>
</tr>
</tbody>
</table>
<br />
<hr />
<br />
We are heirs to a solid folk, traditional and world music foundation, comprising hundreds of thousands, if not millions, of dances, work, protest, celebratory and travel songs, along with a vast repository of ritual and other community music.<br />
<br />
My feeling is that the revenue optimisation that resulting from speculation would put at risk many of the performance and usage freedoms associated with these works - if not in the long term their existence. It seems essential that this reservoir and any derivatives be protected, and remain free to be developed. To this end: open source, community and enthusiast driven.<br />
<br />
It is my hope that development of the instrument models and theory tools for this aggregator platform will be financed through crowd funding initiatives organised directly by the affected music communities. How?
<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://1.bp.blogspot.com/-9sKTbwBrHQM/V3lB7FeZ5BI/AAAAAAAAAVk/AO-RT6DQsZUc2_dIcj5o9g5QIVStyfLMQCK4B/s1600/OpenEverything.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="World Music Visualisation Platform: Generating Social Value. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="330" src="https://1.bp.blogspot.com/-9sKTbwBrHQM/V3lB7FeZ5BI/AAAAAAAAAVk/AO-RT6DQsZUc2_dIcj5o9g5QIVStyfLMQCK4B/s640/OpenEverything.png" title="World Music Visualisation Platform: Generating Social Value. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">World Music Visualisation Platform: Generating Social Value.</td></tr>
</tbody></table>
<br />
Building on a foundation of open web standards, crowdfunding fuels the development of instrument models and theory tools in an open source (liberal code reuse) context.<br />
<br />
Content (the driving scores) can be created and shared by the community via editing tools such as NoteFlight (Freemium) or MuseScore (Open Source), and directly imported, currently as MusicXML.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://1.bp.blogspot.com/-P_D7EIVYgac/WGUS-XWosHI/AAAAAAAACPs/51AnMo5CuJMkc51AXGA2l2OKjafw4XOPACK4B/s1600/Share%2B800x600.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Music Aggregator Platform: Sharing as Central Platform Tenet #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="480" src="https://1.bp.blogspot.com/-P_D7EIVYgac/WGUS-XWosHI/AAAAAAAACPs/51AnMo5CuJMkc51AXGA2l2OKjafw4XOPACK4B/s640/Share%2B800x600.jpg" title="Music Aggregator Platform: Sharing as Central Platform Tenet #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Sharing as Central Platform Tenet</td></tr>
</tbody></table>
<br />
<br />
All resulting social value (including discussion) can be community moderated, with new implementation initiatives under the direction and control of the community as a whole.
<br />
<br />
Adequately funded, those involved in their development can focus their attention on technical execution. The goal is to build social value over time.
<br />
<br />
Building on this 'open-everything' model, the resulting animations would, for example, be made available to the whole community, allowing them to be brought on demand into the central animation panel.
<br />
<br />
Animation will be submitted via an established code repository such as Github.
<br />
<br />
<br />
<hr />
<h2 id="Overview" style="color: royalblue; text-align: center;">
Keywords</h2>
<hr />
<br />
<table style="color: royalblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
online music learning,<br />
online music lessons
</td>
<td style="text-align: center;" width="33%">
distance music learning,<br />
distance music lessons
</td>
<td style="text-align: center;" width="33%">
remote music lessons,<br />
remote music learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
p2p music lessons,<br />
p2p music learning
</td>
<td style="text-align: center;" width="33%">
music visualisation<br />
music visualization
</td>
<td style="text-align: center;" width="33%">
musical instrument models<br />
interactive music instrument models
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
music theory tools<br />
musical theory
</td>
<td style="text-align: center;" width="33%">
p2p music interworking<br />
p2p musical interworking
</td>
<td style="text-align: center;" width="33%">
comparative musicology<br />
ethnomusicology
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
world music<br />
international music</td>
<td style="text-align: center;" width="33%">
folk music<br />
traditional music
</td>
<td style="text-align: center;" width="33%">
P2P musical interworking,<br />
Peer-to-peer musical interworking
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
WebGL, Web3D,<br />
WebVR, WebAR
</td>
<td style="text-align: center;" width="33%">
Virtual Reality,<br />
Augmented or Mixed Reality
</td>
<td style="text-align: center;" width="33%">
Artificial Intelligence,<br />
Machine Learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
Scalar Vector Graphics,<br />
SVG
</td>
<td style="text-align: center;" width="33%">
3D Cascading Style Sheets,<br />
CSS3D
</td>
<td style="text-align: center;" width="33%">
X3Dom,<br />
XML3D
</td>
</tr>
</tbody>
</table>
<br />
<br />
</span>Cantillatehttp://www.blogger.com/profile/14558742596559186897noreply@blogger.com1tag:blogger.com,1999:blog-945815475576917628.post-55022289003820705602017-03-10T11:33:00.000+01:002017-07-04T15:33:37.102+02:00Music Visualisation: Social Value<span style="font-family: "verdana" , sans-serif;">
<br />
How a music visualisation platform can generate social value, the costs held low, the content quality high and hoarding of wealth avoided. A strategy for easing inequality?
<br />
<br />
<span style="color: royalblue; font-family: Verdana, sans-serif;">Big, brave, open-source, non-profit, community-provisioned, cross-cultural and buck crazy. → Like, share, back-link, pin, tweet and mail. Hashtags? For the crowdfunding: <b>#VisualFutureOfMusic</b>. For the future live platform: <b>#WorldMusicInstrumentsAndTheory</b>. Or simply register as a potential crowdfunder..</span>
<br />
<br />
<hr />
<h2 id="SocialValue" style="text-align: center;">
Music Visualisation: Social Value Generation</h2>
<hr />
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%"><a href="https://4.bp.blogspot.com/-pyffFIA3qrk/WIdOpXihZGI/AAAAAAAAChQ/ZtnGlfm2txAr53p-9uhZWKZbM5j61xz6QCK4B/s1600/Ideas.jpg" imageanchor="1"><img alt="Music Visualisation Platform: Innovation Incubator & Showcase. Ensure Musical Understanding Flows. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://4.bp.blogspot.com/-pyffFIA3qrk/WIdOpXihZGI/AAAAAAAAChQ/ZtnGlfm2txAr53p-9uhZWKZbM5j61xz6QCK4B/s320/Ideas.jpg" title="Music Visualisation Platform: Innovation Incubator & Showcase. Ensure Musical Understanding Flows. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Innovation Incubator & Showcase</strong><br />
Ensure Musical Understanding <b>Flows</b></a></td>
<td style="text-align: center;" width="33%"><a href="https://3.bp.blogspot.com/-rNdOSVjv53E/WISbwaSrSQI/AAAAAAAACf0/76jcWmWYYLYoCNiAWZLjYO2B9kP1xrElACK4B/s1600/Music%2BUnites-800x533.png" imageanchor="1"><img alt="Music And Dance: Integration Catalyst, Cultural Passport #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://3.bp.blogspot.com/-rNdOSVjv53E/WISbwaSrSQI/AAAAAAAACf0/76jcWmWYYLYoCNiAWZLjYO2B9kP1xrElACK4B/s320/Music%2BUnites-800x533.png" title="Music And Dance: Integration Catalyst, Cultural Passport #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Music And Dance</strong><br />
Integration Catalyst, Cultural Passport</a></td>
<td style="text-align: center;" width="33%"><a href="https://1.bp.blogspot.com/-y7_oM_3_ZwE/WJJGjEncozI/AAAAAAAACvI/bvsy5h3Jw0UyPLRkQ-cR8WIEtpjkqlh5gCK4B/s1600/SharingFood-800x533.png" imageanchor="1"><img alt="Music Visualisation: Wilfully Open Source: Sharing for Diversity. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://1.bp.blogspot.com/-y7_oM_3_ZwE/WJJGjEncozI/AAAAAAAACvI/bvsy5h3Jw0UyPLRkQ-cR8WIEtpjkqlh5gCK4B/s400/SharingFood-800x533.png" title="Music Visualisation: Wilfully Open Source: Sharing for Diversity. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Wilfully Open Source</strong><br />
Sharing For Diversity</a></td>
</tr>
</tbody>
</table>
<br />
<hr />
<div style="text-align: center;">
Community provisioned, managed and maintained, built specifically for the post-employment age - and a world with fewer borders.</div>
<hr />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<br />
<tr>
<td style="text-align: center;" width="33%"><a href="https://1.bp.blogspot.com/-2vFHY-FO8mI/WJCCHOdCI_I/AAAAAAAACpQ/iZ9IH8TLmHgZyUxYLOdBiFUi4eUsjSKIwCK4B/s1600/DrivingCulturalExchangeThroughMusic-800x533.png" imageanchor="1"><img alt="Drive Cultural Exchange With Embeddable Teaching Models #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://1.bp.blogspot.com/-2vFHY-FO8mI/WJCCHOdCI_I/AAAAAAAACpQ/iZ9IH8TLmHgZyUxYLOdBiFUi4eUsjSKIwCK4B/s320/DrivingCulturalExchangeThroughMusic-800x533.png" title="Drive Cultural Exchange With Embeddable Teaching Models #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Drive Cultural Exchange</strong><br />
With Embeddable Teaching Models</a></td>
<td style="text-align: center;" width="33%"><a href="https://3.bp.blogspot.com/-dsGlEv4-Sbo/WG7gOEVSuEI/AAAAAAAACaE/KPn_QwCdcGkFKxeoLiZ-jgRbJRDAf3H6QCK4B/s1600/HumanDeviceThreshold%2BCROPPED-FOR-BLOGGER-800x533.png"><img alt="Liberate The Virtuoso, Delegate The Banal. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://3.bp.blogspot.com/-dsGlEv4-Sbo/WG7gOEVSuEI/AAAAAAAACaE/KPn_QwCdcGkFKxeoLiZ-jgRbJRDAf3H6QCK4B/s320/HumanDeviceThreshold%2BCROPPED-FOR-BLOGGER-800x533.png" title="Liberate the Virtuoso, Delegate the Banal. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Liberate the Virtuoso</strong><br />
Delegate the Banal</a></td>
<td style="text-align: center;" width="33%"><a href="https://1.bp.blogspot.com/-cFf9SQzbCXs/WJsO4_rI3eI/AAAAAAAAC7I/P-LVTjE78hcghvsFUYKMseGp4ewL2TDbACK4B/s1600/SocialGoals-800x533.png" imageanchor="1"><img alt="Music Visualisation: Empowerment Vectors -
Community And/Or Career. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://1.bp.blogspot.com/-cFf9SQzbCXs/WJsO4_rI3eI/AAAAAAAAC7I/P-LVTjE78hcghvsFUYKMseGp4ewL2TDbACK4B/s320/SocialGoals-800x533.png" title="Music Visualisation: Empowerment Vectors -
Community And/Or Career. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong><br />Unleash Empowerment Energies</strong><br />
Along Myriad New Pathways</a></td>
</tr>
</tbody>
</table>
<br />
<hr />
<br />
Social value goals get really interesting when viewed from the perspective of the Harvard Business Review's 'Elements of Value Pyramid'. Here, we find ourselves firing on all cylinders. More on this in a future post..
<br />
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%"><a href="https://4.bp.blogspot.com/-sgldhrZJkgs/WML-S9CQVCI/AAAAAAAADjA/r_RsxCx7Y3kO9McRt4kG-Uj0-mSgYUFCQCK4B/s1600/R1609C_ALMQUIST_VALUEPYRAMID-744x1024.png" imageanchor="1"><img alt="Harvard Business Review's Elements of Value Pyramid." border="0" height="640" src="https://4.bp.blogspot.com/-sgldhrZJkgs/WML-S9CQVCI/AAAAAAAADjA/r_RsxCx7Y3kO9McRt4kG-Uj0-mSgYUFCQCK4B/s640/R1609C_ALMQUIST_VALUEPYRAMID-744x1024.png" title="Harvard Business Review's Elements of Value Pyramid." width="464" /></a><a href="https://hbr.org/2016/09/the-elements-of-value"><br /><strong>The Elements Of Value Pyramid</strong></a>
</td>
</tr>
</tbody>
</table>
<br />
<br />
<hr />
<h2 id="Overview" style="color: royalblue; text-align: center;">
Keywords</h2>
<hr />
<br />
<table style="color: royalblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
online music learning,<br />
online music lessons
</td>
<td style="text-align: center;" width="33%">
distance music learning,<br />
distance music lessons
</td>
<td style="text-align: center;" width="33%">
remote music lessons,<br />
remote music learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
p2p music lessons,<br />
p2p music learning
</td>
<td style="text-align: center;" width="33%">
music visualisation<br />
music visualization
</td>
<td style="text-align: center;" width="33%">
musical instrument models<br />
interactive music instrument models
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
music theory tools<br />
musical theory
</td>
<td style="text-align: center;" width="33%">
p2p music interworking<br />
p2p musical interworking
</td>
<td style="text-align: center;" width="33%">
comparative musicology<br />
ethnomusicology
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
world music<br />
international music</td>
<td style="text-align: center;" width="33%">
folk music<br />
traditional music
</td>
<td style="text-align: center;" width="33%">
P2P musical interworking,<br />
Peer-to-peer musical interworking
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
WebGL, Web3D,<br />
WebVR, WebAR
</td>
<td style="text-align: center;" width="33%">
Virtual Reality,<br />
Augmented or Mixed Reality
</td>
<td style="text-align: center;" width="33%">
Artificial Intelligence,<br />
Machine Learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
Scalar Vector Graphics,<br />
SVG
</td>
<td style="text-align: center;" width="33%">
3D Cascading Style Sheets,<br />
CSS3D
</td>
<td style="text-align: center;" width="33%">
X3Dom,<br />
XML3D
</td>
</tr>
</tbody>
</table>
<br />
<br />
</span>Cantillatehttp://www.blogger.com/profile/14558742596559186897noreply@blogger.com0tag:blogger.com,1999:blog-945815475576917628.post-26861143842627204722017-03-10T11:27:00.000+01:002017-07-22T11:23:00.438+02:00Music Visualisation: Prototype<span style="font-family: "verdana" , sans-serif;">
<br />
<br />
Yes, of course there's a prototype (the image above is taken from it). You can also see a few videos by following the links below. They reflect some of the main features implemented so far.
<br />
<br />
Though the core functionality is established and working well, with nothing stopping it's being copied, the prototype can't yet be placed online. For that to happen, it needs to pass the first really significant milestone, funding of a minimum viable product (MVP). This will establish the framework upon which a treasury of exchangeable world music instrument models and theory tools can be developed, integrated and made public.
<br />
<br />
Getting this initial funding is the goal of the crowd funding initiative.
<br />
<br />
<span style="color: royalblue; font-family: Verdana, sans-serif;">Big, brave, open-source, non-profit, community-provisioned, cross-cultural and ranting crazy. → Like, share, back-link, pin, tweet and mail. Hashtags? For the crowdfunding: <b>#VisualFutureOfMusic</b>. For the future live platform: <b>#WorldMusicInstrumentsAndTheory</b>. Or simply register as a potential crowdfunder..</span>
<br />
<br />
<hr />
<h2 id="Prototype" style="text-align: center;">
Prototype. (Videos on <a href="https://www.youtube.com/channel/UCG3Ew26iH1J4KORlQHDu4HQ/videos?view_as=public">Youtube</a>, <a href="https://visualfutureofmusic.tumblr.com/">Tumblr</a> or <a href="https://vimeo.com/cantillate">Vimeo</a>)</h2>
<hr />
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%"><a href="https://1.bp.blogspot.com/-dGM2SfM42rc/WHD0k-BnDGI/AAAAAAAACco/QTQQ3EYuOj4HjGFBd8ztUgsgWdcfm-YpgCK4B/s1600/Instruments-CROPPED-FOR-BLOGGER-BOUZOUKI-800x533%2BImageOptimised.png"><img alt="Example of Instrument Classification Tree. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" href="https://visualfutureofmusic.blogspot.ch/2016/06/instrument-classification-repository.html" src="https://1.bp.blogspot.com/-dGM2SfM42rc/WHD0k-BnDGI/AAAAAAAACco/QTQQ3EYuOj4HjGFBd8ztUgsgWdcfm-YpgCK4B/s320/Instruments-CROPPED-FOR-BLOGGER-BOUZOUKI-800x533%2BImageOptimised.png" title="Example of Instrument Classification Tree. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Discovery, Selection, Population</strong><br />
Of Instruments and Theory Tools</a></td>
<td style="text-align: center;" width="33%"><a href="https://3.bp.blogspot.com/-0kajIzvQks4/WDbiszT5T7I/AAAAAAAACFM/LMM5QPs11w4cOLTykb9VcMZ5cSzNQlMFQCLcB/s1600/Integrated.png" style="margin-left: auto; margin-right: auto;"><img alt="Synchronised, interactive, dynamic, immersive. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" href="https://visualfutureofmusic.blogspot.ch/2016/08/music-visualisation-aggregator-platform.html" src="https://3.bp.blogspot.com/-0kajIzvQks4/WDbiszT5T7I/AAAAAAAACFM/LMM5QPs11w4cOLTykb9VcMZ5cSzNQlMFQCLcB/s320/Integrated.png" title="Synchronised, interactive, dynamic, immersive. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Immersion and Immediacy</strong><br />
Synchronised, Interactive,<br />
Dynamic, Context-Rich</a></td>
<td style="text-align: center;" width="33%"><a href="https://3.bp.blogspot.com/-m5oQdZTalaA/WDbeFwcoR_I/AAAAAAAACFA/pa3ek_mxFUUZKdGg4H3tLps8S7ooa5UIgCLcB/s1600/WorldMusicGenresCropped.png" style="margin-left: auto; margin-right: auto;"><img alt="Genre Classification Tree. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://3.bp.blogspot.com/-m5oQdZTalaA/WDbeFwcoR_I/AAAAAAAACFA/pa3ek_mxFUUZKdGg4H3tLps8S7ooa5UIgCLcB/s320/WorldMusicGenresCropped.png" title="Genre Classification Tree. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /></a> <strong><a href="https://visualfutureofmusic.blogspot.ch/2016/10/visualisation-of-genre-technique-and-style.html" target="_blank" title="Genre Classification Tree. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory">Visual Classification of Genre</a></strong><br />
Context for Preferences</td>
</tr>
</tbody>
</table>
<br />
<hr />
<div style="text-align: center;">
Most technical approaches to managing complexity are based on decomposition. Ours focusses on SYNTHESIS from multiple data trees, allowing the generation of a vast range of musical instruments and tools. The core concept is simple, eliminating many purely "complexity management" dependencies. This in turn makes the framework blisteringly fast. More technical stuff waaaay below.
</div>
<hr />
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%"><a href="https://1.bp.blogspot.com/-2Q4ZlrPNWVw/WIdj93RQqLI/AAAAAAAACh0/sf0E7N_DydYw1VVhaI_Wbdl6UrgbRvRpACK4B/s1600/DataDrivenScore.png" imageanchor="1"><img alt="https://bost.ocks.org/mike/selection/ #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" href="https://bost.ocks.org/mike/selection/" src="https://1.bp.blogspot.com/-2Q4ZlrPNWVw/WIdj93RQqLI/AAAAAAAACh0/sf0E7N_DydYw1VVhaI_Wbdl6UrgbRvRpACK4B/s320/DataDrivenScore.png" title="https://bost.ocks.org/mike/selection/ #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Data-Driven + Algorithmic Placement</strong><br />
Unparalleled Freedoms And Consistency</a></td>
<td style="text-align: center;" width="33%"><a href="https://4.bp.blogspot.com/-Ov2BfrvmHN0/WFsY1Jvim0I/AAAAAAAACMs/AjRHP11RzAUv_tgnQ7Br8s7eIsMly6YcgCK4B/s1600/CombinedMenusCropped.png"><img alt="Menus Populated from Classification Hierarchies #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" href="https://visualfutureofmusic.blogspot.ch/2016/06/world-music-visualisation-environment-preferences-population.html" src="https://4.bp.blogspot.com/-Ov2BfrvmHN0/WFsY1Jvim0I/AAAAAAAACMs/AjRHP11RzAUv_tgnQ7Br8s7eIsMly6YcgCK4B/s320/CombinedMenusCropped.png" title="Menus Populated from Classification Hierarchies #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Highly Customisable</strong><br />
Populate With Instruments and Tools Prefs</a></td>
<td style="text-align: center;" width="33%"><a href="https://4.bp.blogspot.com/-n5wtmtiSAQI/WDdmLu1kE4I/AAAAAAAACGs/unaxAgthgykFHoLR6sjC5jOTc-7gMRWTwCLcB/s1600/BuildingFromGenericToSpecificsDownsized.png" style="margin-left: auto; margin-right: auto;"><img alt="In-browser instrument builder. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" href="https://visualfutureofmusic.blogspot.ch/2016/07/world-music-instrument-models-complete-configuration-freedom.html" src="https://4.bp.blogspot.com/-n5wtmtiSAQI/WDdmLu1kE4I/AAAAAAAACGs/unaxAgthgykFHoLR6sjC5jOTc-7gMRWTwCLcB/s320/BuildingFromGenericToSpecificsDownsized.png" title="In-browser instrument builder. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Diversity By Default</strong><br />
Flexible Step By Step Configuration</a></td>
</tr>
</tbody>
</table>
<br />
<hr />
<div style="text-align: center;">
For all it's visual sophistication, scalar vector graphics code is compact and economic in execution. Of the three potential bottlenecks (initial display, transformations during playback, and running changes by the user), none have been found to have significant impact.
</div>
<hr />
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%"><a href="https://2.bp.blogspot.com/-afE4NS-4InA/WI9AFrm-l5I/AAAAAAAACno/AFeQlMVAvzIfNOc07ZdIC40qra91pHsRgCK4B/s1600/BackgroundScreenshotForBlogger-800x533%2Bcopy%2B2.png" imageanchor="1"><img alt="Simple Theory Tools: Tonal Deltas And Tonal Circle. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://2.bp.blogspot.com/-afE4NS-4InA/WI9AFrm-l5I/AAAAAAAACno/AFeQlMVAvzIfNOc07ZdIC40qra91pHsRgCK4B/s320/BackgroundScreenshotForBlogger-800x533%2Bcopy%2B2.png" title="Simple Theory Tools: Tonal Deltas And Tonal Circle. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong><br />Two Simple Theory Tools</strong><br />
Tonal Deltas & Tonal Circle</a></td>
<td style="text-align: center;" width="33%"><a href="https://1.bp.blogspot.com/-FEKOCsh7_Xk/WIp4GBU0PVI/AAAAAAAAClc/e4vqVWDRMwkZeyJZ8FP7q-InKD3saXaRQCK4B/s1600/InstrumentsLimitedWithBackground-800x533.png" imageanchor="1"><img alt="1st Instrument Family Modelled: LUTES. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://1.bp.blogspot.com/-FEKOCsh7_Xk/WIp4GBU0PVI/AAAAAAAAClc/e4vqVWDRMwkZeyJZ8FP7q-InKD3saXaRQCK4B/s320/InstrumentsLimitedWithBackground-800x533.png" title="1st Instrument Family Modelled: LUTES. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><br />
<strong>1st Instrument Family Modelled: LUTES</strong>
Hornbostel-Sachs Number: 321</a></td>
<td style="text-align: center;" width="33%"><a href="https://1.bp.blogspot.com/-chad-0_Kw1Q/WLSdhS_F4HI/AAAAAAAADdA/A86k6b4PBi0i2iTxZDkQrb9bUW-TDXitACK4B/s1600/ConfigurationFromFirstPrinciples.png" imageanchor="1"><img alt="Accurate Lute Family Configuration For Community Use. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://1.bp.blogspot.com/-chad-0_Kw1Q/WLSdhS_F4HI/AAAAAAAADdA/A86k6b4PBi0i2iTxZDkQrb9bUW-TDXitACK4B/s320/ConfigurationFromFirstPrinciples.png" title="Accurate Lute Family Configuration For Community Use. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Accurate Instrument Configuration</strong><br />
For Community Reuse</a></td>
</tr>
</tbody>
</table>
<br />
<hr />
<div style="text-align: center;">
The vision of a global world music aggregator platform has been shown feasible. Though many of the trickier problems have been solved, bringing it to full production in a non-profit, open-source format will be challenging. This is best tackled by a small band of adventurers - nimble, fast and focussed - with wide community support. Join the Fellowship. Celebrate the Past. Forge the Future.
</div>
<hr />
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%"><img alt="Next Score-Driven Theory Tool To Be Developed: Harmonic Spiral For Just Intonation #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://3.bp.blogspot.com/-EAFlX33vZZg/WI_TtadgQRI/AAAAAAAACow/aS0QORMczZwrLYK45zm-ERadzdAmIjpfwCK4B/s320/HarmonicSpiral-800x533.png" title="Next Score-Driven Theory Tool To Be Developed: Harmonic Spiral For Just Intonation #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong><a href="http://jjensen.org/spiral5ths/Spiral5ths.html">Next Score-Driven Theory Tool?</a></strong><br />
Harmonic Spiral (Just Intonation)</td>
<td style="text-align: center;" width="33%"><a href="https://1.bp.blogspot.com/-O8L6-zOKkOU/WIp9OErceEI/AAAAAAAACmY/l7wiIZvVHMk2KOQ1EkGiF7sK6pGDuW-6gCK4B/s1600/SpiralForBlogger-800x533.png" imageanchor="1"><img alt="Music Visualisation Platform: Further Rollout Cycles (First Cut). #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://1.bp.blogspot.com/-O8L6-zOKkOU/WIp9OErceEI/AAAAAAAACmY/l7wiIZvVHMk2KOQ1EkGiF7sK6pGDuW-6gCK4B/s320/SpiralForBlogger-800x533.png" title="Music Visualisation Platform: Further Rollout Cycles (First Cut). #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Further Rollout Cycles</strong><br />
-First Cut-</a></td>
<td style="text-align: center;" width="33%"><a href="https://3.bp.blogspot.com/-BMIEPBCGI9Y/WJXD2TKeL8I/AAAAAAAACz0/ajdChZXKvyUlcLRrDRQGy51QrnQGTFMNACK4B/s1600/DiversityEngine-800x533%2Bcopy%2B2.png" imageanchor="1"><img alt="Music Visualisation Platform: Musical Diversity Though Combinatorial Power. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://3.bp.blogspot.com/-BMIEPBCGI9Y/WJXD2TKeL8I/AAAAAAAACz0/ajdChZXKvyUlcLRrDRQGy51QrnQGTFMNACK4B/s320/DiversityEngine-800x533%2Bcopy%2B2.png" title="Music Visualisation Platform: Musical Diversity Though Combinatorial Power. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Musical Diversity</strong><br />
Though Combinatorial Power</a></td>
</tr>
</tbody></table>
<br />
<br />
<hr />
<h2 id="Overview" style="color: royalblue; text-align: center;">
Keywords</h2>
<hr />
<br />
<table style="color: royalblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
online music learning,<br />
online music lessons
</td>
<td style="text-align: center;" width="33%">
distance music learning,<br />
distance music lessons
</td>
<td style="text-align: center;" width="33%">
remote music lessons,<br />
remote music learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
p2p music lessons,<br />
p2p music learning
</td>
<td style="text-align: center;" width="33%">
music visualisation<br />
music visualization
</td>
<td style="text-align: center;" width="33%">
musical instrument models<br />
interactive music instrument models
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
music theory tools<br />
musical theory
</td>
<td style="text-align: center;" width="33%">
p2p music interworking<br />
p2p musical interworking
</td>
<td style="text-align: center;" width="33%">
comparative musicology<br />
ethnomusicology
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
world music<br />
international music</td>
<td style="text-align: center;" width="33%">
folk music<br />
traditional music
</td>
<td style="text-align: center;" width="33%">
P2P musical interworking,<br />
Peer-to-peer musical interworking
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
WebGL, Web3D,<br />
WebVR, WebAR
</td>
<td style="text-align: center;" width="33%">
Virtual Reality,<br />
Augmented or Mixed Reality
</td>
<td style="text-align: center;" width="33%">
Artificial Intelligence,<br />
Machine Learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
Scalar Vector Graphics,<br />
SVG
</td>
<td style="text-align: center;" width="33%">
3D Cascading Style Sheets,<br />
CSS3D
</td>
<td style="text-align: center;" width="33%">
X3Dom,<br />
XML3D
</td>
</tr>
</tbody>
</table>
<br />
<br />
</span>Cantillatehttp://www.blogger.com/profile/14558742596559186897noreply@blogger.com0tag:blogger.com,1999:blog-945815475576917628.post-49944722339553037262017-03-10T11:23:00.000+01:002017-07-27T13:44:45.709+02:00Music Visualisation: Catalysts<span style="font-family: "verdana" , sans-serif;">
<br />
Though the original idea came some 15 or more years ago, a number of fairly recent advances, some environmental, some in technology arena, some cultural and political, others conceptual, were decisive in triggering action on the idea of a graphical world music visualization site.
<br />
<br />
This page catalogues some of the more significant ones.
<br />
<br />
<span style="color: royalblue; font-family: Verdana, sans-serif;">Big, brave, open-source, non-profit, community-provisioned, cross-cultural and robot chicken crazy. → Like, share, back-link, pin, tweet and mail. Hashtags? For the crowdfunding: <b>#VisualFutureOfMusic</b>. For the future live platform: <b>#WorldMusicInstrumentsAndTheory</b>. Or simply register as a potential crowdfunder..</span>
<br />
<br />
<hr />
<h2 id="Catalysts" style="text-align: center;">
Catalysts
</h2>
<hr />
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%"><a href="https://1.bp.blogspot.com/-_Fc7frQgKdM/WI7mnCOo5HI/AAAAAAAACnI/xlk_Y9B07-Yf_oz_iV1lxDWGPcDDmNZegCK4B/s1600/MusicPhysicsMaths-Visualisation-800x533.png" imageanchor="1"><img alt="Music Visualisation Platform: Given The Vibrant Examples Ecosystem, Entirely Feasible. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://1.bp.blogspot.com/-_Fc7frQgKdM/WI7mnCOo5HI/AAAAAAAACnI/xlk_Y9B07-Yf_oz_iV1lxDWGPcDDmNZegCK4B/s320/MusicPhysicsMaths-Visualisation-800x533.png" title="Music Visualisation Platform: Given The Vibrant Examples Ecosystem, Entirely Feasible. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Vibrant Examples Ecosystem</strong><br />The Idea Is Entirely Feasible</a></td>
<td style="text-align: center;" width="33%"><a href="https://4.bp.blogspot.com/-tZbiwJpQzWg/WJnPubaX01I/AAAAAAAAC5k/Z8bX6avGBhc2ZzbCKMJ9APRcqc81W8B3ACK4B/s1600/D3-js-And-SVG-02.png" imageanchor="1"><img alt="Music Visualisation Platform: Enabling Technologies Thus Far - SVG (Scalar Vector Graphics) & D3.js. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://4.bp.blogspot.com/-tZbiwJpQzWg/WJnPubaX01I/AAAAAAAAC5k/Z8bX6avGBhc2ZzbCKMJ9APRcqc81W8B3ACK4B/s320/D3-js-And-SVG-02.png" title="Music Visualisation Platform: Enabling Technologies Thus Far - SVG (Scalar Vector Graphics) & D3.js. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Enabling Technologies (Thus Far)</strong><br />
SVG (Scalar Vector Graphics) & D3.js</a></td>
<td style="text-align: center;" width="33%"><a href="https://1.bp.blogspot.com/-6EDnhwd8xhY/WIjBhgxM1HI/AAAAAAAACjQ/dYEMCP6fizYUtivW4mmyNotMMuxVI4zwgCK4B/s1600/OpenSourceArea-CROPPED-FOR-BLOGGER-800x533.png" imageanchor="1"><img alt="Aggregator Platform: Community Provisioning #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://1.bp.blogspot.com/-6EDnhwd8xhY/WIjBhgxM1HI/AAAAAAAACjQ/dYEMCP6fizYUtivW4mmyNotMMuxVI4zwgCK4B/s320/OpenSourceArea-CROPPED-FOR-BLOGGER-800x533.png" title="Aggregator Platform: Community Provisioning #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Community Provisioning</strong><br />
Clear And Simple</a></td>
</tr>
</tbody>
</table>
<br />
<hr />
<div style="text-align: center;">
Recent advances in in-browser, data-driven visualisation libraries combined with a rapidly expanding treasury of liberally-licensed examples have dramatically eased the path to wide scale music visualisation. Indeed, for some time, all that has stood in the way was the lack of an integration framework flexible enough to reflect world music's great diversity. The waiting may soon be over.
</div>
<hr />
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%"><a href="https://2.bp.blogspot.com/-mILskHIcyOc/WJhM-eq2T9I/AAAAAAAAC3E/hBGzYfzNh5IBFL9d5hS8VoaLKNlY1xw7gCK4B/s1600/WindInstrumentsTubesOpenClosedConical.png" imageanchor="1"><img alt="Music Visualisation From Data Visualisation: Peek And Ye Shall Find. It's All Out There, And It's Free. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" href="https://sites.ualberta.ca/~pogosyan/teaching/PHYS_130/FALL_2010/lectures/lect19/lecture19.html" src="https://2.bp.blogspot.com/-mILskHIcyOc/WJhM-eq2T9I/AAAAAAAAC3E/hBGzYfzNh5IBFL9d5hS8VoaLKNlY1xw7gCK4B/s320/WindInstrumentsTubesOpenClosedConical.png" title="Music Visualisation From Data Visualisation: Peek And Ye Shall Find. It's All Out There, And It's Free. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Peek And Ye Shall Find</strong>
<br />It's All Out There, <a href="https://youtu.be/0ICyWI4W6J8">And It's Free</a></a></td>
<td style="text-align: center;" width="33%"><a href="https://4.bp.blogspot.com/-gm4vk_AxB4Q/WHABUsqbtmI/AAAAAAAACbs/pKSITn-F45kcQPqGy1B-ElQUK02bZ0hOACK4B/s1600/CROPPED-FOR-BLOGGER-02-800x533.png"><img alt="Music Visualisation: Crowd Intelligence - Stepwise To The Superlative #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://4.bp.blogspot.com/-gm4vk_AxB4Q/WHABUsqbtmI/AAAAAAAACbs/pKSITn-F45kcQPqGy1B-ElQUK02bZ0hOACK4B/s320/CROPPED-FOR-BLOGGER-02-800x533.png" title="Music Visualisation: Crowd Intelligence - Stepwise To The Superlative #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Crowd Intelligence</strong><br />
Stepwise To The Superlative</a></td>
<td style="text-align: center;" width="33%"><a href="https://2.bp.blogspot.com/-0JGA1G73u5Y/WJm8nADG-qI/AAAAAAAAC5A/fDjeTP3vQqAXoYetwM7eUN-IY3t30RXGwCK4B/s1600/ApproachesToMusicLearning-800x533.png" imageanchor="1"><img alt="Learning Approaches: A Green Light To Music Visualisation #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://2.bp.blogspot.com/-0JGA1G73u5Y/WJm8nADG-qI/AAAAAAAAC5A/fDjeTP3vQqAXoYetwM7eUN-IY3t30RXGwCK4B/s320/ApproachesToMusicLearning-800x533.png" title="Learning Approaches: A Green Light To Music Visualisation #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Learning Approaches</strong><br />
Green Light To Music Visualisation</a></td>
</tr>
</tbody>
</table>
Further catalysts are undoubtably the dramatic move from paper to online music scores in general, but also the broad move from proprietary towards <a href="https://fosdem.org/2017/schedule/event/openscore/attachments/slides/1612/export/events/attachments/openscore/slides/1612/OpenScore_slides.pdf">open source music notation</a>, the advance of scanning technologies (paper-bitmap-MusicXML), the adoption of MusicXML as a W3C standard for music exchange, the proliferation of interest in more visually oriented music teaching as apparent from the many excellent YouTube videos, online courses and tools, but also the liberation of cultural curiosity, expressed by recent research in areas such as <a href="http://musicnotation.org/software/open-source-strategy/">transnotation</a>.
<br />
<br />
In themselves, however, these go only part of the way. The next concrete round of musical liberation will be brought about by visualization platforms such as that in focus here.
<br />
<br />
<hr />
<h2 id="Overview" style="color: royalblue; text-align: center;">
Keywords</h2>
<hr />
<br />
<table style="color: royalblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
online music learning,<br />
online music lessons
</td>
<td style="text-align: center;" width="33%">
distance music learning,<br />
distance music lessons
</td>
<td style="text-align: center;" width="33%">
remote music lessons,<br />
remote music learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
p2p music lessons,<br />
p2p music learning
</td>
<td style="text-align: center;" width="33%">
music visualisation<br />
music visualization
</td>
<td style="text-align: center;" width="33%">
musical instrument models<br />
interactive music instrument models
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
music theory tools<br />
musical theory
</td>
<td style="text-align: center;" width="33%">
p2p music interworking<br />
p2p musical interworking
</td>
<td style="text-align: center;" width="33%">
comparative musicology<br />
ethnomusicology
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
world music<br />
international music</td>
<td style="text-align: center;" width="33%">
folk music<br />
traditional music
</td>
<td style="text-align: center;" width="33%">
P2P musical interworking,<br />
Peer-to-peer musical interworking
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
WebGL, Web3D,<br />
WebVR, WebAR
</td>
<td style="text-align: center;" width="33%">
Virtual Reality,<br />
Augmented or Mixed Reality
</td>
<td style="text-align: center;" width="33%">
Artificial Intelligence,<br />
Machine Learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
Scalar Vector Graphics,<br />
SVG
</td>
<td style="text-align: center;" width="33%">
3D Cascading Style Sheets,<br />
CSS3D
</td>
<td style="text-align: center;" width="33%">
X3Dom,<br />
XML3D
</td>
</tr>
</tbody>
</table>
<br />
<br />
</span>Cantillatehttp://www.blogger.com/profile/14558742596559186897noreply@blogger.com0tag:blogger.com,1999:blog-945815475576917628.post-172484692295608642017-03-10T11:18:00.000+01:002017-08-02T18:32:35.625+02:00Music Visualisation: Platform Principles<span style="font-family: "verdana" , sans-serif;">
<br />
The music aggregator platform in focus here has been conceived around a number of simple guidelines, which, taken together are aimed at simplifying and speeding it's development into a credible force for musical community. These cover areas such as technology, social value generation, empowerment, implementation cycles, finance and advertising.
<br />
<br />
To a certain degree, simplicity and platform are bound together (a technology stack is, for example, only as good as the supporting delivery workflows, which, for javascript and the browser have been greatly simplified in recent times).
<br />
<br />
<h2>Data Is Central</h2>
<div class="separator" style="clear: both; text-align: center;"><a href="https://3.bp.blogspot.com/-PgwGcvrCduY/WXxgJPyhjMI/AAAAAAAAEZM/g6HkMg6Gt-UgmHPw6dO25Xkm4Pv8qzyLgCLcBGAs/s1600/MusicDataByDeviceRevised-480x320.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="Regardless of Mediating Technology, Data Is Central. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory"border="0" src="https://3.bp.blogspot.com/-PgwGcvrCduY/WXxgJPyhjMI/AAAAAAAAEZM/g6HkMg6Gt-UgmHPw6dO25Xkm4Pv8qzyLgCLcBGAs/s1600/MusicDataByDeviceRevised-480x320.png" data-original-width="480" data-original-height="320" title="Regardless of Mediating Technology, Data Is Central. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /><br /><strong>Regardless of Mediating Technology, Data Is Central</strong></a></div>
Any instrumental and theory tool modelling expertise to be won from open-source SVG modelling can also find re-application in virtual environments, driving social value into those entirely new areas.
<br />
<br />
Could this be the unreachable itch currently dampening enthusiasm for VR music applications? Perhaps designers have simply not (yet) seen the potential for transformable notation in graphical object overlays (skins) and ad-hoc VR drama. With artificial intelligence and endless other application possibilities to squabble over, it's daft to get hung up on data. Let's get it out there - and used.
<br />
<br />
<h2>Quality Assurance</h2>
<table style="border: 1px solid orangered; color: steelblue; float: right; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 33%;">
<tbody>
<tr>
<td><!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="//blogspot.us14.list-manage.com/subscribe/post?u=6082c7c1fd4aacb458f4f3268&id=1dd5e99fbf" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
<h2 style="text-align: center; color: #f70000;">Potential Crowdfunder?</h2>
<div>
<label for="mce-FNAME">First Name</label>
<input type="text" name="FNAME" id="mce-FNAME">
</div>
<div>
<label for="mce-EMAIL">Email Address</label>
<input type="email" name="EMAIL" id="mce-EMAIL" title="The domain portion of the email address is invalid (the portion after the @)." pattern="^([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22))*\x40([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d))*(\.\w{2,})+$" required>
</div>
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_f2d244c0df42a0431bd08ddea_aeaa9dd034" tabindex="-1" value=""></div>
<div class="mc-status"></div>
<div><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>
<!--End mc_embed_signup--></td>
</tr>
</tbody>
</table>
Is the functionality or behaviour part of the core platform, or is it going to be exclusive to 3rd party sites?
<br />
<br />
Clearly, the closer to the platform core (the trilogy of notation, instrument models and theory tools), the more imperative platform principles are enforced. What a 3rd party site does is, it could be argued, their responsibility.
<br />
<br />
Core functionality such as a new instrument model can be expected to meet stringent requirements, whereas a 3rd party site is likely to be free to improvise an own, custom solution.
<br />
<br />
A 3rd party site may, for example, wish to embed only a specific instrument model, go with it's own customised tools, perhaps embed tools specific to own culture and supporting specific learning goals. This they should be able to do, and free of interference.
<br />
<br />
<span style="color: royalblue; font-family: Verdana, sans-serif;">Big, brave, open-source, non-profit, community-provisioned, cross-cultural and tazed crazy. → Like, share, back-link, pin, tweet and mail. Hashtags? For the crowdfunding: <b>#VisualFutureOfMusic</b>. For the future live platform: <b>#WorldMusicInstrumentsAndTheory</b>. Or simply register as a potential crowdfunder..</span>
<br />
<br />
<hr />
<h2 id="Principles" style="text-align: center;">
Platform Principles</h2>
<hr />
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
<a href="https://4.bp.blogspot.com/-dShVjvbGdVw/WYH-gxguqGI/AAAAAAAAEh4/StB5dbd47l0I2QKx2MJURUelY7Y2GEIFwCLcBGAs/s1600/DataVisIcons-400x267.png" imageanchor="1"><img alt="Music Visualisation: Don't Reinvent The Wheel, But Adapt Liberally Licenced Dataviz Code. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://4.bp.blogspot.com/-dShVjvbGdVw/WYH-gxguqGI/AAAAAAAAEh4/StB5dbd47l0I2QKx2MJURUelY7Y2GEIFwCLcBGAs/s1600/DataVisIcons-400x267.png" title="Music Visualisation: Don't Reinvent The Wheel, But Adapt Liberally Licenced Dataviz Code. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><br /><strong>Don't Reinvent The Dataviz Wheel</strong><br />
Adapt Liberally Licenced Code</a></td>
<td style="text-align: center;" width="33%">
<a href="https://3.bp.blogspot.com/-gOKQOS4MhlQ/WXud7kGiaCI/AAAAAAAAEXQ/zqEyS9nvkjw8Yt1h_5gA3zHkVsi3-7UKACLcBGAs/s1600/Ba%25CC%2588rgfride%2BFestival-400x267.jpg"><img alt="Why An Aggregator Platform And Not Just An App? #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="AUTO" src="https://3.bp.blogspot.com/-gOKQOS4MhlQ/WXud7kGiaCI/AAAAAAAAEXQ/zqEyS9nvkjw8Yt1h_5gA3zHkVsi3-7UKACLcBGAs/s1600/Ba%25CC%2588rgfride%2BFestival-400x267.jpg" title="Why An Aggregator Platform And Not Just An App? #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Aggregator Platform</strong><br />
One Platform, Myriad Applications</a></td>
<td style="text-align: center;" width="33%">
<a href="https://4.bp.blogspot.com/-qNwnHc0MFec/WYH6SayDrRI/AAAAAAAAEhY/SHN1rnqBukMp61aG5tYVS1fcRkZFtkZQgCLcBGAs/s1600/RadarChart-800x533.png"><img alt="Music Visualization: Configuration Freedom - Simple And Flexible. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" href="https://visualfutureofmusic.blogspot.ch/2016/06/world-music-visualisations-aggregator-platform-comparative-musicology.html" src="https://4.bp.blogspot.com/-qNwnHc0MFec/WYH6SayDrRI/AAAAAAAAEhY/SHN1rnqBukMp61aG5tYVS1fcRkZFtkZQgCLcBGAs/s1600/RadarChart-800x533.png" title="Music Visualization: Configuration Freedom - Simple And Flexible. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Configuration Freedom</strong><br />
Simple And Flexible</a></td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
<a href="https://3.bp.blogspot.com/-96VxJFtnAqE/WXueb-vwD3I/AAAAAAAAEXY/EEJ5huvZi-g6QdyANytJQu3OmTH3B1xOACLcBGAs/s1600/InterworkingTools-400x267.png" imageanchor="1"><img alt="Music Visualisation Directly Linked Theory Tools For Genre & Music-Cultural Fluency. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://3.bp.blogspot.com/-96VxJFtnAqE/WXueb-vwD3I/AAAAAAAAEXY/EEJ5huvZi-g6QdyANytJQu3OmTH3B1xOACLcBGAs/s1600/InterworkingTools-400x267.png" title="Music Visualisation Directly Linked Theory Tools For Genre & Music-Cultural Fluency. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Directly Linked Theory Tools</strong><br />
Genre & Music-Cultural Fluency</a></td>
<td style="text-align: center;" width="33%">
<a href="https://1.bp.blogspot.com/-9ZugVWpubFw/WYH-RmPLXSI/AAAAAAAAEh0/eiUKiOMqAOowGlKEGf_yo1q9Mfxjxu_VgCLcBGAs/s1600/OpenEverythingPaleBackgroundCroppedBig-800x533.png" style="margin-left: auto; margin-right: auto;"><img alt="Social Value through community provisioning. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" href="https://visualfutureofmusic.blogspot.ch/2016/07/politics-world-music-learning-provision.html" src="https://1.bp.blogspot.com/-9ZugVWpubFw/WYH-RmPLXSI/AAAAAAAAEh0/eiUKiOMqAOowGlKEGf_yo1q9Mfxjxu_VgCLcBGAs/s1600/OpenEverythingPaleBackgroundCroppedBig-800x533.png" title="Social Value through community provisioning. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Community Provisioning</strong><br />
Open Source=Social Value<br />
-Permanently-</a></td>
<td style="text-align: center;" width="33%">
<a href="https://1.bp.blogspot.com/-OD8pCV_h3Xc/WXufZ_hypFI/AAAAAAAAEXg/fWmRgU2U7cYUVrm8zmokMXa4Ew3Of2gqACLcBGAs/s1600/ArchimedeanSolidsTurned-400x267.png" style="margin-left: auto; margin-right: auto;"><img alt="Score-Driven, Interactive 2- and 3D music theory models. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" href="https://visualfutureofmusic.blogspot.ch/2016/07/world-music-visualisations-theory-classification-system.html" src="https://1.bp.blogspot.com/-OD8pCV_h3Xc/WXufZ_hypFI/AAAAAAAAEXg/fWmRgU2U7cYUVrm8zmokMXa4Ew3Of2gqACLcBGAs/s1600/ArchimedeanSolidsTurned-400x267.png" title="Score-Driven, Interactive 2- and 3D music theory models. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Deep Insight and Understanding</strong>
<br />Score-Driven 2- and 3D Theory Tools</a></td>
</tr>
</tbody>
</table>
<br />
<hr />
<div style="text-align: center;">
Musical understanding implies deliberate score step-through, where changes to fingering and abstract music theory patterns are tracked and absorbed at a user's pace. In this way, every score or exercise assumes (in some cases multiple) new dimensions.
</div>
<hr />
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
<a href="https://2.bp.blogspot.com/-VVYW_kJe04g/WYH7-UFhdWI/AAAAAAAAEhk/s62WMFbdBW4mvPJsuIlyLlEiNGJooOcDACLcBGAs/s1600/BackgroundScreenshotForTwitter%2B400x267.png" imageanchor="1"><img alt="Musical Properties Modelling Kit. Defined Once, Usable Anywhere. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://2.bp.blogspot.com/-VVYW_kJe04g/WYH7-UFhdWI/AAAAAAAAEhk/s62WMFbdBW4mvPJsuIlyLlEiNGJooOcDACLcBGAs/s1600/BackgroundScreenshotForTwitter%2B400x267.png" title="Music Visualisation: Musical Properties Modelling Kit. Defined Once, Usable Anywhere. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Musical Properties Modelling Kit</strong><br />
Defined Once, Usable Anywhere</a></td>
<td style="text-align: center;" width="33%">
<a href="https://3.bp.blogspot.com/-29q6mQTZSIc/WXugGCUL7XI/AAAAAAAAEXo/4fhMH2spIA8Wnokdm4-zM9L5JJqhSvRlwCLcBGAs/s1600/MaximumGraphics_400x267.jpg" imageanchor="1"><img alt="Music Visualisation: Clarity And Simpliciy With Detail Delegated. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://3.bp.blogspot.com/-29q6mQTZSIc/WXugGCUL7XI/AAAAAAAAEXo/4fhMH2spIA8Wnokdm4-zM9L5JJqhSvRlwCLcBGAs/s1600/MaximumGraphics_400x267.jpg" title="Music Visualisation: Clarity And Simpliciy With Detail Delegated. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong><br />Clarity And Simpliciy</strong><br />
With Detail Delegated</a></td>
<td style="text-align: center;" width="33%">
<a href="https://3.bp.blogspot.com/-AoxXh6YI9oM/WXugdSgbHTI/AAAAAAAAEXs/8Pw5ZpBNdvAlstgUo3Hugyn6cztR1zp3gCLcBGAs/s1600/JustIntonationFreeTheImagination-02-400x267.png" imageanchor="1"><img alt="Music Visualisation: Fire Musical Curiosity, Widen Horizons. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://3.bp.blogspot.com/-AoxXh6YI9oM/WXugdSgbHTI/AAAAAAAAEXs/8Pw5ZpBNdvAlstgUo3Hugyn6cztR1zp3gCLcBGAs/s1600/JustIntonationFreeTheImagination-02-400x267.png" title="Music Visualisation: Fire Musical Curiosity, Widen Horizons. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><br /><strong>Fire Musical Curiosity</strong><br />
Widen Horizons</a></td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
<a href="https://1.bp.blogspot.com/-LDdDfROyNw4/WYH7AwR6tMI/AAAAAAAAEhc/FgWjN-v5vq08Y36HYOTp38YSSxJAfopMACLcBGAs/s1600/MusicSystemsInstrumentsAndTheoryTools-800x533.png" imageanchor="1"><img alt="Music System - Instrument Models - Theory Tools. Interworking Pure. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://1.bp.blogspot.com/-LDdDfROyNw4/WYH7AwR6tMI/AAAAAAAAEhc/FgWjN-v5vq08Y36HYOTp38YSSxJAfopMACLcBGAs/s1600/MusicSystemsInstrumentsAndTheoryTools-800x533.png" title="Music System - Instrument Models - Theory Tools. Interworking Pure. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>System - Instrument - Theory Tools</strong><br />
Interworking Pure</a></td>
<td style="text-align: center;" width="33%">
<a href="https://4.bp.blogspot.com/-g9tbdP1mhIw/WYH-CAPz2jI/AAAAAAAAEhw/XTFpvTTbc7M9iSR2p_azqvpVkjiEy5gSgCLcBGAs/s1600/CloudHarmonicSpiral-400x267.png" imageanchor="1"><img alt="Awareness Of Harmony In All Around Us. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://4.bp.blogspot.com/-g9tbdP1mhIw/WYH-CAPz2jI/AAAAAAAAEhw/XTFpvTTbc7M9iSR2p_azqvpVkjiEy5gSgCLcBGAs/s1600/CloudHarmonicSpiral-400x267.png" title="Awareness Of Harmony In All Around Us. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" />
<strong>Awareness Of Harmony</strong><br />
In All Around Us</a></td>
<td style="text-align: center;" width="33%">
<a href="https://1.bp.blogspot.com/--ZS0SarJynY/WXxaFPSd0pI/AAAAAAAAEYs/A1EUlNo4wmML0VFqvaxaCQeZDSId-Q0MgCLcBGAs/s1600/SimplifiedConfig-800x533.png" imageanchor="1"><img alt="Music Visualisation: Get Basics Working First, Then Simplify. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://1.bp.blogspot.com/--ZS0SarJynY/WXxaFPSd0pI/AAAAAAAAEYs/A1EUlNo4wmML0VFqvaxaCQeZDSId-Q0MgCLcBGAs/s1600/SimplifiedConfig-800x533.png" title="Music Visualisation: Get Basics Working First, Then Simplify. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Basics Working First</strong><br />
Then Simplify</a></td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
<a href="https://1.bp.blogspot.com/-D0WosiCO5oY/WXuhawcWn8I/AAAAAAAAEX0/lDuOFoQz-_UwB1KWzaK8_iQwcJJOIQL-wCLcBGAs/s1600/WorkFromTheKnown-400x267.png" imageanchor="1"><img alt="Music Visualisation: Work Out From The Familiar And Easily Represented. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://1.bp.blogspot.com/-D0WosiCO5oY/WXuhawcWn8I/AAAAAAAAEX0/lDuOFoQz-_UwB1KWzaK8_iQwcJJOIQL-wCLcBGAs/s1600/WorkFromTheKnown-400x267.png" title="Music Visualisation: Work Out From The Familiar And Easily Represented. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Work Out From The Familiar</strong><br />
And Easily Represented</a></td>
<td style="text-align: center;" width="33%">
<a href="https://1.bp.blogspot.com/-s3_5LJJQuDo/WXuhyKint5I/AAAAAAAAEX4/9yAYlVoiCXwEj9PSJhwHlXjbXGtuZcLngCLcBGAs/s1600/PrioritiesPyramid-400x267.png" imageanchor="1"><img alt="Music Visualisation: Presentation Priorities. A Clear Focus On Visual Models. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://1.bp.blogspot.com/-s3_5LJJQuDo/WXuhyKint5I/AAAAAAAAEX4/9yAYlVoiCXwEj9PSJhwHlXjbXGtuZcLngCLcBGAs/s1600/PrioritiesPyramid-400x267.png" title="Music Visualisation: Presentation Priorities. A Clear Focus On Visual Models. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Presentation Priorities</strong><br />
A Clear Focus On Visual Models</a></td>
<td style="text-align: center;" width="33%">
<a href="https://1.bp.blogspot.com/-HEDi9o9rgmY/WXuiJEIEa9I/AAAAAAAAEX8/YPw9JhQB01YYO4Z48uTcK3rHKQfLlkvzQCLcBGAs/s1600/CircleOfFifths-400x267.png" imageanchor="1"><img alt="Music Theory Tools: Distilled Visual Patterns Driven Directly By Your Notation #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" href="http://jjensen.org/CircleOf5thsFun.html" src="https://1.bp.blogspot.com/-HEDi9o9rgmY/WXuiJEIEa9I/AAAAAAAAEX8/YPw9JhQB01YYO4Z48uTcK3rHKQfLlkvzQCLcBGAs/s1600/CircleOfFifths-400x267.png" title="Music Theory Tools: Distilled Visual Patterns Driven Directly By Your Notation #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Distilled Visual Patterns</strong><br />Driven *Directly* By Notation Examples</a></td>
</tr>
</tbody>
</table>
<br />
<hr />
<div style="text-align: center;">
Notation exercises can project subtle transformations by means of relevant theory tools: characteristic cultural/modal sequences, inversions, reflection, rotation, key and chord transformations, and the qualities associated with specific chord types and intervals.
</div>
<hr />
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
<a href="https://1.bp.blogspot.com/-c-n9bemzZ7s/WXxVNmnB-lI/AAAAAAAAEYQ/lZx2G2VF818Qb6tble4obKmold4ebDmlACLcBGAs/s1600/TheConsumerBuyingProcess-400x267.png" imageanchor="1"><img alt="Music Visualisation Platform: Support Purchasing But Without Advertising. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" href="http://www.business2community.com/consumer-marketing/six-stages-consumer-buying-process-market-0811565" src="https://1.bp.blogspot.com/-c-n9bemzZ7s/WXxVNmnB-lI/AAAAAAAAEYQ/lZx2G2VF818Qb6tble4obKmold4ebDmlACLcBGAs/s1600/TheConsumerBuyingProcess-400x267.png" title="Music Visualisation Platform: Support Purchasing But Without Advertising. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Support This</strong><br />Without Distractions, So.. →</a></td>
<td style="text-align: center;" width="33%">
<a href="https://2.bp.blogspot.com/-QCepG9f3no4/WXxYu3AaGqI/AAAAAAAAEYc/ZJY1RTlZZPADU5KTfs-EaG4ki-mJDSViwCLcBGAs/s1600/ShoppingCart01-WithLinkIcon%2B400x267.png" imageanchor="1"><img alt="Music Visualisation Platform: Ads, No, Curated Instrument-To-Builder Links, Yes. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" href="https://visualfutureofmusic.blogspot.ch/2016/11/winner-takes-all.html" src="https://2.bp.blogspot.com/-QCepG9f3no4/WXxYu3AaGqI/AAAAAAAAEYc/ZJY1RTlZZPADU5KTfs-EaG4ki-mJDSViwCLcBGAs/s1600/ShoppingCart01-WithLinkIcon%2B400x267.png" title="Music Visualisation Platform: Ads, No, Curated Instrument-To-Builder Links, Yes. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Ads, No</strong><br />
Curated Instrument-To-Builder Links, Yes</a></td>
<td style="text-align: center;" width="33%">
<a href="https://3.bp.blogspot.com/-zUu941VtPMQ/WXxZc6eNq7I/AAAAAAAAEYk/M6TKSV2-J8k4kUmT8FGDfOG4WDzrYv-IACLcBGAs/s1600/TonnetzTorus-400x267-02.png" imageanchor="1"><img alt="Music Visualisation: Augment/Improve Existing YES. Replace NO. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://3.bp.blogspot.com/-zUu941VtPMQ/WXxZc6eNq7I/AAAAAAAAEYk/M6TKSV2-J8k4kUmT8FGDfOG4WDzrYv-IACLcBGAs/s1600/TonnetzTorus-400x267-02.png" title="Music Visualisation: Augment/Improve Existing YES. Replace NO. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Augment/Improve Existing YES</strong><br />
Replace Existing NO</a></td>
</tr>
</tbody>
</table>
<br />
<hr />
<br />
Beyond these are questions of workflow and architecture, for which we have, for example, the likes of the current JAMstack <a href="https://jamstack.org/best-practices/">good practice</a>:
<br />
<table style="float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="50%"><a href="https://www.blogger.com/null"><strong>Decouple Building And Hosting</strong></a></td>
<td style="text-align: center;" width="50%"><a href="https://www.blogger.com/null"><strong>Decouple Front And Backend</strong></a></td>
</tr>
<tr>
<td style="text-align: center;" width="50%"><a href="https://www.blogger.com/null"><strong>APIs Rather Than Databases</strong></a></td>
<td style="text-align: center;" width="50%"><a href="https://www.blogger.com/null"><strong>Pre-baked Markup Enhanced With Javascript/D3.js</strong></a></td>
</tr>
</tbody></table>
<br />
... which in turn suggest the following:
<br />
<table style="float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
<b>1. Entire Project on a CDN</b>
</td>
<td style="text-align: center;" width="33%">
<b>2. Everything Lives in Git</b>
</td>
<td style="text-align: center;" width="33%">
<b>3. Modern Build Tools</b>
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
<b>4. Automated Builds</b>
</td>
<td style="text-align: center;" width="33%">
<b>5. Atomic Deploys</b>
</td>
<td style="text-align: center;" width="33%">
<b>6. Instant Cache Invalidation</b>
</td>
</tr>
</tbody>
</table>
<br />
Dynamic content in the form of user-preference-driven menus, notation, and instrument and theory building models, and the underlying code factories suggest at least in part an API approach, perhaps in conjunction with other recent concepts, such as serverless functions. Should these or other aspects of delivery pipeline strategy need radical change, this can be done using Git as the fulcrum around which the move is coordinated..
<br />
<br />
To finish off this post, there have been a number of recent ideas and advances in pursuit of 'idealized' continuous <a href="https://en.wikipedia.org/wiki/Continuous_delivery">Delivery</a> / <a href="https://en.wikipedia.org/wiki/Continuous_delivery#Relationship_to_continuous_deployment">Deployment</a> / <a href="https://en.wikipedia.org/wiki/Continuous_integration">Integration</a> workflows. This is something I expect to be able to write about in the context of this platform in the near future.
<br />
<br />
<hr />
<h2 id="Overview" style="color: royalblue; text-align: center;">
Keywords</h2>
<hr />
<br />
<table style="color: royalblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
online music learning,<br />
online music lessons
</td>
<td style="text-align: center;" width="33%">
distance music learning,<br />
distance music lessons
</td>
<td style="text-align: center;" width="33%">
remote music lessons,<br />
remote music learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
p2p music lessons,<br />
p2p music learning
</td>
<td style="text-align: center;" width="33%">
music visualisation<br />
music visualization
</td>
<td style="text-align: center;" width="33%">
musical instrument models<br />
interactive music instrument models
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
music theory tools<br />
musical theory
</td>
<td style="text-align: center;" width="33%">
p2p music interworking<br />
p2p musical interworking
</td>
<td style="text-align: center;" width="33%">
comparative musicology<br />
ethnomusicology
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
world music<br />
international music</td>
<td style="text-align: center;" width="33%">
folk music<br />
traditional music
</td>
<td style="text-align: center;" width="33%">
P2P musical interworking,<br />
Peer-to-peer musical interworking
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
WebGL, Web3D,<br />
WebVR, WebAR
</td>
<td style="text-align: center;" width="33%">
Virtual Reality,<br />
Augmented or Mixed Reality
</td>
<td style="text-align: center;" width="33%">
Artificial Intelligence,<br />
Machine Learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
Scalar Vector Graphics,<br />
SVG
</td>
<td style="text-align: center;" width="33%">
3D Cascading Style Sheets,<br />
CSS3D
</td>
<td style="text-align: center;" width="33%">
X3Dom,<br />
XML3D
</td>
</tr>
</tbody>
</table>
<br />
<br />
</span>Cantillatehttp://www.blogger.com/profile/14558742596559186897noreply@blogger.com0tag:blogger.com,1999:blog-945815475576917628.post-75422421450119436212017-03-09T18:24:00.000+01:002017-09-13T13:22:10.416+02:00Music Visualisation: Here Be Dragons<span style="font-family: "verdana" , sans-serif;">
<br />
Innovation is <b><i>hard</i></b>. An idea is one thing, implementing it quite another. How good is your reseach? How are your storytelling abilities? Can get it all to critical mass before your finances are entirely exhausted? Here some of the land-mines being navigated by this project.
<br />
<br />
<table style="color: steelblue; float: right; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 33%;">
<tbody>
<tr>
<td style="border: 1px solid orangered;">
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="//blogspot.us14.list-manage.com/subscribe/post?u=6082c7c1fd4aacb458f4f3268&id=1dd5e99fbf" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
<h2 style="text-align: center; color: #f70000;">Potential Crowdfunder?</h2>
<div>
<label for="mce-FNAME">First Name</label>
<input type="text" name="FNAME" id="mce-FNAME">
</div>
<div>
<label for="mce-EMAIL">Email Address</label>
<input type="email" name="EMAIL" id="mce-EMAIL" title="The domain portion of the email address is invalid (the portion after the @)." pattern="^([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22))*\x40([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d))*(\.\w{2,})+$" required>
</div>
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_f2d244c0df42a0431bd08ddea_aeaa9dd034" tabindex="-1" value=""></div>
<div class="mc-status"></div>
<div><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>
<!--End mc_embed_signup--></td>
</tr>
</tbody>
</table>
Despite the (to my mind) clear path to a world music visualisation aggregator and interworking platform, the journey itself is fraught with challenges. We try to put a name to the main ones..
<br />
<br />
Some have already been overcome, some still stand. My gut feeling? From a technical standpoint, nothing insurmountable. From an informational and finance-raising standpoint, not perhaps so easy.
<br />
<br />
As already described elsewhere, the project's scope is difficult to convey in the attention span of the average internet tripper, making both informing and fundraising difficult. To date, however, these aspects are yet not featured in the following pictorial roundup.. Watch this space.
<br />
<br />
<span style="color: royalblue; font-family: Verdana, sans-serif;">Big, brave, open-source, non-profit, community-provisioned, cross-cultural and ouija board crazy. → Like, share, back-link, pin, tweet and mail. Hashtags? For the crowdfunding: <b>#VisualFutureOfMusic</b>. For the future live platform: <b>#WorldMusicInstrumentsAndTheory</b>. Or simply register as a potential crowdfunder..</span>
<br />
<br />
<hr />
<h2 id="Dragons" style="text-align: center;">
Here Be Dragons</h2>
<hr />
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
<a href="https://3.bp.blogspot.com/-ZBgnW6xraEE/WXyDpysB1XI/AAAAAAAAEaE/p8oIx5f3sD0_Yl_TxpwrdLcZckcnqhKXACLcBGAs/s1600/BackgroundScreenshotForBlogger-400x267.png" imageanchor="1"><img alt="The Web Browser. World's Most Hostile Dev Environment #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://3.bp.blogspot.com/-ZBgnW6xraEE/WXyDpysB1XI/AAAAAAAAEaE/p8oIx5f3sD0_Yl_TxpwrdLcZckcnqhKXACLcBGAs/s1600/BackgroundScreenshotForBlogger-400x267.png" width="100%" /><br /><strong>The Web Browser</strong><br />
World's "Most Hostile Dev Environment”</a></td>
<td style="text-align: center;" width="33%">
<a href="https://3.bp.blogspot.com/-ROYcqez82BI/WXyF9SjFPyI/AAAAAAAAEag/lbOwB_S05wA0b3PDiVccO0iGBKJrl9AcACLcBGAs/s1600/Baglama-800x533.png" imageanchor="1"><img alt="Instrument Configurations Via Radar Chart: Simple, Visual, Comparable. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://3.bp.blogspot.com/-ROYcqez82BI/WXyF9SjFPyI/AAAAAAAAEag/lbOwB_S05wA0b3PDiVccO0iGBKJrl9AcACLcBGAs/s1600/Baglama-800x533.png" title="Instrument Configurations Via Radar Chart: Simple, Visual, Comparable. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Instrument Configurations</strong><br />
Simple, Visual, Comparable</a></td>
<td style="text-align: center;" width="33%">
<a href="https://2.bp.blogspot.com/-TqNkxY_wTTg/WXyCHuNsJUI/AAAAAAAAEZs/NAxrtHonSlEG9ndjdqDEiMs8shhSi85QACLcBGAs/s1600/Feathers-400x267.jpg" imageanchor="1"><img alt="Music Visualisation: Colour Consistency Across All Screen Artifacts. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://2.bp.blogspot.com/-TqNkxY_wTTg/WXyCHuNsJUI/AAAAAAAAEZs/NAxrtHonSlEG9ndjdqDEiMs8shhSi85QACLcBGAs/s1600/Feathers-400x267.jpg" title="Music Visualisation: Colour Consistency Across All Screen Artifacts. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Colour Consistency</strong><br />
Across All Screen Artifacts</a></td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
<a href="https://2.bp.blogspot.com/-D1IzGYe7Zd0/WXyCab-SETI/AAAAAAAAEZw/J46-U4Vm798NCkuAHjxIJaeYJnsHiPyDgCLcBGAs/s1600/euro-76019_400x267.jpg" imageanchor="1"><img alt="No-One Wants To Pay. Bundle & Piggyback. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://2.bp.blogspot.com/-D1IzGYe7Zd0/WXyCab-SETI/AAAAAAAAEZw/J46-U4Vm798NCkuAHjxIJaeYJnsHiPyDgCLcBGAs/s1600/euro-76019_400x267.jpg" title="No-One Wants To Pay. Bundle & Piggyback. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><br /><strong>No-One Wants To Pay</strong><br />
→ Crowdfunding + Cutting Tech Piggyback</a></td>
<td style="text-align: center;" width="33%">
<a href="https://3.bp.blogspot.com/-zX8FOf7o70k/WXyD62M4wxI/AAAAAAAAEaI/pwIsUtw5TbkQg9qLIWM4SEKrYSyB1pqxgCLcBGAs/s1600/two-octave-turkish-cents-800x533-02.jpg" imageanchor="1"><img alt="Folk Knowledge & Ethnomusicology Can Deliver Regional Instrument Configurations. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" href="http://www.unfretted.com/books/makam-modal-practice-in-turkish-art-music-review/" src="https://3.bp.blogspot.com/-zX8FOf7o70k/WXyD62M4wxI/AAAAAAAAEaI/pwIsUtw5TbkQg9qLIWM4SEKrYSyB1pqxgCLcBGAs/s1600/two-octave-turkish-cents-800x533-02.jpg" title="Folk Knowledge & Ethnomusicology Can Deliver Regional Instrument Configurations. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><br /><strong>Folk Knowledge & Ethnomusicology</strong><br />
→ Regional Instrument Configurations<br />
</a></td>
<td style="text-align: center;" width="33%">
<a href="https://3.bp.blogspot.com/-PjrX7fz54_A/WXyCqc98U-I/AAAAAAAAEZ0/hySovo9WJ7s6noAYoSvRXJKn8FUqDAxfwCLcBGAs/s1600/spiral-staircase-400x267.jpg" imageanchor="1"><img alt="Music Visualisation: One Step At A Time. False Summits Ahead. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://3.bp.blogspot.com/-PjrX7fz54_A/WXyCqc98U-I/AAAAAAAAEZ0/hySovo9WJ7s6noAYoSvRXJKn8FUqDAxfwCLcBGAs/s1600/spiral-staircase-400x267.jpg" title="Music Visualisation: One Step At A Time. False Summits Ahead. #VisualFutureOfMusic" width="100%" /><br /><strong>One Step At A Time</strong><br />
False Summits Ahead</a></td>
</tr>
</tbody>
</table>
<br />
<hr />
<div style="text-align: center;">
Where playing together online is fraught with latency issues, teaching (one-way) is already widely practiced - using video chat. We simply plan to add shared score, a highly personalised toolset and built-in synchronisation. The core challenge? *Personalisation*.
</div>
<hr />
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
<a href="https://3.bp.blogspot.com/-zCYAOWnbZoA/WXyErj5WXSI/AAAAAAAAEaQ/jayi6w34KwgpoT5xHtwOeGMEtuVhaBEdACLcBGAs/s1600/TemperamentsAndIntonations-800x533.png" imageanchor="1"><img alt="World Music Diversity: Clarity & Understanding Through Visualisation. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://3.bp.blogspot.com/-zCYAOWnbZoA/WXyErj5WXSI/AAAAAAAAEaQ/jayi6w34KwgpoT5xHtwOeGMEtuVhaBEdACLcBGAs/s1600/TemperamentsAndIntonations-800x533.png" title="World Music Diversity: Clarity & Understanding Through Visualisation. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>World Music Diversity</strong><br />
Clarity & Understanding</a></td>
<td style="text-align: center;" width="33%">
<a href="https://4.bp.blogspot.com/-le4DP02agXk/WXyC5ggYt9I/AAAAAAAAEZ4/ffTVTphdD_Qnq187odI9xzufa7lA0aEegCLcBGAs/s1600/Product-Market-Fit-400x267.png" imageanchor="1"><img alt="Music Visualisation: Product-Market-Fit In A Fragmented Market? #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://4.bp.blogspot.com/-le4DP02agXk/WXyC5ggYt9I/AAAAAAAAEZ4/ffTVTphdD_Qnq187odI9xzufa7lA0aEegCLcBGAs/s1600/Product-Market-Fit-400x267.png" title="Music Visualisation: Product-Market-Fit In A Fragmented Market? #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Product-Market-Fit</strong><br />
In A Fragmented Market</a></td>
<td style="text-align: center;" width="33%">
<a href="https://4.bp.blogspot.com/-jLsCA9nWtIA/WXyFZkkAcxI/AAAAAAAAEac/YYh9KDA1HMk_4iiA08KSzT2sXYqhSq5aQCLcBGAs/s1600/HostileEnvironment%2B800x533.png" imageanchor="1"><img alt="Music Visualization: Complexity Is Self Propagating. Dependencies Warrant Great Caution.. #VisualFutureOfMusic" border="0" height="auto" src="https://4.bp.blogspot.com/-jLsCA9nWtIA/WXyFZkkAcxI/AAAAAAAAEac/YYh9KDA1HMk_4iiA08KSzT2sXYqhSq5aQCLcBGAs/s1600/HostileEnvironment%2B800x533.png" title="Music Visualization: Complexity Is Self Propagating. Dependencies Warrant Great Caution.. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Complexity Is Self Propagating</strong><br />
Caution Warranted..</a></td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
<a href="https://1.bp.blogspot.com/-4dWu9ajR6MI/WXyDXQcrZII/AAAAAAAAEaA/E7gl6013WfIrisu__s8byDqtrUxVu4h7ACLcBGAs/s1600/DeviceAgnosticThruComponents-400x267.png" imageanchor="1"><img alt="Music And Dance: Compatibility Across Devices using web components? #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://1.bp.blogspot.com/-4dWu9ajR6MI/WXyDXQcrZII/AAAAAAAAEaA/E7gl6013WfIrisu__s8byDqtrUxVu4h7ACLcBGAs/s1600/DeviceAgnosticThruComponents-400x267.png" title="Music And Dance: Compatibility Across Devices using web components? #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Compatibility Across Devices</strong><br />Using Web Components?</a></td>
<td style="text-align: center;" width="33%">
<a href="https://1.bp.blogspot.com/-uYJUGCYOFJI/WXyE6y-xQBI/AAAAAAAAEaU/vNl9H-biTqUpbUJevi3zecjFiIdohjdbACLcBGAs/s1600/SkillFinding-800x533.png" imageanchor="1"><img alt="Music Visualisation: Music Visualisation: Cultivate Collective Mastery To Advance New Thinking & Ideas. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://1.bp.blogspot.com/-uYJUGCYOFJI/WXyE6y-xQBI/AAAAAAAAEaU/vNl9H-biTqUpbUJevi3zecjFiIdohjdbACLcBGAs/s1600/SkillFinding-800x533.png" title="Music Visualisation: Cultivate Collective Mastery To Advance New Thinking & Ideas. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong></strong></a><strong><a href="https://www.linkedin.com/pulse/talent-tech-peter-clarke">Cultivate Collective Mastery</a></strong><br />
To Advance New Thinking & Ideas</td>
<td style="text-align: center;" width="33%">
<a href="https://4.bp.blogspot.com/--6XmgachUho/WXyIgsV-7QI/AAAAAAAAEas/IFl4Zxz87zw6WYikQVVauggIAgQyQdBxgCLcBGAs/s1600/Auto-Arrangement-Tiling-400x267.png" imageanchor="1"><img alt="Music Visualisation: Auto-Arrangement Of Tiling. By Device. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://4.bp.blogspot.com/--6XmgachUho/WXyIgsV-7QI/AAAAAAAAEas/IFl4Zxz87zw6WYikQVVauggIAgQyQdBxgCLcBGAs/s1600/Auto-Arrangement-Tiling-400x267.png" title="Music Visualisation: Auto-Arrangement Of Tiling. By Device. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong><a href="https://medium.com/@jtreitz/the-algorithm-for-a-perfectly-balanced-photo-gallery-914c94a5d8af">Auto-Arrangement Of Tiling</a></strong><br />
By Device</a></td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
<a href="https://3.bp.blogspot.com/-NRrcr4jAY14/WXyEYjz9zdI/AAAAAAAAEaM/GOhoEny9j5UqUPlas4WnMgSPKxZr8-ASgCLcBGAs/s1600/two-octave-turkish-cents-800x533-02.jpg" imageanchor="1"><img alt="Music Visualisation: Digital Enterprise From Scratch #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://3.bp.blogspot.com/-NRrcr4jAY14/WXyEYjz9zdI/AAAAAAAAEaM/GOhoEny9j5UqUPlas4WnMgSPKxZr8-ASgCLcBGAs/s1600/two-octave-turkish-cents-800x533-02.jpg" title="Music Visualisation: Digital Enterprise From Scratch #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Strong Base</strong><br />
Digital Enterprise From Scratch</a></td>
<td style="text-align: center;" width="33%">
<a href="https://1.bp.blogspot.com/-P61tRcERaZw/WXyDI2M-TcI/AAAAAAAAEZ8/GukjdQn0yYYB4oOavknYVrbsYaJ2JIkHACLcBGAs/s1600/Dragon-transparentbackground-400x267.png" imageanchor="1"><img alt="Music Visualisation: Dragons Only Of Own Making #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://1.bp.blogspot.com/-P61tRcERaZw/WXyDI2M-TcI/AAAAAAAAEZ8/GukjdQn0yYYB4oOavknYVrbsYaJ2JIkHACLcBGAs/s1600/Dragon-transparentbackground-400x267.png" title="Music Visualisation: Dragons Only Of Own Making #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><br /><strong>If Here Be Dragons</strong><br />
..Only Of Own Invention..</a></td>
<td style="text-align: center;" width="33%">
<a href="https://1.bp.blogspot.com/-iyKKFcR55qk/WXyFKJ7YNPI/AAAAAAAAEaY/t3EpvjjIHisBei3eXiHSs4FmbNbbYxgfwCLcBGAs/s1600/P2PInterworkingControls-400x267.png" imageanchor="1"><img alt="Music Visualisation: Which HTML Gaming Backend To Implement Real-Time Controls? #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://1.bp.blogspot.com/-iyKKFcR55qk/WXyFKJ7YNPI/AAAAAAAAEaY/t3EpvjjIHisBei3eXiHSs4FmbNbbYxgfwCLcBGAs/s1600/P2PInterworkingControls-400x267.png" title="Music Visualisation: Which HTML Gaming Backend To Implement Real-Time Controls? #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Which HTML Gaming Backend?</strong><br />
To Implement Real-Time Controls</a></td>
</tr>
</tbody>
</table>
<br />
<br />
<hr />
<h2 id="Overview" style="color: royalblue; text-align: center;">
Keywords</h2>
<hr />
<br />
<table style="color: royalblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
online music learning,<br />
online music lessons
</td>
<td style="text-align: center;" width="33%">
distance music learning,<br />
distance music lessons
</td>
<td style="text-align: center;" width="33%">
remote music lessons,<br />
remote music learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
p2p music lessons,<br />
p2p music learning
</td>
<td style="text-align: center;" width="33%">
music visualisation<br />
music visualization
</td>
<td style="text-align: center;" width="33%">
musical instrument models<br />
interactive music instrument models
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
music theory tools<br />
musical theory
</td>
<td style="text-align: center;" width="33%">
p2p music interworking<br />
p2p musical interworking
</td>
<td style="text-align: center;" width="33%">
comparative musicology<br />
ethnomusicology
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
world music<br />
international music</td>
<td style="text-align: center;" width="33%">
folk music<br />
traditional music
</td>
<td style="text-align: center;" width="33%">
P2P musical interworking,<br />
Peer-to-peer musical interworking
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
WebGL, Web3D,<br />
WebVR, WebAR
</td>
<td style="text-align: center;" width="33%">
Virtual Reality,<br />
Augmented or Mixed Reality
</td>
<td style="text-align: center;" width="33%">
Artificial Intelligence,<br />
Machine Learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
Scalar Vector Graphics,<br />
SVG
</td>
<td style="text-align: center;" width="33%">
3D Cascading Style Sheets,<br />
CSS3D
</td>
<td style="text-align: center;" width="33%">
X3Dom,<br />
XML3D
</td>
</tr>
</tbody>
</table>
<br />
<br />
</span>Cantillatehttp://www.blogger.com/profile/14558742596559186897noreply@blogger.com0tag:blogger.com,1999:blog-945815475576917628.post-15343483927838639372017-03-09T18:21:00.000+01:002017-09-02T13:52:00.731+02:00Music Visualisation (Interactive Musical Modeling): Potential<span style="font-family: "verdana" , sans-serif;">
<br />
Based on generic instrument and music theory tool family models, the idea of wide-ranging interactive musical modeling, or music visualization, is at last coming within reach.
<br />
<br />
<h2>Interactive Musical Modeling: Potential</h2>
The most compelling <b>immediate</b> potential <a href="https://visualfutureofmusic.blogspot.ch/2017/03/music-visualisation-benefits.html">benefit</a> of Interactive Musical Modeling is in establishing instrumental and theory tool <b>freedom of choice</b>, which, well implemented, translates into <b>immediacy</b>, <b>independence</b>, <b>diversity</b> and tight <b>integration</b>.
<br />
<ul style="list-style-type:circle; color: royalblue;">
<li>Freedom of choice of <b>music</b> - a huge motivational boost.</li>
<li>Freedom of choice of <b>musical instrument model</b>, a huge boon to those for whom the guitar seems a little too commonplace.</li>
<li>Freedom of choice of <b>music theory tool</b> (of which there are many), expressing often radical, sometimes finely nuanced differences in physical or modal detail</li>
<li>Freedom of choice of <b>teacher or mentor</b>: someone whose style you particularly like, a personal friend you'd like to work together with, or some obscure but energising guru met during travels.</li>
<li>Freedom of <b>fingering</b> (a serious technical challenge, but one for which there are certainly possible solutions).</li>
<li>Freedom of choice in highly integrated <b>supporting tools and applications</b> - in all their diversity.</li>
</ul>
Other compelling aspects of potential are laid out graphically below.
<table style="border: 1px solid orangered; color: steelblue; float: right; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 33%;">
<tbody>
<tr>
<td><!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="//blogspot.us14.list-manage.com/subscribe/post?u=6082c7c1fd4aacb458f4f3268&id=1dd5e99fbf" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
<h2 style="text-align: center; color: #f70000;">Potential Crowdfunder?</h2>
<div>
<label for="mce-FNAME">First Name</label>
<input type="text" name="FNAME" id="mce-FNAME">
</div>
<div>
<label for="mce-EMAIL">Email Address</label>
<input type="email" name="EMAIL" id="mce-EMAIL" title="The domain portion of the email address is invalid (the portion after the @)." pattern="^([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22))*\x40([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d))*(\.\w{2,})+$" required>
</div>
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_f2d244c0df42a0431bd08ddea_aeaa9dd034" tabindex="-1" value=""></div>
<div class="mc-status"></div>
<div><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>
<!--End mc_embed_signup--></td>
</tr>
</tbody>
</table>
<br />
<br />
So though sure at some point to fall under the radar of teachers and learners, universities, professional musicians, and inventors across a dozen or more related disciplines, my primary interest here are the dramatically rising number of the <b>marginalized</b> - those who, with no secure income, are ever more critically dependent on <b>social</b> currency and a <b>cultural</b> passport.
<br />
<br />
In these divisive times, a flowering of cross-cultural understanding and communication seems long overdue. A music visualization aggregator platform opens many new means of generating social value, of serving the often existential needs of the marginalized.
<br />
<br />
That said, strategy is more a matter of clarity of focus than chasing every whim, so let's try to give all this a little structure.
<br />
<br />
Following the incremental buildup in sophistication of music learning platforms, what key capabilities does each bring, and where can we draw the line between the existing and untapped potential?
<div class="separator" style="clear: both; text-align: center;"><a href="https://2.bp.blogspot.com/-tnUCy3em3mg/WaqSwQ1CQlI/AAAAAAAAEpo/HAhlYhisnfga4D_yP369ryvhzkNO3Zl1QCLcBGAs/s1600/VisualizationOpportunityByPlatformType-800x533.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Teaching & Learning Capability Buildup by Music Platform Type #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://2.bp.blogspot.com/-tnUCy3em3mg/WaqSwQ1CQlI/AAAAAAAAEpo/HAhlYhisnfga4D_yP369ryvhzkNO3Zl1QCLcBGAs/s1600/VisualizationOpportunityByPlatformType-800x533.png" data-original-width="800" data-original-height="533" title="Teaching & Learning Capability Buildup by Music Platform Type #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /><br /><strong>Teaching & Learning Capability Buildup by Music Platform Type</strong></a></div>
<br />
<br />
It seems in the nature of this topic that each new blog post bring fresh insights. That these should come so easily speaks volumes over the potential. Now let's try to give some of these avenues of social value generation a face.
<br />
<br />
<span style="color: royalblue; font-family: Verdana, sans-serif;">Big, brave, open-source, non-profit, community-provisioned, cross-cultural and fruitcake crazy. → Like, share, back-link, pin, tweet and mail. Hashtags? For the crowdfunding: <b>#VisualFutureOfMusic</b>. For the future live platform: <b>#WorldMusicInstrumentsAndTheory</b>. Or simply register as a potential crowdfunder..</span>
<br />
<br />
<hr />
<h2 id="Potential" style="text-align: center;">
Potential</h2>
<hr />
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
<a href="https://4.bp.blogspot.com/-XHHvfvUwZzQ/WX2QdwNZm5I/AAAAAAAAEbY/0oppBacprHs2wfDuxkhD19G2zim8F72KwCLcBGAs/s1600/ArcDiagramsForScoreAnalysis400x267.png" imageanchor="1"><img alt="Music Visualisation Score Analysis: Practice Optimisation And Deeper Understanding. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" href="http://www.bewitched.com/match/music.html" src="https://4.bp.blogspot.com/-XHHvfvUwZzQ/WX2QdwNZm5I/AAAAAAAAEbY/0oppBacprHs2wfDuxkhD19G2zim8F72KwCLcBGAs/s1600/ArcDiagramsForScoreAnalysis400x267.png" title="Music Visualisation Score Analysis: Practice Optimisation And Deeper Understanding. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Score Analysis: Practice Optimisation</strong><br />
With Deeper Understanding</a></td>
<td style="text-align: center;" width="33%">
<a href="https://3.bp.blogspot.com/-ZWLOISJzrx0/WYIA49dcvPI/AAAAAAAAEiA/XES8RW3VWG81hDO8CmPBD90MRSxSqocoACLcBGAs/s1600/Teacher-480x320.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Foundation for P2P Music Teaching and Learning #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" src="https://3.bp.blogspot.com/-ZWLOISJzrx0/WYIA49dcvPI/AAAAAAAAEiA/XES8RW3VWG81hDO8CmPBD90MRSxSqocoACLcBGAs/s1600/Teacher-480x320.png" data-original-width="480" data-original-height="367" title="Foundation for P2P Music Teaching and Learning #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" /><br /><strong>World Music P2P Teaching</strong><br />
Culture+Exchange=Understanding</a>
</td>
<td style="text-align: center;" width="33%">
<a href="https://1.bp.blogspot.com/-EbNg9XquxBo/WX2S7Y4_LHI/AAAAAAAAEbs/RY9cFpwUZk4GAVYLdOayWsnx6tp6eKz1wCLcBGAs/s1600/Gamification-400x267.png" imageanchor="1"><img alt="Music Visualisation - Gamification For Speed Learning. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://1.bp.blogspot.com/-EbNg9XquxBo/WX2S7Y4_LHI/AAAAAAAAEbs/RY9cFpwUZk4GAVYLdOayWsnx6tp6eKz1wCLcBGAs/s1600/Gamification-400x267.png" title="Music Visualisation - Gamification For Speed Learning. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Gamification</strong><br />
Speed Learning (Banal Example)</a></td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
<a href="https://4.bp.blogspot.com/-hFf8s1trxPU/WX2SG5tSdaI/AAAAAAAAEbk/gUfbKmtIOq4D0iugpPCxGz_F4XJRCCtOwCLcBGAs/s1600/DarkGreyBackground-400x267.png" imageanchor="1"><img alt="Music Visualisation's Modal Landscape Comparisons. Modes: A Culture's Musical Signature. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://4.bp.blogspot.com/-hFf8s1trxPU/WX2SG5tSdaI/AAAAAAAAEbk/gUfbKmtIOq4D0iugpPCxGz_F4XJRCCtOwCLcBGAs/s1600/DarkGreyBackground-400x267.png" title="Music Visualisation's Modal Landscape Comparisons. Modes: A Culture's Musical Signature. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Modal Landscapes Comparison</strong><br />
Modes: A Culture's Musical Signature</a></td>
<td style="text-align: center;" width="33%">
<a href="https://3.bp.blogspot.com/-gOZMTV3N4ms/WX2TM3Yx2tI/AAAAAAAAEbw/QO_ygFvcGV4IuVYZEKxWM5CxN9Cf3EAoACLcBGAs/s1600/gift-1015690_1280-400x267.jpg" imageanchor="1"><img alt="Music Visualisation: Potential For Embeddable Instruments & Tools Packaged For 3rd Party Web Sites. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://3.bp.blogspot.com/-gOZMTV3N4ms/WX2TM3Yx2tI/AAAAAAAAEbw/QO_ygFvcGV4IuVYZEKxWM5CxN9Cf3EAoACLcBGAs/s1600/gift-1015690_1280-400x267.jpg" title="Music Visualisation: Potential For Embeddable Instruments & Tools Packaged For 3rd Party Web Sites. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Embeddable Instruments & Tools</strong><br />
Packaged For 3rd Party Web Sites</a></td>
<td style="text-align: center;" width="33%">
<a href="https://2.bp.blogspot.com/-BVO25eSRbDo/WX2UveUpMJI/AAAAAAAAEcA/nxs_4dLHjXAdTQ0QPAenVvYvCdhu4n_iACLcBGAs/s1600/ReusableFramework-400x267.png" imageanchor="1"><img alt="Music Visualisation Platform: A Potentially Reusable Framework For Highly Configurable Time-Based Visualisations #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://2.bp.blogspot.com/-BVO25eSRbDo/WX2UveUpMJI/AAAAAAAAEcA/nxs_4dLHjXAdTQ0QPAenVvYvCdhu4n_iACLcBGAs/s1600/ReusableFramework-400x267.png" title="Music Visualisation Platform: A Potentially Reusable Framework For Highly Configurable Time-Based Visualisations #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Reusable Framework</strong><br />For Time-Based Visualisations</a></td>
</tr>
</tbody>
</table>
<br />
<hr />
<div style="text-align: center;">
Finger exercises ease motor skills development, often in the context of learning a specific piece. But what of musical understanding? Directly linking abstract theory with exercise notation and instrument display have the potential to dramatically speed development of underlying music-cultural fluency. Moreover, at the low speeds suited to building understanding, resource loads are very modest.
</div>
<hr />
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
<a href="https://3.bp.blogspot.com/-s6ny1A0NiUk/WX2WkWURGwI/AAAAAAAAEcU/OIcyi4gP9eUYVGvqSsfUOdEvpZQEKDr4ACLcBGAs/s1600/RESPONSIVE-800x533.png"><img alt="Music Visualisations: Responsive Content Across Devices #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://3.bp.blogspot.com/-s6ny1A0NiUk/WX2WkWURGwI/AAAAAAAAEcU/OIcyi4gP9eUYVGvqSsfUOdEvpZQEKDr4ACLcBGAs/s1600/RESPONSIVE-800x533.png" title="Music Visualisations: Responsive Content Across Devices #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Responsive Content</strong><br />
By Prefs, Resolution<br />
And Screen Size</a></td>
<td style="text-align: center;" width="33%">
<a href="https://3.bp.blogspot.com/-NVNC2jm_WMA/WX2Q0WwFEgI/AAAAAAAAEbc/6IBvoawinp43uhJeCY6IXMp5F_TszzrRgCLcBGAs/s1600/ConfigAndComparison-400x267.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Graphical instrument configuration change and/or comparison. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://3.bp.blogspot.com/-NVNC2jm_WMA/WX2Q0WwFEgI/AAAAAAAAEbc/6IBvoawinp43uhJeCY6IXMp5F_TszzrRgCLcBGAs/s1600/ConfigAndComparison-400x267.png" title="Graphical instrument configuration change and/or comparison. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Instruments and Theory Tools</strong><br />
Comparison and Change<br />
- In Lockstep -</a></td>
<td style="text-align: center;" width="33%">
<a href="https://2.bp.blogspot.com/-uLOI1c2mzP4/WX2VniPgoPI/AAAAAAAAEcI/rSgQusrW_dgXB2r-LSo_e7oD_PMXNpKxwCLcBGAs/s1600/Genealogy_cuban_music-800x533.png" style="margin-left: auto; margin-right: auto;"><img alt="Music Visualisation: Potential Usage Scenarious #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" href="https://visualfutureofmusic.blogspot.ch/2016/10/visualisation-of-genre-technique-and-style.html" src="https://2.bp.blogspot.com/-uLOI1c2mzP4/WX2VniPgoPI/AAAAAAAAEcI/rSgQusrW_dgXB2r-LSo_e7oD_PMXNpKxwCLcBGAs/s1600/Genealogy_cuban_music-800x533.png" title="Music Visualisation: Potential Usage Scenarious #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Genre Timeline Maps</strong><br />
Context For Preferences</a></td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
<a href="https://2.bp.blogspot.com/-Eim02zXLrvo/WX2TjtsfHTI/AAAAAAAAEb0/XRBtUn6qs_8qmaB1MD8qC_gA3XNsgRHYQCLcBGAs/s1600/WorldwideBenefits-400x267.png" style="margin-left: auto; margin-right: auto;"><img alt="World Music Visualisation Platform Potential Usage Scenarios P2P, VR, Desktop, Mobile #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" href="https://draft.blogger.com/blogger.g?blogID=945815475576917628" src="https://2.bp.blogspot.com/-Eim02zXLrvo/WX2TjtsfHTI/AAAAAAAAEb0/XRBtUn6qs_8qmaB1MD8qC_gA3XNsgRHYQCLcBGAs/s1600/WorldwideBenefits-400x267.png" title="World Music Visualisation Platform Potential Usage Scenarios P2P, VR, Desktop, Mobile #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Potential Usage Scenarios</strong><br />
P2P, ER, VR, Desktop, Mobile<br />
-Worldwide-</a></td>
<td style="text-align: center;" width="33%">
<a href="https://2.bp.blogspot.com/-fXAfdLPqNiM/WX2T-EbOPLI/AAAAAAAAEb4/2zuSGOJY9Z0oLuW0akfKiCufpajwn3YgQCLcBGAs/s1600/MultipleSourcesAndSinks-400x267.png" imageanchor="1" style="text-align: center;"><img alt="World Music Visualizations: Potentially driven by any musical source. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://2.bp.blogspot.com/-fXAfdLPqNiM/WX2T-EbOPLI/AAAAAAAAEb4/2zuSGOJY9Z0oLuW0akfKiCufpajwn3YgQCLcBGAs/s1600/MultipleSourcesAndSinks-400x267.png" title="World Music Visualizations: Potentially driven by any musical source. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Multiple Visualizations</strong><br />
Driven By Any Source</a></td>
<td style="text-align: center;" width="33%">
<a href="https://4.bp.blogspot.com/-mr9bSqYexFo/WX2ZXfU5TZI/AAAAAAAAEck/YOPBAjd3Vq8kLjmucRZ_c4N0M0RhkTg8ACLcBGAs/s1600/audience-1850022-400x267.jpg"><img alt="World Music Visualizations: Microtonal Notations Giving Heritage New Expression #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" href="https://visualfutureofmusic.blogspot.ch/2016/09/notation-standardization-web.html" src="https://4.bp.blogspot.com/-mr9bSqYexFo/WX2ZXfU5TZI/AAAAAAAAEck/YOPBAjd3Vq8kLjmucRZ_c4N0M0RhkTg8ACLcBGAs/s1600/audience-1850022-400x267.jpg" title="World Music Visualizations: Microtonal Notations Giving Heritage New Expression #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Microtonal Notations</strong><br />
Heritage Finds New Expression<br />
-Interchangeably-</a></td>
</tr>
</tbody></table>
<br />
<hr />
<div style="text-align: center;">
Live-streamed, on-demand musical individualism is on the rise. Progressively exploiting the full spectrum of world music tool and instrumental configurations, could musical learning gaps also be filled? Until now, there has been no supporting remote teaching toolset. Can we globally connect the musical virtuoso with the learner? Can we match the diverse, little-known and enlightening with the motivated, the curious and the marginalised? Could we deliver a new wave of grass-roots musical empowerment? We think so.
</div>
<hr />
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
<a href="https://4.bp.blogspot.com/-r8-tLHOCKmM/WX2UPyBvMvI/AAAAAAAAEb8/pzgp7dGS4vkvy7rtKLe9L7H4DwVAiob8gCLcBGAs/s1600/MusicSystemCommunitiesLabelled-400x267.png" imageanchor="1"><img alt="Visualization Toolset: Clear Interworking Contexts #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://4.bp.blogspot.com/-r8-tLHOCKmM/WX2UPyBvMvI/AAAAAAAAEb8/pzgp7dGS4vkvy7rtKLe9L7H4DwVAiob8gCLcBGAs/s1600/MusicSystemCommunitiesLabelled-400x267.png" title="Visualization Toolset: Clear Interworking Contexts #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><br /><strong>Clear Interworking Contexts</strong><br />Music System, Genre, Instrument Family..</a></td>
<td style="text-align: center;" width="33%">
<a href="https://3.bp.blogspot.com/-MJ-JWQqOt7Q/WX2SbG1EnwI/AAAAAAAAEbo/6KgP4qOlA5Aajdfs48I41Lz53ZsvXTWwwCLcBGAs/s1600/GalaxyOfWorldInstruments-400x267.png"><img alt="Music Visualization: The Key To Recovering Musical Diversity #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://3.bp.blogspot.com/-MJ-JWQqOt7Q/WX2SbG1EnwI/AAAAAAAAEbo/6KgP4qOlA5Aajdfs48I41Lz53ZsvXTWwwCLcBGAs/s1600/GalaxyOfWorldInstruments-400x267.png" title="Music Visualization: The Key To Recovering Musical Diversity #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Diversity Engine</strong><br />
A Galaxy of Derivations<br />
Instrumental And Music-Theoretical</a></td>
<td style="text-align: center;" width="33%">
<a href="https://2.bp.blogspot.com/-Ydukl_mAzXg/WX2WQeSF3AI/AAAAAAAAEcQ/1C6jdxIGle8STkGhbQcjVPX8K2ZoUvQ5ACLcBGAs/s1600/MusicSourceSliceAndDice-800x533.png" imageanchor="1"><img alt="Music Visualization: Slice, Dice, Transform And Map Data As Desired. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://2.bp.blogspot.com/-Ydukl_mAzXg/WX2WQeSF3AI/AAAAAAAAEcQ/1C6jdxIGle8STkGhbQcjVPX8K2ZoUvQ5ACLcBGAs/s1600/MusicSourceSliceAndDice-800x533.png" title="Music Visualization: Slice, Dice, Transform And Map Data As Desired. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Notation Or Audio</strong><br />
Slice, Dice, Transform, Map. As Desired.</a></td>
</tr>
<tr>
<td style="text-align: center;" width="33%"><a href="httsp://1.bp.blogspot.com/-HZa_EvwqZO0/WLROv3-T48I/AAAAAAAADcc/t8gTnhCRQOQbp7nV0XSzJdFJe3dss9ZVwCK4B/s1600/MusicNoteCompatibilityMatrix-800x533%2Bcopy%2B6.png" imageanchor="1"><img alt="Music Visualisation: Music Font Compatibility Matrix #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://1.bp.blogspot.com/-HZa_EvwqZO0/WLROv3-T48I/AAAAAAAADcc/t8gTnhCRQOQbp7nV0XSzJdFJe3dss9ZVwCK4B/s320/MusicNoteCompatibilityMatrix-800x533%2Bcopy%2B6.png" title="Music Visualisation: Music Font Compatibility Matrix #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Music Font Compatibility Matrix</strong><br />
Select From Several Compatible Fonts</a>
</td>
<td style="text-align: center;" width="33%">
<a href="https://2.bp.blogspot.com/-_U-tabRlnjQ/WX2cETu3dhI/AAAAAAAAEco/GIsDOeYVfp4I9PC4Vsn3ghUI8MdQgol0QCLcBGAs/s1600/Roadmaps-800x533.png" imageanchor="1"><img alt="Music Visualisation: Fretboard Or Fingerboard, Roadmaps For Every Last Configuration. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://2.bp.blogspot.com/-_U-tabRlnjQ/WX2cETu3dhI/AAAAAAAAEco/GIsDOeYVfp4I9PC4Vsn3ghUI8MdQgol0QCLcBGAs/s1600/Roadmaps-800x533.png" title="Music Visualisation: Fretboard Or Fingerboard, Roadmaps For Every Last Configuration. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Fretboard Or Fingerboard</strong><br />
Roadmaps For Every Last Configuration</a></td>
<td style="text-align: center;" width="33%">
<a href="https://4.bp.blogspot.com/-oOnvAhXLb3s/WX2V8Rm8uPI/AAAAAAAAEcM/8gBhGovEmPcfFYnS9oqzxakpMQR7u0z_wCLcBGAs/s1600/MoreTheoryToolsIdeas-800x533.png" imageanchor="1"><img alt="More Instruments and Theory Tools On Pinterest - Seething With Modeling Inspiration Awaiting Crowdsourced Challenge.. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" href="https://www.pinterest.com/cantillate" src="https://4.bp.blogspot.com/-oOnvAhXLb3s/WX2V8Rm8uPI/AAAAAAAAEcM/8gBhGovEmPcfFYnS9oqzxakpMQR7u0z_wCLcBGAs/s1600/MoreTheoryToolsIdeas-800x533.png" title="More Instruments and Theory Tools On Pinterest - Seething With Modeling Inspiration Awaiting Crowdsourced Challenge.. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Instruments and Theory Tools</strong><br />
Inspiration Awaiting Crowd Challenge..</a></td>
</tr>
</tbody>
</table>
<br />
<br />
<hr />
<h2 id="Overview" style="color: royalblue; text-align: center;">
Keywords</h2>
<hr />
<br />
<table style="color: royalblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
online music learning,<br />
online music lessons
</td>
<td style="text-align: center;" width="33%">
distance music learning,<br />
distance music lessons
</td>
<td style="text-align: center;" width="33%">
remote music lessons,<br />
remote music learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
p2p music lessons,<br />
p2p music learning
</td>
<td style="text-align: center;" width="33%">
music visualisation<br />
music visualization
</td>
<td style="text-align: center;" width="33%">
musical instrument models<br />
interactive music instrument models
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
music theory tools<br />
musical theory
</td>
<td style="text-align: center;" width="33%">
p2p music interworking<br />
p2p musical interworking
</td>
<td style="text-align: center;" width="33%">
comparative musicology<br />
ethnomusicology
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
world music<br />
international music</td>
<td style="text-align: center;" width="33%">
folk music<br />
traditional music
</td>
<td style="text-align: center;" width="33%">
P2P musical interworking,<br />
Peer-to-peer musical interworking
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
WebGL, Web3D,<br />
WebVR, WebAR
</td>
<td style="text-align: center;" width="33%">
Virtual Reality,<br />
Augmented or Mixed Reality
</td>
<td style="text-align: center;" width="33%">
Artificial Intelligence,<br />
Machine Learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
Scalar Vector Graphics,<br />
SVG
</td>
<td style="text-align: center;" width="33%">
3D Cascading Style Sheets,<br />
CSS3D
</td>
<td style="text-align: center;" width="33%">
X3Dom,<br />
XML3D
</td>
</tr>
</tbody>
</table>
<br />
<br />
</span>Cantillatehttp://www.blogger.com/profile/14558742596559186897noreply@blogger.com0tag:blogger.com,1999:blog-945815475576917628.post-41800801540524760392017-03-09T16:02:00.000+01:002017-07-22T10:55:06.262+02:00Music Visualisation: The Experimental Edge<span style="font-family: "verdana" , sans-serif;">
<br />
The incredible diversity of world music instruments, and the widely perceived air of mystery surrounding their behaviours suggest it would be difficult to unite them in a universal theory of music.
<br />
<br />
<table style="color: steelblue; float: right; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 33%;">
<tbody>
<tr>
<td style="border: 1px solid orangered;" >
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="//blogspot.us14.list-manage.com/subscribe/post?u=6082c7c1fd4aacb458f4f3268&id=1dd5e99fbf" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
<h2 style="text-align: center; color: #f70000;">Potential Crowdfunder?</h2>
<div>
<label for="mce-FNAME">First Name</label>
<input type="text" name="FNAME" id="mce-FNAME">
</div>
<div>
<label for="mce-EMAIL">Email Address</label>
<input type="email" name="EMAIL" id="mce-EMAIL" title="The domain portion of the email address is invalid (the portion after the @)." pattern="^([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22))*\x40([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d))*(\.\w{2,})+$" required>
</div>
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_f2d244c0df42a0431bd08ddea_aeaa9dd034" tabindex="-1" value=""></div>
<div class="mc-status"></div>
<div><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>
<!--End mc_embed_signup--></td>
</tr>
</tbody>
</table>
Modelling instruments by <b><i>family</i></b>, on the other hand, is likely to be considerably easier. Here we need only look at constraints applying to a particular construction form. These can be separately modelled as more or less 'pure' physical properties, and applied -as so-called 'mix-ins'- to instrument construction and theory tool forms. Combined, this allows us to model entire instrument families more or less as catalogued in classification systems such as that of Hornbostel-Sachs. To each family, effectively, it's own musical model. Given a theory tool visual classification system, much the same can be done there.
<br />
<br />
Combined with code reuse, this brings the entire palette of world music instrumentation and theory within in-browser modelling reach. Welcome to the future of peer-to-peer, live-streamed teaching toolsets. :-)
<br />
<br />
Finally, this opens the possibility of modelling, integrating and testing new instrument interfaces and theory tools directly on-screen in conjunction with a wide range of music exchange files - without ever resorting to physical construction.
<br />
<br />
<span style="color: royalblue; font-family: Verdana, sans-serif;">Big, brave, open-source, non-profit, community-provisioned, cross-cultural and bust-a-nut crazy. → Like, share, back-link, pin, tweet and mail. Hashtags? For the crowdfunding: <b>#VisualFutureOfMusic</b>. For the future live platform: <b>#WorldMusicInstrumentsAndTheory</b>. Or simply register as a potential crowdfunder..</span>
<br />
<br />
<hr />
<h2 id="Experiment" style="text-align: center;">
The Experimental Edge</h2>
<hr />
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%"><a href="https://1.bp.blogspot.com/-GksLqMJNo9g/WKyQaHiOc-I/AAAAAAAADUQ/o07gFoKu-uwSyPnYGTDKhjgooLvgoqMbACK4B/s1600/MicrotonalNotationsCompared-800x533.png" imageanchor="1"><img alt="Music Visualisation: Notation Examples. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://1.bp.blogspot.com/-GksLqMJNo9g/WKyQaHiOc-I/AAAAAAAADUQ/o07gFoKu-uwSyPnYGTDKhjgooLvgoqMbACK4B/s320/MicrotonalNotationsCompared-800x533.png" title="Music Visualisation: Notation Examples. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Notation Examples</strong></a></td>
<td style="text-align: center;"><a href="http://www.billalves.com/porgitaro/porgitarotuning.html" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Music Visualisation: Schneider's Switchboard Guitar. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://1.bp.blogspot.com/-Blsf89mP7d4/V-WXeohzAmI/AAAAAAAABys/LnPd2igHhE4A_E0vgQefUNrERO6WZO2aACK4B/s320/switchboards.jpg" title="Music Visualisation: Schneider's Switchboard Guitar. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Instrument Example</strong><br />
Schneider's Switchboard Guitar</a></td>
<td style="text-align: center;" width="33%"><a href="https://4.bp.blogspot.com/-uopAvvNzN7M/WKtM4OneuJI/AAAAAAAADSY/u9OCOZ7nMq0Gt_7s9cZiVG9JPHZW_XnyQCK4B/s1600/800px-Equal_Temper_w_limits.svg.png" imageanchor="1"><img alt="Music Visualisation: Some Just Intonations Mapped To EDO. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://4.bp.blogspot.com/-uopAvvNzN7M/WKtM4OneuJI/AAAAAAAADSY/u9OCOZ7nMq0Gt_7s9cZiVG9JPHZW_XnyQCK4B/s320/800px-Equal_Temper_w_limits.svg.png" title="Music Visualisation: Some Just Intonations Mapped To EDO. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong><br /><br />Theory Example</strong><br />
Some Just Intonations Mapped To EDO</a></td>
</tr>
</tbody>
</table>
<br />
<hr />
<div style="text-align: center;">
These images can only hint at the diversity of notation systems, instrument configurations and theory models. Uniting them in a dedicated, tightly integrated yet flexible platform is the goal of this project. We have good reason to think it can be done. And you?
</div>
<hr />
<br />
<table style="color: steelblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%"><a href="https://visualfutureofmusic.blogspot.ch/2016/10/cross-browser-p2p-teacher-student.html" imageanchor="1"><img alt="Music Visualisation: Sagittal Microtonal Glyphs. Accidentals For Just Intonation. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://1.bp.blogspot.com/-7y8x2XEjJDc/WKtf34gkF6I/AAAAAAAADTM/DyvxUG9LXm8XO6GeBEsCVp-A0QPMzYEtwCK4B/s320/SagittalJI%2B%25281%2529.gif" title="Music Visualisation: Sagittal Microtonal Glyphs. Accidentals For Just Intonation. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Sagittal Microtonal Glyphs</strong><br />
Accidentals For Just Intonation</a></td>
<td style="text-align: center;" width="33%"><a href="https://2.bp.blogspot.com/-zK_EkVQtPRk/WKycuL6rEhI/AAAAAAAADUg/j_061XkczOo7r_nVXWxi8rpW2dGLaj0EwCK4B/s1600/MicrotonalGuitar-02-800x533.png" imageanchor="1"><img alt="Music Visualisation: Microtonal Guitar, Sagittal Notation. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://2.bp.blogspot.com/-zK_EkVQtPRk/WKycuL6rEhI/AAAAAAAADUg/j_061XkczOo7r_nVXWxi8rpW2dGLaj0EwCK4B/s320/MicrotonalGuitar-02-800x533.png" title="Music Visualisation: Microtonal Guitar, Sagittal Notation. #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Microtonal Guitar, Sagittal Notation</strong></a></td>
<td style="text-align: center;" width="33%"><a href="https://2.bp.blogspot.com/-h9bdSuhTp9U/WKylZa-KoQI/AAAAAAAADU8/z5qmq4vAiLspGoAdnFLq43tlaMfoZ2FYgCK4B/s1600/The%2BScale%2BTree-CROPPED-800x533.png" imageanchor="1"><img alt="Music Visualisation: Scale Tree (Detail). #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" border="0" height="auto" src="https://2.bp.blogspot.com/-h9bdSuhTp9U/WKylZa-KoQI/AAAAAAAADU8/z5qmq4vAiLspGoAdnFLq43tlaMfoZ2FYgCK4B/s320/The%2BScale%2BTree-CROPPED-800x533.png" title="Music Visualisation: Scale Tree (Detail). #VisualFutureOfMusic #WorldMusicInstrumentsAndTheory" width="100%" /><strong>Scale Tree (Detail)</strong><br />
Curious? Me Too.</a></td>
</tr>
</tbody>
</table>
<br />
<br />
<hr />
<h2 id="Overview" style="color: royalblue; text-align: center;">
Keywords</h2>
<hr />
<br />
<table style="color: royalblue; float: center; height: 80px; margin-left: auto; margin-right: auto; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="text-align: center;" width="33%">
online music learning,<br />
online music lessons
</td>
<td style="text-align: center;" width="33%">
distance music learning,<br />
distance music lessons
</td>
<td style="text-align: center;" width="33%">
remote music lessons,<br />
remote music learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
p2p music lessons,<br />
p2p music learning
</td>
<td style="text-align: center;" width="33%">
music visualisation<br />
music visualization
</td>
<td style="text-align: center;" width="33%">
musical instrument models<br />
interactive music instrument models
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
music theory tools<br />
musical theory
</td>
<td style="text-align: center;" width="33%">
p2p music interworking<br />
p2p musical interworking
</td>
<td style="text-align: center;" width="33%">
comparative musicology<br />
ethnomusicology
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
world music<br />
international music</td>
<td style="text-align: center;" width="33%">
folk music<br />
traditional music
</td>
<td style="text-align: center;" width="33%">
P2P musical interworking,<br />
Peer-to-peer musical interworking
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
WebGL, Web3D,<br />
WebVR, WebAR
</td>
<td style="text-align: center;" width="33%">
Virtual Reality,<br />
Augmented or Mixed Reality
</td>
<td style="text-align: center;" width="33%">
Artificial Intelligence,<br />
Machine Learning
</td>
</tr>
<tr>
<td style="text-align: center;" width="33%">
Scalar Vector Graphics,<br />
SVG
</td>
<td style="text-align: center;" width="33%">
3D Cascading Style Sheets,<br />
CSS3D
</td>
<td style="text-align: center;" width="33%">
X3Dom,<br />
XML3D
</td>
</tr>
</tbody>
</table>
<br />
<br />
</span>Cantillatehttp://www.blogger.com/profile/14558742596559186897noreply@blogger.com0