Сайт для занятий музыкой с аккордами и нотами

Аватар пользователя univerico univerico 1 июня 2017 в 23:26

Здравствуйте!
Пытаюсь реализовать с помощью Друпал сайт для занятий по музыке.
Хотелось бы настроить, как, например, здесь
https://muzland.ru/songs.html?auth=116&song=11&tone=Dm
Задачи стоят следующие:
1) сделать чтобы аккорды появлялись над текстом
а) можно в текстовом редакторе набратьи вставить
б)можно настроить чтобы как-то программно они ставились
Второй вариант предпочтителен, так как нужен пункт 2
2) нужно переключать тональности
(это называется траспонирование, каждому аккорду в каждой тональности соответствует определенный аккорд в другой тональности)
можно создать аккорды для одной тональности, а для остальных делать автоматически
3) это все нужно как-то представить
пока мысли только следующие
а) создавать отдельные страницы для каждой тональности вручную и добавить поле с названием тональности
и по типу разновидностей в интернетмагазине как-то настроить для каждой песни разные вариантыт или через расширенный поиск отдельными страницами выводить
б) сделать через views или таблицы (например текст четные поля а аккорды нечетные и менять как-то в зависимости от тональности варианты нечетных полей)

4) Сделать свой нотный редактор прямо на сайте
(5 полос на которых вставлять символы на определенной высоте щелчком мыши, т.е. при щелчке на определенной высоте рисунка появляется пределенный символ: нота со штилем или без штила, с номерком аппликатры или без, второе зависит от настроек) была мысль как-то через модули тестов или обучающих программ это делать, но все же для этого видимо только отдельный модуль писать придется
Проект некоммерческий пока заказывать самописные модули не можем, но в принципе, если можно прикиниуть по стоимости, сколько может стоить написание такого модуля, то интересно
Есть модули https://www.drupal.org/project/lyric_sheet_chords
Не совсем то https://www.drupal.org/project/chords
Очень малоиспользуемый модуль https://www.drupal.org/project/guitar

Есть плагин для вордпресс http://site-s-nulya.ru/publikatsiya-akkordov-na-saytah-wordpress/
(можно ли его как-то поставить на Друпал и на основании этого что-то реализовать)
Какие еще идеи? Стоит ли это делать на Друпал или только самописный сайт?
Что Вам встречалось для работы с нотами и аккордами? Что можно сделать на Друпал по этой теме?

ВложениеРазмер
Иконка изображения untitled-1.jpg86.14 КБ

Комментарии

Аватар пользователя Studio VIZA Studio VIZA 2 июня 2017 в 1:08
1

univerico wrote:

Что можно сделать на Друпал по этой теме?


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

Аватар пользователя univerico univerico 2 июня 2017 в 13:38

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

Аватар пользователя univerico univerico 2 июня 2017 в 14:09

Quote:

Определить селектор и задать ему позиционирование. Если с js дружите - то можно ещё и кнопку запилить для любого редактора

В принципе можно сделать отдельными строками наверное и в word уже и так вставлять.
А если все же CSS подключать, то теги в тексте расставлять перед добавление материала придется? или может все же задать для нечетных строк например какой-то стиль?
Quote:
Транспонирование - чистый js с реплейсом.

это надо самописный делать модуль или можно настроить какой-то модуль для работы с js на друпале? подключать какие-то библиотеки?

Quote:
Для парсинга можно использовать дата атрибут

спасибо большое за мысль
а что будет значением атрибута?
Quote:
Тем более правила транспонирования известны между всеми нотами

Как это тогда увязать с правилами транспонирования?:
Взять какую-то исходную тональность например До мажор (C)
"Если тональность Ля мажор (A), то аккорд такой-то = аккорду 1
Если тональность Ре мажор (D), то аккорд такой-то = аккорду 2? "
Это уже в php нужно писать ? и выводить с помощью js? или все js?
готовых модулей нет, где можно такие правила задать? или можно настроить какой-нибудь ?
Quote:
Для начала решите, в каком виде сайт будет это хранить. А представлять не такая уж и большая проблема. Например SVG. И опять таки js, js и ещё раз js. Всё зависит от скилла. Если умеете писать код, то на чём угодно сделаете))). Если нет - нанимайте специалиста)))

А какие есть варианты? Что можно сделать на готовых модулях?
Что только с написанием кода дополнительно?[/quote]

