Websocket-клиент на JS

Есть вебсокет который присылает сообщения в blob с hex кодировкой, нужен простой клиент на JS который будет налету переводить blob/hex в человекочитаемый json. Отправлять в него можно обычный json, blob прилетает только в ответ.
Что должно быть на выходе:
HTML-файл который можно открыть в браузере по открытии которого будет страница с клиентом.

На какие должны быть настройки:
-поле для ввода URL сокета-кнопка connect (активна если только нет активного подключения)-галка "Decode blob/hex answers" (по умолчанию включена, если в включена, то декодируем ответы из blob/hex, если не включена, то отображаем ответы как они пришли)-статус подключения (подключен/не подключен)-textarea для ввода сообщений-кнопка send message (активна только если есть активное подключение)-textarea для отображения ответов вебсокета-возможность отправлять ping каждые N секунд

(вот простой пример интерфейса https://chrome.google.com/webstore/detail/websocket-test-client/fgponpodhbmadfljofbimhhlengambbn)

Что я понимаю под "нечеловекочитаемым hex":7B22 6163 7469 6F6E 223A ......
Что я понимаю под "человекочитаемым json":{"action":"ping"}

От вас нужнен срок.