Audio player in "Steno Mode", with form fields in an iframe

This is a variation on Forms Demo #2, which does not use an iframe.

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.