Anki cards

For language-learning purposes, it appears the best approach to use with Anki is to routinely watch media and extract audio clips of interest, for the purpose of producing a cloze note with a transcript.

1. Download audio and create a clip.
2. Drag and drop the clip into a new note.
3. Paste the template HTML to make use of the text message format, if desired.
4. Copy and paste the transcription appropriately.
5. Create cloze items.

Audio

[sound:clip.mp3]

Anki will autoplay these clips by default, though this behavior can be disabled in deck options.

Message bubbles

This CSS was found here. Some changes were incorporated to make it compatible with Anki Night mode.

Basic pattern

<div class="imessage">
    <p class="from-them">

    </p>
    <p class="from-me">
        <span class="translation"></span>
    </p>
</div>

.imessage
    p.from-them Oi, td bem?
    p.from-me {{c1::Td}} sim
// (1)!

1. 

.imessages
    p.from-them Me dijiste que si esperaba ser pagada y te dije que no
    p.from-me {{c1::Podría}} {{c2::haberte}} pagado por tus salarios perdidos 
        span.translation I could have paid your for your lost wages  
// (1)!

1.