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

edit
 
]]
 
]]

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

edit
 
This is an image caption
 
disablecontrols = timedText, options

img inside (Synth)Listen

edit

Table

edit

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

 
Polyrhythm 4
4
with 3
4
simultaneously (cross rhythm) as bounce inside oval
 

Inside a div (nope):

 

Image frame

edit

Using Template:Image_frame

 

Image frame's content attr contains image then Synthlisten


Content contains image. Caption contains this text then Synthlisten.

Attempting to translate some real examples

edit

The first few instances from Interval (music). Trying both the table and Image frame methods.

Melodic and harmonic intervals.
 


Example: Perfect octave on C in equal temperament and just intonation: 2/1 = 1200 cents.