The right way to make a spelling deck with AwesomeTTS

What’s the best way to make cards for a spelling test? (This is for children who are learning their native language, so no translations are required).

I want the front of the card to sometimes contain an image, and to use speech synthesis to say the word. I don’t want the user to see the word before they’ve tested themselves.

I use AwesomeTTS to add a tag into the card template:

{{Front}}

{{type:Back}}

{{tts en_GB voices=AwesomeTTS:Front}}

And the user types the answer into a box.

The only way I can find to hide the text on the front of the card is to set the text on each card to white:

<div style="color:white"> word to be spoken goes here</div>

Is this the best way to do this? It feels a bit clunky.

Someone on Reddit suggested doing the following:

{{Audio}} {{type:composure}}

as the front side of my card, and

{{FrontSide}}

as the back card,

But when I study the card, the speech synthesiser reads out “audio type composure”, and I see all the code on screen, ie it shows “{{Audio}} {{type:composure}}”.

I entered the code in the HTML editor, not the visual editor. I’m on an M1 Mac running Anki 2.1.54

Images showing what I mean:

This is what I enter on a card:

And this is how it looks (I want the words hidden, and I hear the wrong speech):

Can’t you just remove {{Front}}?

Someone showed me the correct solution here:
I can’t add links to my replies, but the video is here:
streamable . com / xicqpk

In case anyone else needs it as text:

To make spelling cards:

Make sure you’ve installed AwesomeTTS add-on first.

Go to the Tools menu and select Manage Note Types

Click Add then choose “Add Basic”

Name your new type “Spelling” and press OK

Select your new Spelling field, and click on the Fields button.

Rename the first field “Word”

Rename the second field “Audio”

Press the Add button to add a third field and call it “Image”

Press the Save button and the window will close.

In the Note Types window that is open, click on the Cards button.

In the Front Template text box, type the following:

{{Audio}}

{{type:Word}}

{{Image}}

(Be aware of the capitalisation on “type:Word”)

Click on the Back Template radio button and delete the last two lines in the text box, so it looks as shown:

{{FrontSide}}

Then click Save, then close the Note Types window

In the “Decks / Add / Browse” area, Click on “Add”.

Type one of your words into the Word text area, click Add, and enter more words, pressing Add each time.

After adding your last word, click the Close button.

In the “Decks / Add / Browse” area, Click on “Browse”.

Toggle the Cards/Notes switch “C” so that it reads “N”

Select your words in the list so they are highlighted, then click on the AwesomeTTS menu and select “Add audio to Selected”

Make sure the voice you want is selected (test it using Preview)

Change the Source Field dropdown menu to “Word”

Change the Destination Field dropdown menu “Audio”

Click on the Generate button

Press OK, and you’re done

Someone on Reddit showed me how. Their video is here:
streamable . com / xicqpk

Steps below:

To make spelling cards:

Make sure you’ve installed AwesomeTTS add-on first.

Go to the Tools menu and select Manage Note Types

Click Add then choose “Add Basic”

Name your new type “Spelling” and press OK

Select your new Spelling field, and click on the Fields button.

Rename the first field “Word”

Rename the second field “Audio”

Press the Add button to add a third field and call it “Image”

Press the Save button and the window will close.

In the Note Types window that is open, click on the Cards button.

In the Front Template text box, type the following:

{{Audio}}
{{type:Word}}
{{Image}}

(Be aware of the capitalisation on “type:Word”)

Click on the Back Template radio button and delete the last two lines in the text box, so it looks as shown:

{{FrontSide}}

Then click Save, then close the Note Types window

In the “Decks / Add / Browse” area, Click on “Add”.

Type one of your words into the Word text area, click Add, and enter more words, pressing Add each time.

After adding your last word, click the Close button.

In the “Decks / Add / Browse” area, Click on “Browse”.

Toggle the Cards/Notes switch “C” so that it reads “N”

Select your words in the list so they are highlighted, then click on the AwesomeTTS menu and select “Add audio to Selected”

Make sure the voice you want is selected (test it using Preview)

Change the Source Field dropdown menu to “Word”
Change the Destination Field dropdown menu “Audio”

Click on the Generate button

Press OK, and you’re done