Able Player Audio Demo #9b:
Audio player on a page with form fields in an iframe, using "Steno Mode"

This is a variation on Audio Demo 9, which does not use an iframe.

For additional demos see the Index of Able Player Examples.

Audio Transcription Example

Ordinarily, when users are interacting with form fields, their keystrokes should not be handled by the player. However, in some contexts (e.g., in a transcription application), users may want to control the player from within a textarea field. To enable this functionality, add data-steno-mode to the <audio> or <video> element. Note: Modifier keys for keyboard shortcuts can be configured within Preferences > Keyboard.

In this variation, the transcription form is contained within an iframe. To make this work, the <iframe> element must have a unique id. Then add data-steno-iframe-id to the <audio> or <video> element, with a value that matches the id of the iframe.