https://github.com/compulim/experiment-webchat-dialpad

https://github.com/compulim/experiment-webchat-dialpad

Last synced: 4 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/compulim/experiment-webchat-dialpad
• Owner: compulim
• Created: 2023-08-06T05:30:59.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-10-19T12:20:20.000Z (over 1 year ago)
• Last Synced: 2025-02-17T13:11:26.536Z (3 months ago)
• Language: TypeScript
• Homepage: https://compulim.github.io/experiment-webchat-dialpad/
• Size: 254 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Dial pad input for Web Chat

> Live demo at https://compulim.github.io/experiment-webchat-dialpad/.

Add dial pad to Web Chat with heavy focus on UX and mimicking real telephone.

## Features

- Dial pad in 3x4 format, with rubies

- Play DTMF using Web Audio API

   - Realistic cross bar approach when playing DTMF

- Pointer down on button will send immediately, just like a real telephone

## To-do

- Features

   - Disable DTMF for certain inputs: no DTMF on mouse, and/or no DTMF on all types of input

   - Add minimal DTMF duration: after click, must play at least 100 ms (configurable)

- Bugs

   - Investigate why stylus tap is slow on Edge