Pull to refresh

Comments 48

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


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

UFO just landed and posted this here
Какой смысл в этом спектре в плеере? Одно дело в редакторе, другое дело здесь.
UFO just landed and posted this here
На счет красоты поспорить можно, а волны вообще бесполезны, если нельзя увеличить/уменьшить масштаб. И перематывать тоже бредово, потому что нельзя сразу в середину мотать, надо ждать пока загрузится трек (но это у всех плееров такой недостаток).
Все полезно, soundcloud это подтверждает, и мотать на нем в середину можно, а форма волны подскажет, где, например, в миксе заканчивается один трек и начинается другой.
Хотя орать о бесполезности приятнее, сразу видно, человек бывалый и серьезный
а картинка кешируется?
проще было бы для всех треков создать картинки, чтоб лишний раз не греть проц.
+1. если этому скрипту добавить складывание картинок в кеш, то будет супер)
Сам плеер никак не связан с генератором. Я запускаю генератор локально, а потом закачиваю полученную картинку вместе с mp3 на сайт, так что они отдаются уже как статика.
Имхо, плеер должен быть простой, небольшого размера, без лишних прибамбасов. Этот же, занимает много места, и зачем там waveform мне не совсем понятно…
Этот плеер для тех, кому хочется «видеть» музыку, а не просто слушать. Таких, я уверен, найдется очень много.
Появилась идея, что на основе такого плеера, с waveform, можно делать онлайн сервис создания рингтонов
UFO just landed and posted this here
UFO just landed and posted this here
Фурье — это ведь соус для фуагра?
Для преобразования mp3 в wav
Используйте waveform как фон, т.к. иначе в некоторых браузерах при скроллинге мешает драг-энд-дроп картинки.
Текущая реализация позволяет растягивать плеер под размер контейнера, если задать ширину в процентах, а не в пикселях (см. обновленный код примера). При этом тянуться будет все, включая waveform.

Drag-drop я отключил.
Используйте waveform как фон, т.к. иначе в некоторых браузерах при скроллинге мешает драг-энд-дроп картинки.
UFO just landed and posted this here
У меня такой тоже был, тоже покупал. А где у него генерация waveform — я что-то не видел… Только непосредственно визуализация в виде спектрометра и прочих.
UFO just landed and posted this here
Да, интересный ход. Я до второй версии не стал апдейтиться, а это все уже в ней видимо появилось.

В свое вермя я для этого плеера тоже свой скин делал.
Генерация Waveform с mp3, для меня очень старый вопрос. Хотелось бы генерировать без конвертации в Wave. Было бы интересно узнать как это делает SoundCloud. Для себя достойных решений в интернетах пока не нашел.
Сдается мне что никак, все равно нужно раскодировать mp3, в лучшем случае это будет получение отсчетов по частям а не файла целиком
Даже в текущей реализации используются пропуски фреймов (в коде константа DETAIL), дабы не перегружать процессор. От этого падает детализация, но это не так страшно, все равно спектр чисто «для справки».
UFO just landed and posted this here
UFO just landed and posted this here
Пошарь-пошарь. Как генерируются waveform? Напиши в трех словах, что используется. И что такое превьюшки? Маленькие вэйвформы?
UFO just landed and posted this here
Посмотрите в скрипт wave.php — там написано:
$img = Waveform::create($path, 760, 100, '#000000', true);
Какой цвет выставите — такой и будет. Последний параметр регулирует фон — если true, то середина картинки будет прозрачная, а по краям — залитый фон.
На лету такое использовать нельзя, положит сервер на раз.
Если заранее генерировать, а пользователю отдавать картинку из кеша, то уже более терпимо.
Большое спасибо, мне очень помогла эта записью. Дело в том что мы разрабатываем софт для анализа качества голосовых данных. Во-первых все данные изначально в wav формате, во-вторых важно видеть waveform для сравнения оригинального и искаженного звукового файла.
UFO just landed and posted this here
Амплитудный спектр Вам тут слабо поможет — правильно Вам человек пишет, для анализа качества больше подойдет матан и теория сигналов, с преобразованием Фурье, которое так хотели выше, с частотными спектрами, и подавлением определенных частот, а также всякие хитрые фазовые методы. Для сравнения лучше использовать не waveform, а соотношение сигнал-помеха, а также динамический диапазон сигнала, т.к. это все расчитывается и на выходе есть вполне значимые цифры, которые можно сравнить, в отличие от визуального созерцания картинок.

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

А пока лишь на flash делаю :(
UFO just landed and posted this here
Текущая реализация из статьи уже на HTML+CSS+JS? Ограничение одно — фон определенного цвета вокруг waveform'ы. Плеер — HTML5 с деградацией во Flash, если тег Audio не поддерживается. Или я что-то не так понял?
Отличный скрипт, только один минус — спасибо.
Только не понял как сделать, чтобы края спектра были сглажены, а не размытыми как сейчас (к примеру как у вас в демке на сайте)?
>>>Отличный скрипт, только один минус — спасибо.

Прошу прощения — случайно отправил не исправив — должно было быть «Отличный скрипт — спасибо!»
Разобрался — сглаживание зависит от константы DETAIL в lib.php.
Но все равно спектр слишком уж натуральным — как добиться получения такого же спектра как и на soundcloud?
Only those users with full accounts are able to leave comments. Log in, please.

Articles