Interactive Music Challenge: The Reactable & the Reactable for Children with Autism Spectum Disorders

What I'd like to share today might be of interest to educators, techies, musicians, parents, and students. If you create a composition using the Reactable Mobile app and submit it, you might have a chance of winning your very own Reactable Live!  


Information about the challenge can be found on the Reactable website.

You can find information about creating music with Reactable Mobile for your phone or tablet (Android or Apple) on the Reactable Mobile site. I especially like that the company provides a load of support through the Reactable Community.



Acquisition of Joint Attention and Social Abilities of Children with Autism Spectrum Disorders

The Reactable provided the centerpiece of Lilia Villafuerte Bazan's work for her Master thesis.  Her project focused on the acquisition  of joint attention and social abilities of children with autism spectrum disorders through music. Lilia's work was through the Music Technology Group at Universitat Pompeu Fabra, under the direction of Dr. Sergi Jorda.   

I was delighted to see Lilia's presentation of her work, along with the video, during the recent CHI 2012 conference. 


Project website: 
http://www.villafuerte.info/ascchildrenandtuis
Master Thesis:
http://www.villafuerte.info/wp-content/uploads/2012/05/LiliaVillafuerte_MasterThesis.pdf


-Lilia Villafuerte Bazan

RELATED
REACTABLE LIVE

Comment:
If you follow this blog, you probably know that I am a school psychologist who has a background in technology, music, and related arts.  I spend much of my work week with young people who have severe autism and other disabilities. I also work at a magnet high school for technology and the arts.  I'd like a Reactable for students at both schools!

A fun HTML5 interactive music video: Evelyn, performed by ABBY, coded by Bleech

ABBY's recent music  video, Evelyn, was created in HTML5 to support an interactive experience. As the band plays, you can select one of three paths for each musician, and switch them around in real-time to see what unfolds. The interactive version of the video can be found at http://evelyn-interactive.searchingforabby.com/ 


Steffen Bewersdorff and Dominik Tranklein are the developers who created the video. Their web agency, Bleech, based in Berlin, Germany, focuses on providing innovative services to music and media industry clients.  (More information about the nuts and bolts of the development process can be found in a post on the Web Designer Depot site:  "An awesome HTML5 interactive music video".)


Note:  The interactive musical video performance requires a fast computer. You'll need a browser that has extended HTML5 support, such as a Safari browser if you have a Mac, or a Chrome browser if you are using Windows. Be sure to close your running applications, and enjoy creating/playing with the band! 


Below is the non-interactive version of the video, which provides a walk-through of one possible interactive musical experience:
 

UPDATE:  I used this interactive video, displayed on a SMARTBoard, with students who have special needs, in several classrooms, and it was a great hit.  They especially liked the drummer.  For some reason, we couldn't get the fifth section to show a musician.  The students didn't mind.

RELATED/SOMEWHAT RELATED
The Wilderness Downtown (Arcade Fire, Chris Milk)
OK Go's Interactive HTML5 Music/Dance/Message Video, Featuring Pilobolus
ROME: "3 Dreams of Black" An Interactive Film by Chris Milk, Music by Danger Mouse, Daniele Luppi & Norah Jones
ROME: "3 Dreams of Black" The Technology
Creating Responsive HTML5 Touch Interfaces (Stephen Woods)
Popcornjs.org (open source HTML5 media framework)

Web goes pop: HTML5 is rejuvenating music videos online
Madhumita Venkataramanan, Wired UK
Behind the Scenes: The Interactive Music Video Game built in HTML5 (MSDN - includes link to code samples, including a frame code reader to sync video and interactive elements.)