New Feature: Playlist Center! Pick a topic and let our playlists guide the way.

Start learning with our library of video tutorials taught by experts. Get started

InDesign CS5.5 New Features
Illustration by John Hersey

Adding multimedia content for iBook output


From:

InDesign CS5.5 New Features

with James Fritz

Video: Adding multimedia content for iBook output

When most people think of EPUBs, thoughts of novels, textbooks, or other text heavy publications come to mind. While it is true that these formats excel as EPUBs. It is now possible to add multimedia to these books. InDesign CS5.5 adds support for audio and video, which is supported by the EPUB 3.0 specification. Let's take a look at how we can start using these new features today. Inside this multimedia InDesign document, I'm going to put a video file inside this placeholder frame. So I'm just going to press Command+D on the Mac or Ctrl+D on the PC to bring up my Place dialog box, and I'm going to go into my Exercise folder, links folder, and find the media folder.

Watch this entire course now—plus get access to every course in the library. Each course includes high-quality videos taught by expert instructors.

Become a member
please wait ...
InDesign CS5.5 New Features
1h 22m Intermediate May 02, 2011

Viewers: in countries Watching now:

In this course, James Fritz provides an in-depth exploration of the new features in InDesign CS5.5, showing not just where they are and how to use them, but also tips, workarounds, and practical applications of the features. The course covers improved accessibility features, new HTML export options, key enhancements to EPUB export, and a thorough introduction to the new Adobe Digital Publishing Suite, used to created folio files for the iPad and Android tablets.

Topics include:
  • Adding alternate text for screen readers
  • Mapping styles to export tags for HTML exports
  • Adding multimedia for iBook output
  • Dragging and dropping anchored objects
  • Working with linked stories
  • Using the Overlay Creator
  • Creating a panorama for an iPad publication
Subject:
Design
Software:
InDesign EPUB
Author:
James Fritz

Adding multimedia content for iBook output

When most people think of EPUBs, thoughts of novels, textbooks, or other text heavy publications come to mind. While it is true that these formats excel as EPUBs. It is now possible to add multimedia to these books. InDesign CS5.5 adds support for audio and video, which is supported by the EPUB 3.0 specification. Let's take a look at how we can start using these new features today. Inside this multimedia InDesign document, I'm going to put a video file inside this placeholder frame. So I'm just going to press Command+D on the Mac or Ctrl+D on the PC to bring up my Place dialog box, and I'm going to go into my Exercise folder, links folder, and find the media folder.

In the media folder, I have an MP4 video file and an MP3 audio file. If you're going to be using video inside an EPUB, it has to be an MP4 video with h.264 encoding. If you have another sort of format like AVI or Flash video, you can encode it with the Adobe Media Encoder into an MP4 file. The Adobe Media Encoder comes with InDesign CS5.5. So I'm going to select this MP4 video file and click Open. With this video inside here, I'm going to add a poster, which is a graphic representation of the video.

Otherwise, you wouldn't know there is anything here; it would just show up as a transparent box. So I'm going to go into the Media panel and I'm going to click on Poster, and I'm going to Choose an Image. Inside my Exercise Files, I'm going to go to links, and I'm going to choose video-poster.jpg. This was just created from a still screenshot of the video and I added a little Play button to let the user know that hey, this is a video that they can tap to play. To control where this video is going to show up in the EPUB export, I'm going to create an anchored object.

So I'm going to grab this little blue square and drag it right over here to add it right after the word California. Next, I want to add some audio. So I'm going to go to File > Place and grab seagulls.mp3. Audio has to be in MP3 format. You can use a program like iTunes to convert a different audio format into an MP3 if needed. With this selected, I'll just click, and I have a little placeholder frame. I could put a poster on here if I wanted to, but it really isn't needed right now. I'm going to drag the blue square to create an anchored object at the end of the story.

With all of this done, I'm going to export this to an EPUB. So I'll go to File > Export. I'm going to put this on my Desktop and I'm going to call this multimedia. I'll choose the Format EPUB and click Save. Now inside here, I don't really care about any of these options except for Same as Article panel. I already have an article set up, for the flow this document, so we want to choose that, and we'll choose View EPUB after Exporting. The rest of these options, we'll leave alone, and we'll click OK.

As I'm exporting this file, I happen to get this error. You may or may not be receiving this error, but I've determined that this error isn't a problem inside the sexported EPUB. So I'm just going to click OK to dismiss it, and now that I'm looking at this EPUB, I'm going to decrease the font size, but I'm not seeing the video or the audio. The reason I'm not seeing the audio or the video inside this EPUB is because Adobe Digital Editions unfortunately does not support audio and video at this time. Hopefully, a future version will, but right now it doesn't.

So if a feature isn't supported, it just ignores it, but that doesn't mean it's not in there. Let's take a look inside an EPUB to see where the audio and video lives. So I'm going to close Adobe Digital editions. I'm going to open up a Finder window, and on my Desktop is the multimedia EPUB that I exported. I'm going to drag this on to a program called Text Wrangler on the Mac, which will take a look inside the EPUB. If you're on a PC, you can use Notepad++ or NoteTab. Inside the EPUB, I'm going to open up this folder and select multimedia.html.

Now right now, this is wrapping really far. So I'm just going to click on this little button and choose Soft Text Wrap so I can see everything. and right in the beginning I'm going to see the word video right here. Now what it's telling me if I select this, it says hey, the video happens to be right here and here are the dimensions. But because Adobe Digital Editions doesn't support video, it's just ignored. If I scroll a little lower, we'll see here is the audio. So the audio tag is telling me here is the MP3 can here are the dimensions of it. Unfortunately, not many EPUB readers currently support audio and video inside EPUBS.

One of the few players that does support it is iBooks on iPad. It doesn't work on the iPhone or the iPod Touch, but it does work on the iPad. Let's take a look at it in action. I'm looking at the multimedia.epub on the iPad, and the layout of the EPUB looks a little different than it looked inside my InDesign layout. But that's just the nature of an EPUB. It reflows to fit the medium that it's in. If I tap the Play button, the video will begin to play. You can see how I pinch to make the video full-screen.

When I tap again, I can pause the video, and then I can hit another button to shrink it down. At the bottom of the paragraph, I can tap to play the audio, and I can tap again to stop. In addition, to the audio and video support, CS5.5 has added J language features like vertical text and Ruby. There's now support for sub-lists and headers and footers within tables. Even though iBooks for the iPad is the only device that currently works with EPUB Multimedia, more devices are bound to be released,that will display video and audio inside EPUBs.

There are currently no FAQs about InDesign CS5.5 New Features.

 
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.
Upgrade now


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

join now Upgrade now

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed InDesign CS5.5 New Features.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

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.

Are you sure you want to delete this note?

No

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.