Talking pictures? Image-based Match resources with added text-to-speech!

You may or may not be aware that it IS possible to create Match resources on textivate matching images with text. This blog post tells you all about it.

Well, with text-to-speech, it's now possible to add a voice to those images too. Here's how:

  1. Make an image based Match resource by placing urls pointing to the locations of your image files inside [img] and [/img] tags, as explained in this blog post.
  2. Add the text that you want to be spoken AFTER the closing [/img] tag and before the == separator.
  3. Add a TTS voice to the left part of your match resource. (See this blog post about adding TTS to your resources.)

You should end up with something that looks like this:

And activities like the embedded examples below, where the image serves to reinforce the meaning:

Millionaire - Listen, look at the picture and match with the Spanish:

Click below to access the activity. (Opens in a new window on touch devices.)
Click here to open the above activity in a new window.

Match, no letters (Fill in the letters) - picture reinforces meaning; sound dictates the correct text:

Click below to access the activity. (Opens in a new window on touch devices.)
Click here to open the above activity in a new window.

Here's a quick video guide showing you how it's done if you use images uploaded to DropBox:

:0)

views

Tags