Technology Information

Interactive Multimedia: Music, Videos and Ads -Choose your POV, Scenes, Timelines, and More -HTML5, JavaScript, WebGL

Interactive Multimedia: Music, Videos and Ads -Choose your POV, Scenes, Timelines, and More -HTML5, JavaScript, WebGL


Interactive Multimedia: Music, Videos and Ads -Choose your POV, Scenes, Timelines, and More -HTML5, JavaScript, WebGL

Posted: 02 Jun 2011 06:00 PM PDT

I thought I'd share some examples of interesting interactive multimedia sites on the web.  It seems that artists, musicians, and ad agency folks have been experimenting with tools such as HTML5, SVG, Canvas, and Web GL.  Some of this work is featured on Google's Chrome Experiments website, and other examples can be found on websites promoting Wrangler Jeans or Ikea furniture.   This sort of content is great on a larger display.


Take some time to watch the videos and explore the links below.  Enjoy!


"Choreographed windows, interactive flocking, custom rendered maps, real-time compositing, procedural drawing, 3D canvas rendering... this Chrome Experiment has them all. "The Wilderness Downtown" is an interactive interpretation of Arcade Fire's song "We Used To Wait" and was built entirely with the latest open web technologies, including HTML5 video, audio, and canvas."


ROME:  "3 Dreams of Black", an Interactive Film by Chris Black (The link leads to the interactive site.)


WRANGLER
















Wrangler: WORN ACROSS AMERICA (Interactive multimedia 
map - go to "Choose Scenes")


















Demo of interaction on an iPad

Interactive Ad for IKEA: "A Better Sleep for Everyone"
The website for this amusing and creative ad campaign was created using HTML5. Here is a description of what you'll find if you follow the above link:


"IKEA is now launchig the Kokokaka produced A Better Sleep for Everyone campaign site, which features IKEA's bedding catalog.  6 different mattresses are shown by 6 Swedish artists, each interpreting a classic lullaby performed in a dreamy and surreal music video.  By scrolling up and down the user can change between the artist's music videos and the different mattresses.  Experience, for instance, a soulful Tingsek having problems falling asleep.  ust like the princess from the famous fairly tale he gets annoyed by something hard under the pile of mattresses.  But guess what? It's not a pea, it's Tingsek's band!  Let yourself fall asleep to beautifully performed lullabies!" 


Agency: Forsman and Bodenfors;  Film Production: Social Club;     Director: RBG6;   
Music: Music Super Circus;  Web Production: Kokokaka;   Photographer: Carl Nilsson


Below are videos of two of the lullabies featured in the interactive ad:





Here is a video from the interactive IKEA Come Into The Closet  website from a year or two ago:



"This is a campaign to promote IKEA's wardrobe solutions. IKEA wanted to show their huge range of styles and all the smart features on the inside. All the movements on the web site are controlled by sound and music. So change songs, upload your own music, play on your keyboard or sing into the microphone."


RELATED
Cacophony: An interactive video player in HTML5 and Javascript
"The basic elements of a Cacophony video are: An HTML5 Video on the base layer, a series of HTML5 Canvas layers above that, a timeline of effects to be triggered to the beat of the song, images and other elements to be used by the effects"

Fun, weird, and a little scary: "Baaa" and "Cows&Cows&Cows" - video clips by Cyriak Harris for a quick smile!

Fun, weird, and a little scary: "Baaa" and "Cows&Cows&Cows" - video clips by Cyriak Harris for a quick smile!


Fun, weird, and a little scary: "Baaa" and "Cows&Cows&Cows" - video clips by Cyriak Harris for a quick smile!

Posted: 01 Jun 2011 08:35 PM PDT

Cyriak Harris is a freelance animator, illustrator, and graphic designer who lives near Brighton, UK. He uses Adobe software to create his unique animations.


Baaa "Experiments in ovine geometry",  featuring self-replicating sheep:



"surreal bovine choreography. No cows were harmed during the making of this video, though their future prospects probably aren't as optimistic. Software used: adobe after effects"



I liked the fractal hand experiment:

Here is an interesting music video experiment:




RELATED
Cyriak's Blog
Cyriak's Website
Cyriak's Wikipedia Page

Raymond.CC Blog - Setting Up YubiKey with LastPass as Second Factor Authentication

Raymond.CC Blog - Setting Up YubiKey with LastPass as Second Factor Authentication


Setting Up YubiKey with LastPass as Second Factor Authentication

Posted: 02 Jun 2011 12:00 AM PDT


If you have read my post on best practices in using LastPass, one the of the safe practice is to use a second factor authentication that is either the Grid (printable card), Sesame (USB flash drive), YubiKey, Fingerprint and SmartCard authentication instead of just relying on the master password. The good thing about using a [...]

Top 10 All-Time Posts on the Interactive Multimedia Technology Blog

Top 10 All-Time Posts on the Interactive Multimedia Technology Blog


Top 10 All-Time Posts on the Interactive Multimedia Technology Blog

Posted: 31 May 2011 02:30 PM PDT

I'm finishing up the last couple weeks of the school year, so I'll have little time to post this week.  I hope you enjoy exploring the following links!


Revised Post 8/1/06: Interactive multimedia for social skills, understanding feelings, relaxation and coping strategies


Teliris Interact TouchTable and TouchWall: Immersive Collaboration & Telepresence; DVE's Holographic Tele-Immersion Room


Games to lift stress away: Flower, flOw, (and Cloud), from thatgamecompany


Power to the Pixel Cross-Media Forum Streaming Live from London Today #PttP


HACKED KINECT MULTITOUCH using libFreenect and libTISCH (via Florian Echtler)


Link to iTV Doctor Rick Howe's post about 2D to 3D, 3D TV data points, and 3D content distributers


Temple Grandin - A gifted visual thinker, who also has autism, featured in HBO movie starring Claire Danes.  Update: Video of Claire Danes' acceptance of a Golden Globe for her performance


Algodoo physic app. for the SMART Board 800 series, supports multi-user interaction!


Wii Just Dance2 and Kinect Dance Central:  UI and Usability Approaches; Challenges for Developoing Accessible Games


Interactive Touch-Screen Technology, Participatory Design, and "Getting It" -Revisited







Raymond.CC Blog - Neo’s SafeKeys v3 On-Screen Keyboard VS 12 Keyloggers

Raymond.CC Blog - Neo’s SafeKeys v3 On-Screen Keyboard VS 12 Keyloggers


Neo’s SafeKeys v3 On-Screen Keyboard VS 12 Keyloggers

Posted: 01 Jun 2011 12:00 AM PDT


The word “anti keylogger” today seems to be a universal meaning of keeping you safe against Keyloggers and not necessarily mean that it can detect and block keyloggers. Detecting, blocking and neutralizing keyloggers is one method normally used by traditional antivirus/antimalware but there a couple of ways that can also protect you against keyloggers such [...]

Enter your mail address:
Template by - ADMIN | HiTechvnn Template