User:Colin M/Listen Plus Image Experiments

Experiments with different methods of combining (Synth)Listen widgets for playing audio inline with images.

Synthlisten in File caption
[[File:IV-V-I in C.png|thumb|left
 * This is an image caption

]]

[[File:IV-V-I in C.png|thumb|left|350px
 * Forcing wider img to accommodate player

]]

Basic [[File:]] reference in img File caption

 * This is an image caption Accordion chords-01.ogg


 * disablecontrols = timedText, options Accordion chords-01.ogg

Table
This example taken from Polyrhythm. Combining a Listen template and an image inside a table cell makes them stick together nicely.

Inside a div (nope):



Image frame
Using Template:Image_frame

Attempting to translate some real examples
The first few instances from Interval (music). Trying both the table and Image frame methods.