Lab 5: Multimedia on iPhone Objective - Department of ...

7
Multimedia on iPhone 1 Web 2.0 and iPhone Application Development Workshop This lab is prepared by: Department of Electrical and Electronic Engineering, Faculty of Engineering, The University of Hong Kong Lab 5: Multimedia on iPhone Objective: This is a training program for the students to create an iPhone Application which includes the multimedia elements. After this lab session, students should know how to create an iPhone application which includes images, audio/video clips. Also, the method for video conversion is also introduced. Introduction: In an iPhone application, user can include many multimedia elements into it. The basic multimedia elements included images and audio/video clips. For the build-in media player of iPhone devices, the supported audio formats include AAC (8-320 Kbps), Protected AAC, HE-AAC, MP3 (8-320 Kbps), MP3 VBR, Audible (formats 2, 3, 4, Audible Enhanced Audio, AAX, and AAX+), Apple Lossless, AIFF, and WAV. For the supported video formats, they include H.264 video, m4v video, .mp4 video,.mov video; MPEG-4 video. It is not difficult to find a free audio/video converter from the internet to convert the unsupported formats into the format it supports, as iPhone devices are so popular nowadays. Equipment: 1. A Macintosh computer with iPhone SDK installed. 2. An iPhone device such as iPhone or iPod touch. 3. iPod USB cable.

Transcript of Lab 5: Multimedia on iPhone Objective - Department of ...

Multimedia on iPhone 1

Web 2.0 and iPhone Application Development Workshop

This lab is prepared by:

Department of Electrical and Electronic Engineering,

Faculty of Engineering,

The University of Hong Kong

Lab 5: Multimedia on iPhone

Objective:

This is a training program for the students to create an iPhone Application which includes

the multimedia elements. After this lab session, students should know how to create an

iPhone application which includes images, audio/video clips. Also, the method for video

conversion is also introduced.

Introduction:

In an iPhone application, user can include many multimedia elements into it. The basic

multimedia elements included images and audio/video clips.

For the build-in media player of iPhone devices, the supported audio formats include AAC

(8-320 Kbps), Protected AAC, HE-AAC, MP3 (8-320 Kbps), MP3 VBR, Audible (formats 2, 3, 4,

Audible Enhanced Audio, AAX, and AAX+), Apple Lossless, AIFF, and WAV. For the supported

video formats, they include H.264 video, m4v video, .mp4 video,.mov video; MPEG-4 video.

It is not difficult to find a free audio/video converter from the internet to convert the

unsupported formats into the format it supports, as iPhone devices are so popular

nowadays.

Equipment:

1. A Macintosh computer with iPhone SDK installed.

2. An iPhone device such as iPhone or iPod touch.

3. iPod USB cable.

Multimedia on iPhone 2

Duration:

The duration of this training lab session is about 1.5 hours.

Procedure:

1. Download the file “lab5.zip” from the server. Extract it to your Macintosh computer.

2. In the zip file, you can find the folder called “accelerometer”. Open this and open

“�������������� ���”. It is the template for this lab session.

A UIImageView Object

1. First, the methods for adding images to the application interface will be introduced.

Open “Groups & Files > Classes > multimediaViewController.h”, we should define the

�������������������� objects inside ����������. Remember to save your work.

2. To add image files to the xcode project, what we need to do is simply drag-and-drop the

image files from Finder to “Groups & Files” from the Xcode. Click “add” afterwards.

Multimedia on iPhone 3

3. After that, open “Group & Files > Resources > multimediaViewController.xib”, add 3

UIImageView objects to “View”. 2 ����������� objects should have the size of

100x100px while the third one should have the size of 190x210px. You can edit these

information from “Inspector > Image View Size > View Size > Size & Position”, which is

on the right hand side of your user panel.

4. Select File’s Owner, and then select “Inspector > Multimedia View Controller

Connections”, try to link the ����������� objects in the interface builder to the

�������� objects defined in “�������������������������”. Save your work

afterwards.

Multimedia on iPhone 4

5. There are 2 methods to put an image into a ����������� object. The simplest method

is to define it directly in the interface builder. Now, open

��������������������������, select ���� by click the object once. After that,

select “Inspector > Image View Attributes > Image View > Image”. Click the drop down

menu, to select ���� ��. You can do the same for the ����������� object ����.

6. Another method for declaring the ����� value of a ����������� Object is using

programming language in Xcode. In the function “���� ��!���”, add the following line

of code, which can define the ����� value of the ����������� Object ���":

Multimedia on iPhone 5

7. Now, you may try to view your product on your iPhone device. Select “iPhone Device”

and then click “Build and Run”. You should see 3 images are displayed on your iPhone

device.

B Audio

1. In order to play an audio file in iPhone application, we need to include a framework

called “#����$�������������%”. Right Click “Groups & Files > Frameworks”, select

“Add > Existing Frameworks…”, select “#����$�������������%”, click add.

Multimedia on iPhone 6

2. After that, open �������������������������, add the following line of code to the

header file:

3. Open �������������������������, there is a self-defined function called

�� &��'#����������, it controls the activity after the user taps ��������. Complete

the function by copying the missing part to your file:

4. Please note that (�� ����) is already added in the xcode project. Save you work.

Click “Build and Run” to see if the audio can be played.

C Video

1. In order to play video clips in iPhone application, we need to include a framework

called “*����&��'����������%”. Right Click “Groups & Files > Frameworks”, select

“Add > Existing Frameworks…”, select “*����&��'����������%”, click add.

2. After that, open �������������������������, add the following line of code to the

header file:

Multimedia on iPhone 7

3. Open �������������������������, there is a self-defined function called

�� &��'�����������, it controls the activity after the user taps )�������. Complete

the function by copying the missing part to your file: ������������������� ������ � ��������������������� ������������������������������ �������������������������� ��������������� ���!�����"#!�����# ��$����"#��%#� �!&��������'��(������)!�����*���� � �������������*����+!���� ���(������� �����(

4. Please note that (�� ��� + is already added in the xcode project. Save you work.

Click “Build and Run” to see if the video clip can be played.

- End of Lab 5 -