Join Jake Ströh for an in-depth discussion in this video Working with audio, part of Hype Quick Start.
Another really great new feature in Hype 2.0 is…the ability to work more easily with audio files.…In this exercise we will create a…soundboard where we can to two different songs.…So let's begin by opening the audio start file.…Essentially what we have here is a background image and three buttons.…How were going to get audio files to play is through buttons and their actions.…Lets select the your local forecast button and…go to the Actions inspector, and then…select the On Mouse Down Touch Start option.…
And then let's make our action to play a sound.…Now we get some really great options that show us how HTML5 deals with audio.…First let's go to the sound pull down menu and add an audio file.…You'll see in the Chapter three folder that I have…a music folder with some songs in various different audio formats.…These are the audio formats that…we need in order to utilize various HTML5 supported browsers.…Let's select your local forecast.mp3.…You'll notice right away that we get a browser compatibility warning.…
- Creating your first Hype animation
- Understanding the main timeline
- Animating with keyframes
- Modifying keyframes and retiming
- Working with the Capo tool
- Reusing animations
- Masking and cropping
- Animating CSS filters
- Creating buttons and working with mouse actions
- Chaining actions together
- Developing a slideshow
- Creating and managing scenes
- Exporting and embedding Hype documents
Skill Level Beginner
Motion: Principles of Motion Graphicswith Ian Robinson3h 43m Intermediate
1. Getting Started
2. Timeline Animation
3. Managing Timelines and Interactivity
4. Working with Scenes
5. Exporting Your Project
Adding your own HTML1m 45s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.