Input and display Realtime Text
The rtt-buffer
module provides a DisplayBuffer
and InputBuffer
for tracking the state of incoming or outgoing realtime text, and for generating the proper edit actions to send.
Realtime text is text that is broadcast as you type, so that others can follow the conversation without waiting.
Supporting realtime text (RTT) provides valuable accessibility support to people with disabilities (e.g deaf or hard-of-hearing), facilitating higher bandwidth conversations.
For more information about realtime text, see realtimetext.org.
$ npm install rtt-buffer
$ grunt
The bundled and minified files will be in the generated build
directory.
var rtt = require('rtt-buffer');
var display = new rtt.DisplayBuffer();
// Update the display state based on an RTT event
var rttEvent = {
event: 'edit',
actions: [
{ type: 'insert', text: 'Tea'},
{ type: 'wait', num: 32},
{ type: 'erase', num: 1},
{ type: 'wait', num: 28},
{ type: 'insert', text: 'st'}
]
};
display.process(rttEvent);
The display.text
field can be bound to a template to render the incoming text.
var input = new rtt.InputBuffer();
// Whenever the input source changes
input.update("New full text of message");
// Generate an RTT event based on changes since the last event.
var rttEvent = input.diff();
MIT
If you like this, follow @lancestout on twitter.