extends ./annotation.pug
block annotation-area
div.card.has-text-weight-bold.has-text-white.has-background-royalblue
div.card-content
div.content
audio(
ref="player"
controls
v-bind:src="audioFile"
v-shortkey="{ playOrPauseAudio: ['alt', 'p'] }"
v-on:shortkey="playOrPauseAudio"
)
section
header.header
textarea.textarea(
v-model="transcription"
v-debounce="syncTranscription"
type="text"
placeholder="Transcribe audio here..."
autofocus
)