Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Working with audio and video in a DPS Folio involves choosing the right media format, placing it into your layout, and then choosing play options in the Folio Overlays panel and then previewing to see how it works. Here's my document, and I would like to add some audio and some video to spice it up, and it's easy to remember which formats are best to use; MP3 and MP4, MP3 for audio and MP4 with H.264 encoding for video. If you'd like to know more about using the Adobe Media Encoder to convert to the formats you need, see the movie on that topic in this series.
On the first page, I've created a slideshow for DPS with a multi-state object, and I'd like to enhance that slideshow with some Roux theme music that will play when this page is viewed. So I need to place the MP3. I'll press Command or Ctrl+D to get the Place dialog box, and in the Links panel, I'll scroll down until I see roux_theme_music.mp3. Click Open, and I'll click it to place it in my document. Now right now this audio file has no visual representation in the layout.
It has no posters selected, and I'm actually not going to select one. Instead, I'm going to go to the Folio Overlays panel where I can select the Audio and Video Overlay, and the first option here is Controller Files. If I click on the folder, I can navigate and select a folder containing images I want to be displayed when the music is playing. In this case, I just want a simple play and pause effect. So while the music is playing, a Pause icon is displayed, so people know they can click to pause the music, and if the music is paused, a Play icon is displayed, so folks know they can click that to play the music.
So let's navigate to that folder; Exercise Files > Links and the folder is AudioAssetControls, and if I open it, you can see it contains two files; AudioAsset_pause.png and AudioAsset_play.png. I'll click Open and I'm going to deselect Show First Image Initially in the Folio Overlays panel. I'll select Auto Play with no delay. If I didn't select Auto Play, the audio file would play when it was tapped. All right, let's preview our page with the audio file and the slideshow.
(audio playing) And as soon as the page loads, the slideshow starts, and so does the audio. I can see my audio controller, and if I tap it, it pauses the audio, and I can tap it again to play the audio. (audio playing) Let's close the Content Viewer, and we'll go to the next page in the document, and place some video.
So again, I'll press Command or Ctrl+D to get my Place dialog box, and in the Links folder, I'll place roux_testimonial.mp4. I'll click in the layout to place that, and in the Folio Overlays panel I can see my video options. I can either set it to Auto Play or have it play when tapped. I could also create regular InDesign buttons with actions to play, pause, or stop either audio or video. If I have the video set to Auto Play, I can also set a delay, so it doesn't start immediately when the page is viewed.
I can set it to play in line or full screen. Either way, the video needs to be sized properly for best results. If it's going to be a full screen video, and I'm targeting iPad 1 and 2, the video should be 1024 pixels wide. If I'm targeting iPad 3, the video should be 2048 pixels wide. If video is going to play in line, it should be sized properly for that too. For example, this one is 640 pixels by 360. I also have the option to Tap to View Controller. With this selected, tapping the video while it's playing makes the Controller Bar appear.
If I don't select this, tapping the video pauses the video, and then tapping it while it's paused will restart it. Let's set this to Auto Play with a Delay of 2 seconds, and I'll select Tap to View Controller. Now, let's preview. There's the delay and then the video starts playing. (video playing) If I tap it, the controller appears, and I can pause the video, I can scrub ahead, I can mute and unmute it, and play it again.
(video playing) Now you might be wondering if it's possible to stream audio and video from the web in this type of overlay. And the answer is no, right now you cannot do that. But that doesn't mean you can't stream these media into a DPS Folio, you just have to use a different approach and use a web content overlay or an HTML article. We'll see web content overlays in another video in this series. In this video, we saw how to place audio and video content into a DPS Folio, and how to use the Folio Overlays panel to set options for how and when audio and video play, as well as the size and appearance of their controls.
Get unlimited access to all courses for just $25/month.Become a member
120 Video lessons · 57890 Viewers
119 Video lessons · 67361 Viewers
84 Video lessons · 16711 Viewers
125 Video lessons · 29589 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.