PHP DM Gate v0.9 » Web Audio API

xayam © (08.04.17 09:19) [0]

Есть такой вопрос.

Есть 5-тиминутный MP3-файл примерно 5МБ 128 кбит/c.

Как его преобразовать в картинку PNG,
чтобы воспроизвести через canvas и web audio api?
Так вообще возможно сделать, или есть какие-то тонкости?
Сколько такая картинка будет в объеме занимать?

<Цитата>
DayGaykin © (08.04.17 09:34) [1]

Посмотри совместимость браузеров и форматов аудиофайлов. Вероятно можешь попробовать сам раскодировать mp3 (а может уже кто-то и сделал).
А в png это интересно, что ты там увидеть хочешь?

<Цитата>
xayam © (08.04.17 09:38) [2]

> А в png это интересно, что ты там увидеть хочешь?

увидеть ничего. хочу музыку закачивать на хостинг картинок

<Цитата>
xayam © (08.04.17 09:40) [3]

> хостинг картинок

многие дают прямую ссылку - можно наверное в браузере воспроизвести файл

<Цитата>
xayam © (08.04.17 10:22) [4]

скорей всего нужна картинка-спектрограмма, чтобы можно было еще и распознавать музыку как шазам

<Цитата>
xayam © (10.04.17 15:03) [5]

хотя логичнее упаковывать mp3 в несжатый формат bmp например
потребуется "только" раскодировать mp3 и совместить структуру с пикселями из bmp, если это возможно конечно. На первый взгляд возможно, поле BitCount формата bmp содержит количество бит, которое приходится на каждый пиксель. Можно указать BitCount = 1 и записать mp3 файл в битовое поле из таких единичных битов, получится монохромное изображение, но с распознаванием будут проблемы :( Нужно видимо хранить в двух форматах один музыкальный фрагмент, один локально для распознавания и один удаленно на хостинге картинок для воспроизведения

https://ru.wikipedia.org/wiki/BMP
Битность изображения (поле BitCount)

<Цитата>
kilkennycat © (10.04.17 17:06) [6]

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

<Цитата>
xayam © (10.04.17 17:23) [7]

> был где-то и пример

не могу найти. Какие ключевые слова для поиска? Или ссылку можешь дать...

<Цитата>
Kilkennycat © (10.04.17 17:25) [8]

> ключевые слова для поиска

шифрование в картинке

<Цитата>
Kilkennycat © (10.04.17 17:26) [9]

http://www.kansoftware.ru/?tid=2475

<Цитата>
Kilkennycat © (10.04.17 17:35) [10]

http://www.scienceforums.net/topic/30468-mp3-to-png-trick/

<Цитата>
Kilkennycat © (10.04.17 17:40) [11]

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

<Цитата>
xayam © (10.04.17 17:52) [12]

получше нашел правда си - bmpCoder на sf.net лежит

https://sourceforge.net/projects/bmpcoder/

<Цитата>
kilkennycat © (10.04.17 18:03) [13]

ага. ну, их много вариантов.

<Цитата>
xayam © (10.04.17 18:07) [14]

вот вообще похоже идеально на js пример

https://habrahabr.ru/post/143985/

спасибо за помощь, вопрос думаю закрыт

<Цитата>
Игорь Шевченко © (10.04.17 18:44) [15]

> вот вообще похоже идеально на js пример

"Парсер BMP был использован в качестве наглядного примера, но никак не для практического применения"

<Цитата>
xayam © (10.04.17 19:51) [16]

> Игорь Шевченко © (10.04.17 18:44) [15]
> > вот вообще похоже идеально на js пример
> "Парсер BMP был использован в качестве наглядного примера,
> но никак не для практического применения"

там ссылку хорошую нашел для примера -
https://testdrive-archive.azurewebsites.net/HTML5/TypedArrays/

<Цитата>
xayam © (10.04.17 19:52) [17]

> для примера

вообще как работать с бинарными данными с помощью типизированных массивов

<Цитата>