[VK JS]как сделать голосовое сообщение визуально?

Question

[Egor4ik1337]

Видел пикчу в инете,там вместо звуковой волны была надпись 'ЛОХ',хочу это сделать,но не знаю как работают волны или как их там. Вк выдаёт их в base64,а при расшифровки получаем это.
"waveform":"32:(цифры и буквы)"
Пример:
"waveform":"32:0000000000000000022222044440111110oooo0vvvvv0ffff011111000000000000000000dddd0ccccc0dddd0aaaaa099990aaaaa0aaaaa088880eeeee0eeee01111103333033333066666077770111110000000000000000000000000000"
ноль это молчание.
пример визуально:

Comments

[Stalker_RED]

Вы уверены, что это base64?

Answer 1

[Stalker_RED]

Похоже, там основание 32, а не 64

let waveform = '0000000000000000022222044440111110oooo0vvvvv0ffff011111000000000000000000dddd0ccccc0dddd0aaaaa099990aaaaa0aaaaa088880eeeee0eeee01111103333033333066666077770111110000000000000000000000000000'

var canvas = document.createElement('canvas')
document.body.appendChild(canvas)
var ctx = canvas.getContext('2d')

waveform.split('').forEach((item, i) => {
	let height = parseInt(item, 32)+1
  ctx.fillRect(i*5, 70-height, 3, height);
})

https://jsfiddle.net/pLjs0wva/