Генерация изображения с waveform из mp3 файлов с помощью PHP

[Ctacok]

Неплохо, совсем неплохо :)

[slimus]

без флеша музыка не играет но ползунок бежит. плохо. совсем плохо.

[dfuse]

Обновил плеер, в предыдущей версии с тегом AUDIO были проблемы, странно что вообще плеер без флеша у Вас открылся. Единственный минус — похоже для корректной работы плееру необходимо помимо трека в формате mp3 скармливать еще и в ogg, а плеер сам решает, какой использовать.

[dolinskiy2]

Убедиться, что PHP указан в переменной PATH в системе

Не знаком с PHP. Не могли бы более подробно объяснить, как убедиться?
Буду премного благодарен, идея понравилась.

[Nc_Soft]

Какой смысл в этом спектре в плеере? Одно дело в редакторе, другое дело здесь.

[Nc_Soft]

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

[megalol]

Все полезно, soundcloud это подтверждает, и мотать на нем в середину можно, а форма волны подскажет, где, например, в миксе заканчивается один трек и начинается другой.
Хотя орать о бесполезности приятнее, сразу видно, человек бывалый и серьезный

[click0]

а картинка кешируется?
проще было бы для всех треков создать картинки, чтоб лишний раз не греть проц.

[merqlove]

+1. если этому скрипту добавить складывание картинок в кеш, то будет супер)

[dfuse]

Сам плеер никак не связан с генератором. Я запускаю генератор локально, а потом закачиваю полученную картинку вместе с mp3 на сайт, так что они отдаются уже как статика.

[Palehin]

Имхо, плеер должен быть простой, небольшого размера, без лишних прибамбасов. Этот же, занимает много места, и зачем там waveform мне не совсем понятно…

[EugeneDest]

Этот плеер для тех, кому хочется «видеть» музыку, а не просто слушать. Таких, я уверен, найдется очень много.

[mythmaker]

Появилась идея, что на основе такого плеера, с waveform, можно делать онлайн сервис создания рингтонов

[Ctacok]

bit.ly/h1xRuM

[PingMe]

ru.audiko.net

[negodnik]

Фурье — это ведь соус для фуагра?

[megalol]

Для преобразования mp3 в wav

[oyster]

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

[dfuse]

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

Drag-drop я отключил.

[oyster]

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

[dfuse]

У меня такой тоже был, тоже покупал. А где у него генерация waveform — я что-то не видел… Только непосредственно визуализация в виде спектрометра и прочих.

[dfuse]

Да, интересный ход. Я до второй версии не стал апдейтиться, а это все уже в ней видимо появилось.

В свое вермя я для этого плеера тоже свой скин делал.

[Tramvai]

Генерация Waveform с mp3, для меня очень старый вопрос. Хотелось бы генерировать без конвертации в Wave. Было бы интересно узнать как это делает SoundCloud. Для себя достойных решений в интернетах пока не нашел.

[Yakhnev]

Сдается мне что никак, все равно нужно раскодировать mp3, в лучшем случае это будет получение отсчетов по частям а не файла целиком

[dfuse]

Даже в текущей реализации используются пропуски фреймов (в коде константа DETAIL), дабы не перегружать процессор. От этого падает детализация, но это не так страшно, все равно спектр чисто «для справки».

[Tramvai]

Пошарь-пошарь. Как генерируются waveform? Напиши в трех словах, что используется. И что такое превьюшки? Маленькие вэйвформы?

[vvsh]

habreffect.ru/files/bd3/8c5004781/The_Kill.png — вот такую получаю картинку, почему черный фон?

[dfuse]

Посмотрите в скрипт wave.php — там написано:

$img = Waveform::create($path, 760, 100, '#000000', true);

Какой цвет выставите — такой и будет. Последний параметр регулирует фон — если true, то середина картинки будет прозрачная, а по краям — залитый фон.

[akira]

На лету такое использовать нельзя, положит сервер на раз.
Если заранее генерировать, а пользователю отдавать картинку из кеша, то уже более терпимо.

[IgorG]

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

[dfuse]

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

_{P.S. А ведь года два назад я еще что-то помнил из институтского курса… Инженер, блин, акустик… :(}

[KJouflay]

Да было бы очень даже и не дурно замутить что-то своё на HTML 5ть.

А пока лишь на flash делаю :(

[dfuse]

Текущая реализация из статьи уже на HTML+CSS+JS? Ограничение одно — фон определенного цвета вокруг waveform'ы. Плеер — HTML5 с деградацией во Flash, если тег Audio не поддерживается. Или я что-то не так понял?

[Trivium]

WebWinamp

[KOS_MOS]

Отличный скрипт, только один минус — спасибо.
Только не понял как сделать, чтобы края спектра были сглажены, а не размытыми как сейчас (к примеру как у вас в демке на сайте)?

[KOS_MOS]

>>>Отличный скрипт, только один минус — спасибо.

Прошу прощения — случайно отправил не исправив — должно было быть «Отличный скрипт — спасибо!»

[KOS_MOS]

Разобрался — сглаживание зависит от константы DETAIL в lib.php.
Но все равно спектр слишком уж натуральным — как добиться получения такого же спектра как и на soundcloud?