Аватар пользователя univerico univerico 2 июня 2017 в 17:39

Спасибо.
Со значениями атрибутов пока не очень ясно, но на практике буду разбираться.
По готовым модулям в целом какие модули для этого сайта нужны я представляю себе, кроме аккордов и нотного редактора, с js пробел
буду искать модуль или обращаться к кому-то

Аватар пользователя univerico univerico 2 июня 2017 в 23:08

Аппликатуру для аккордов? рисунками вставлять сделанными в графическом редакторе
Я тоже самоучка, но сейчас с гитаристами занимаюсь отсюда и появилась идея
Оффотпик: по нотам мне нравится этот урок https://www.youtube.com/watch?v=1Hbj3Xc4_OY
Ноты это тема! У меня из-за пробела с нотами на 15 лет гитара ушла на задний план
Сейчас с нотами намного интереснее стало

Для нот чтобы аппликатуру делать поэтому и нужен свой редактор чтобы сразу вместе с нотой аппликатуру проставлять желательно для каждого инструмента аппликатуры для определенных нот сделать автоматические(нота-палец) (для общих случаев классические варианты) с возможностью замены или отключения аппликатуры, и для гитары для арпеджио пальцы правой руки в нотах проставлять (pima)
Ключевой момент в том, что хорошо было бы как-то по тактам разделять, но можно и прямо в тексте | |
Вообще для редактора у меня идея, чтобы была возможность для некоторых песен делать типа партитуры: ноты для одного или нескольких инструментов
+ опционально текст, аккорды, табулатура
Но на крайний случай это можно делать например в сибелиусе и потом картинкой вставлять
Хотя на сайте было бы удобнее

Аватар пользователя multpix multpix 2 июня 2017 в 20:34

Оу, это как раз два различных подхода - как на амдм и музленд

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

Аватар пользователя univerico univerico 2 июня 2017 в 23:20

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

Аватар пользователя multpix multpix 2 июня 2017 в 21:46
1

Верно, но в аппликатуру, табулатуру и нотную грамоту (со всеми вариантами этого письма) - даже не копаем))))

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

Ибо ЦА такого ресурса - комнатные барды, а им боле и не надо)))

Тут весь интерес темы именно в устройстве такого типа данных,
а там - в поле его, и вокруг - полный друпал со всей его лабудой.

Тож считаю, что тема интересная, но времени пока нет.

Аватар пользователя univerico univerico 2 июня 2017 в 23:28

multpix wrote:

который потом разбирать для отображения и для редактора,

типа - индекс(кусок текста, аккорд) в самом простом варианте.


Что Вы имеете в виду для редактора?
Я про редактор в смысле нотный редактор

Аватар пользователя multpix multpix 3 июня 2017 в 0:32

не нотный - для старта это будет сильно круто,
просто редактор для кусок текста -> аккорд.

Аватар пользователя gun_dose gun_dose 2 июня 2017 в 23:28

Имхо, всё это пустое, когда есть ультимэйт гитар с миллионами песен и встроенным проигрывателем табулатур из разных форматов. Вот к этому надо идти - визуализировать гтп-шки, а не аккорды тегами писать.

Аватар пользователя univerico univerico 2 июня 2017 в 23:59

Т.е. тоже не просто а с заморочками программно?
А если рисунками или ---- | так и пробелы в css отладить?

Аватар пользователя univerico univerico 3 июня 2017 в 0:01

Хотелось бы больше нотами если честно
Но если спрос на табулатуры то придется их возможно тоже добавлять, но не факт

Аватар пользователя gun_dose gun_dose 3 июня 2017 в 8:05

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

Аватар пользователя univerico univerico 3 июня 2017 в 10:11

Будем ориентироваться на контент. потому что по объему и технически есть уже названные Вами сайты
Технически сделать хочется "как для себя". Т.е. чтобы было удобно

Аватар пользователя univerico univerico 3 июня 2017 в 10:19

Спасибо
Ставлю модули, начнем просто со второго способа, тональности будем вручную в ворде автозаменой делать (но не для всех а для самых ходовых реальных в принципе, все и не нужны, замороченные диезные и с кучей барре и т.д. пока делать не будем) и текстом вставлять для начала и по типу подвидов товара для интернет магазина или еще как-то попробуем настроить, чтобы с чего-то начать, посмотрю что получилось и тогда уже подробное описание буду делать чтобы с js