[РЕШЕНО] Аудио-плеер в текст ноды

Главные вкладки

Аватар пользователя Eleazara Eleazara 4 октября 2015 в 0:48

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

Комментарии

Аватар пользователя duozersk duozersk 4 октября 2015 в 2:52

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

Аватар пользователя Eleazara Eleazara 4 октября 2015 в 17:02

"duozersk" wrote:
WYSIWYG (CKEditor), Media и MediaElement

Среди кучи всего, что я пробовала, был и MediaElement. Но с его установкой, в медиа-браузере, через который вставляется объект ничего не меняется. Т.е. что с ним, что без него, подргружается стандартный плеер HTML5, который решает задачу лишь на половину. Звук вставить в ноду можно, но сделать это компактно - не получается.

"kosHta" wrote:
это надо искать какой из проигрывателей отозвался

Это проигрыватель, реализованный через html5, который нельзя видоизменить. Увы.
Когда идет подряд 20 фраз, вперемешку с текстом, описанием и всплывающими подсказками, такой проигрыватель сильно громоздкий. Там звук идет 2-3 секунды.

Спасибо ребята. Может еще есть предложения?)

Хочется что-то типа такого, как в SoundManager2, но я не смогла его вставить:

Аватар пользователя Eleazara Eleazara 4 октября 2015 в 17:03

"kosHta" wrote:
и сайт даёт код, вот этот код вставляется в текст.

сейчас посмотрю сторонние сайты... не совсем то. Но вдруг и правда что-то подойдет)

Аватар пользователя duozersk duozersk 4 октября 2015 в 19:43

"Eleazara" wrote:
Среди кучи всего, что я пробовала, был и MediaElement. Но с его установкой, в медиа-браузере, через который вставляется объект ничего не меняется. Т.е. что с ним, что без него, подргружается стандартный плеер HTML5, который решает задачу лишь на половину. Звук вставить в ноду можно, но сделать это компактно - не получается.

Нужно настраивать, чтобы при вставке использовался определенный вьюмод файла (по умолчанию используется вью мод WYSIWYG насколько я помню), и там настроить форматтер в виде медиаэлемента. Или в виде SoundManager2, его интеграция с дру вроде тоже есть, там должны быть подходящие форматтеры.
И оно будет работать как вам нужно, зачем вам морока со сторонними сайтами и их кодами плееров? Путь, который я предлагаю, гораздо более гибкий - вы сможете всеми такими вставками файликов с плеерами управлять централизованно через настройки одного вью мода - например, нужно плеер заменить, изменили найтройки вь мода, сбросили кэш на сайте - и во всех местах появился новый плеер.

Аватар пользователя duozersk duozersk 4 октября 2015 в 21:21

"kosHta" wrote:
В типе материала прикрепить Саундменер2 то понятно, в текст вставить реально разве?

да, реально

Аватар пользователя Eleazara Eleazara 4 октября 2015 в 22:42

"duozersk" wrote:

"kosHta" написал(а):
В типе материала прикрепить Саундменер2 то понятно, в текст вставить реально разве?

да, реально

В моем случае это реально получалось, только если я руками прописывала класс одного из видов плеера SoundManager2 при вставке. И я бы, возможно, не ленилась бы и делала это вручную дальше, но та mp3-кнопка, что я показывала, уже давно не входит в пакет плеер... почему-то. Аналога не нашла.

Включили вьюмод, посмотрела настройки и способ подключения другого плеера, кроме WYSIWYG ничего не меняется.

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

Аватар пользователя Eleazara Eleazara 5 октября 2015 в 0:34

"kosHta" wrote:
Библиотека Саундменеджер2 в зипе 8мб, гляньте сколько у вас.

Эта кнопка входит в библиотеку, но ее нет в модуле.

Но я сделала! Smile

Спасибо всем за вдохновение!

Как сделала, если кто-то сюда придет с тем-же вопросом.

SoundManager2 у меня стоит. Его я, помимо прочего, использую и с другим проигрывателем в других целях.
В пакете библиотеки SoundManager2 эта кнопка находится в папке "demo".
Просто взяла css кнопки, убрала кучу комментариев, и добавила оставшееся в свою css. Скорректировала в ней адрес картинок.
Как добавить в ноду: ставится ссылку на mp3-файл и указывается класс "sm2_button".

лучше ничего не придумала, но это реальный выход для меня Smile

еще 2 больших плюса этого проигрывателя (не только кнопки): 1. Он поддерживается на мобилках. 2. При воспроизведении следующего файла на странице, предыдущий играющий замолкает. Т.е. они одновременно не проигрываются.