Большинство статей о музыке и нотной записи страдают большим недостатком:
текстовое описание, скажем, отличия септаккорда от трезвучия, есть, а звука, чтоб это отличие услышать — нет.



Хорошим обратным примером является интерактивный мини-учебник по теории музыки от Ableton


В статьях учебника кратко описываются основные аспекты композиции от ритма до гармонизации. Причём на каждой странице встроен интерактивный редактор где можно не только прослушать пример, но и попробовать что-то поменять и сразу проверить результат.



Данный учебник это целое веб-приложение над которым работала серьёзная команда программистов.
К сожалению, данный подход неприменим для большинства статей на тематических сайтах или постов в форумах.

Можно ли как-то попроще?

В идеале было бы достаточно иметь возможно вставить в текст ссылку по которой открывается интерактивный редактор с обсуждаемым куском мелодии. Ну и скришот редактора сделанный стандартными средствами т.к. картинки и ссылки можно вставлять в любых блогах, почтовых сообщения и т.п.

Многие веб-секвенсоры предоставляют такую возможность. Например Flat.io даже предоставляет API по встраиванию редактора в страницу с помощью iframe (хотя для большинства форумов это бесполезно т.к. тэг iframe запрещён в сообщениях)



К сожалению, распространённые сервисы предоставляют только нотный стан. Хотя большинство современной музыки пишется в пианоролл (см. Ableton Live, FL Studio, Pro Tools), а не в классической нотации.

Работающий пример с Piano Roll

Возможно использовать RiffShare. Сервис позволяет задать мелодию (или импортировать через .mid) и получить на неё обычную ссылку:



Результат можно вставить в любой блог, в том числе даже в пост или комментарий на Хабре. Вот как может выглядеть статья о гармонизации из учебника Ableton:

Аккорды
“Mary Had a Little Lamb”

Это известная детская песня с узнаваемой простой мелодией. Вот одноголосая мелодия в тональности Фа-мажор.



открыть http://tinyurl.com/y9k93o3r

Но если мы гармонизируем мелодию с помощью нескольких аккордов, у нас получится полноценное произведение.
Этот пример показывает простую прогрессию (последовательность) аккордов. В большинстве стилей музыки прогрессия аккордов используется для создания напряжения или завершённости и т.п. Для этого аккорды могут как совпадать с основной тональностью, так и противостоять ей.



http://tinyurl.com/y8r9xabu

Как используются аккорды?
Мы добавили трезвучия Фа-мажоре и в До-мажоре. Но почему мы добавили именно эти аккорды?
Обратите внимание на совпадение нот мелодии с нотами аккомпанирующих аккордов. Например, в первом такте ноты Фа и Ля мелодии входят в трезвучие Фа-мажор. Ноты Соль не входят в это трезвучие, но они используются в мелодии как «соединение» между Фа и Ля.

Попробуйте поэкспериментировать поменяв аккорды в композиции.

RiffShare это опенсорсная разработка которая использует WebAudioFont и работает в любом браузере на любой платформе. Позволяет обмениваться музыкальными фрагментами широкого формата (см. примеры на странице сервиса) от джаза до транса.

https://habrahabr.ru/post/331096/