You are here:

Animation/linking sound to a jpeg

Advertisement


Question
I am working on a project for my website at school.  I teach art and want to have my students record their thoughts and ideas about their work and then link that recording to a jpeg of their artwork on the site.  Unfortunately I have tried everything and I'm honestly getting frustrated.  Our school district site is hosted by SchoolWorld and they have set templates, but we can work in html code which I have some experience with.  Can you help?

Answer
it is very unfortunate that you can only work with html templates to get the job done...

The basic way to play midi or wav files in HTML should be coded like this:

<a href="WavFileName.wav"><img src="PicName.gif" border="5" align="middle"></a>

Basically you are creating a link to the wav file using a picture as the 'button'.  Make sure that you have the full path to the place that you have the wave files saved, if they are not in the same folder as the html file (i.e. 'sounds/WavNameFile.wav' etc.) Keep in mind that wav files can be really big, which would in turn take a long time to load once you click the link, so make sure you format your files to be as small as possible.

I hope this is what you were looking for and helps. If not, let me know, and I will try to trouble shoot for you.

Cheers,
Andre

Animation

All Answers


Answers by Expert:


Ask Experts

Volunteer


Andre Hickman

Expertise

3d Studio Max beginner to expert levels...After Effects complex compositing techniques...Photoshop expert level...Illustrator intermediate level. I can also answer questions for general animation, motion graphics design, and video editing/composition.

Experience

Logo and simple character animation, motion graphics, video composition in After Effects, as well as Photoshop, and Illustrator techniques, and the use of all of the above in a workflow, to achieve a final design element or production.

Organizations
Freelancer--Turner Studios, Atlanta, GA Owner--Andre Hickman Creative, LLC

Education/Credentials
Turner Studios Govenor's Protege/Mentor Program Georgia Institute of Technology--B.S. Mechanical Engineering Morehouse College--B.S. General Science

©2012 About.com, a part of The New York Times Company. All rights reserved.