Ex.
no:1 HTML & MULTIMEDIA
Aim: To use HTML multimedia support to different audio and video formats in a
browser.
Software required:
Notepad and a Browser
Hardware Required:
Computer with speaker.
Procedure:
1. Open Notepad.
2. Type the HTML document with different audio and video formats using <embed> tag
To play a video:
<Html>
<Title>
BIRDS
</title>
<Body>
<h1>Birds from Peru</h1>
<embed src=”birds.avi” width=”100” height=”500”>
</embed>
</body>
</html>
To play an audio:
<Html>
<Title>
Melodies Songs
</title>
<Body>
<h1 align =”center”> Melodious song of the year</h1>
</embed>
</body>
</html>
3. Design the HTML page.
4. MP3< WAV, WMA etc are the supported audio formats.
5. FLV, MP$4, AVI, SWF etc are the supported video formats..
6. View the HTML documents in a browser.
Result:
Thus, using HTML multimedia to play audio and video formats in a browser was
successfully performed in Google chrome.
Ex.No : 2 AUDIO EDITING TASKS
Aim:
To use a audio processing software and perform and perform the audio editing
tasks-Import audio, select and edit the sound, create fade-in fade-out effects, labels audio
segments, use noise remove filter, mix audio, change stereo to mono tracks. Export audio to
different format and save.
Software required:
Adobe auditions CS6.
Hardware required:
Computer with speaker.
Procedure:
1. Import audio:
1. Open Adobe Audition.
2. In files panel right click and select the import option and choose the audio file.
3. Now, audio file is imported.
2. Select and edit the sound:
1. For selecting a particular portion of the wave form use markers.
2. First, place the curser in the starting portion select edit->marker->add cue marker.
now marker 01 is created.
3. Next, place the curser in the ending portion and select edit->marker->add cue
marker. now marker 02 is created.
4. Edit the file in the edit panel.
5. Use cut, copy, paste, and delete options for editing the file.
6. Ringtones are created by using this method.
3. Fade-in fade-out effects:
1. To apply fade-in effects in the starting of the MP3 file, in the favorites menu click
fade-in option.
2. To apply fade-out option in the ending of the MP3 file, in the favorites menu click
fade-out option.
4. Label audio segments:
1. Create markers in different portion of the wave form.
2. Label the markers by right clicking in the markers and select rename marker.
3. Edit the name of the marker.
4. Similarly name the other marker.
5. Noise remove filter:
1. Select the waveform having noise.
2. To apply noise effects , in the effects menu click the noise reduction/restoration
3. Select any particular method (eg: noise reduction (process))
6. Mix audio:
1. To mix the audio we need at least 2files.
2. Import the audio files.
3. In the first file, delete the un wanted portion of the wave form.
4. From the second file cut the needed portion and place it in the file.
7. Stereo to mono tracks:
1. Import an audio file in stereo type (all mp3’s are in stereo type by default)
2. To change stereo to mono, select favorite menu and click the convert to mono.
8. Export and save:
1. To get the output particular formats, in the file menu and click the export->file
2. In the export file dialog box, change the necessary formats.
3. To save the work space, file->save.
Result:
audio processing software and perform and perform the audio editing tasks-Import
audio, select and edit the sound, create fade-in fade-out effects, labels audio segments, use
noise remove filter, mix audio, change stereo to mono tracks. Export audio to different format
and saving were successfully performed in adobe audition CS6.
4.MOVIE CREATION
Step 1 – Import Photos & Music
Before we can begin making a video, we need to import files into OpenShot. Drag
and drop a few images (*.JPG, *.PNG, etc...) and a music file (most formats will
work) from your Desktop to OpenShot. Be sure to drop the files where the arrow in
the illustration is pointing to.
Step 2 – Arrange Photos on Timeline
Next, drag each photo onto the timeline (as seen in the illustration). The timeline
represents your final video, so arrange your photos in whatever sequence you want
them to appear in your video. If you overlap two clips, OpenShot will automatically
create a smooth fade between them, displayed by blue rounded rectangles between
the clips. Remember, you can rearrange the clips as many times as needed by
simply dragging and dropping them.
Step 3 – Add Music to Timeline
To make our photo slide-show more interesting, we need to add some music. You
should have imported a music file in step 1. Click on the music file, and drag it onto
the timeline. If the song is too long, grab the right edge of your music clip, and resize
it smaller.
Step 4 – Preview your Project
To preview what our video looks & sounds like, click the Play button under the
preview window. You can also pause, rewind, and fast-forward your video project by
clicking the corresponding buttons.
Step 5 – Export your Video
Once you are happy with your photo slide-show video, the next step is to export your
video. This will convert your OpenShot project into a single video file, which will work
on most media players (such as VLC) or websites (such as YouTube, Vimeo, etc...).
Click on the Export Video icon at the top of the screen (or use the File > Export
Video menu). Choose from one of the many preset export options, and click
the Export Video button.
3. VIDEO PROCESSING
Step 1. Import the video file.
After opening this program, you will have to navigate to the "Project Files" tab and right click on
a blank space before selecting "Import Files."
Step 2. Add the video to timeline.
Once the import process is completed, you will simply have to drag and drop the same on the
timeline appearing at the bottom of the screen.
Step 3. Select Properties
Right click on the video and choose the "Properties" option. This also causes a new toolbar to
appear at the left side of the editor named as Properties.
Step 4. Change scales
You will now have to scroll down through the Properties toolbar until you reach the "Scale X"
and "Scale Y" options. Here you need to type in the specific values depending upon the degree of
zoom you want. This will cause the video’s aspect ratio to zoom and can also be previewed from
the top portion of the editor.
- You will ultimately have to click on "Scale" followed by "Crop."
How to Rotate Videos in Openshot
We often end up recording in the wrong orientation. This makes it imperative to rotate those
frames for allowing a seamless audio visual experience to your clients. You can do that by
simply following the steps lined out below.
Step 1. Select Rotate
Right click on the clip and select "Rotate" from the drop-down list.
Step 2. Choose the rotation type.
You will now be provided with a sub-menu from where you can choose the type of rotation.
How To Add Text to Videos in Openshot
Step 1. Click on Title
Click on "Title" from Menu bar. Doing this opens the Title Editor window.
Step 2. Choose a template
You will now have to take your pick amongst the various templates appearing under the template
drop-down list. For example, if you wish for the caption to appear at the bottom region of the
clip, then you will have to proceed with 'Bar 3' template.
Step 3. Type your text and edit
Now you will have to type in your desired text in the "Line 1" box. You can also take your pick
amongst the font color, type and a lot more before saving the file.
On being saved, the file gets added automatically to the Project Files panel.
Step 4. Drag the text
Now you will have to simply drag the text file to the Timeline panel from the Project Files panel.
The text needs to be placed above the timeline clip in such a manner that it appears at the top of
the video clip.
How to Add Transition to Videos in
Openshot
A transition effect can render a natural feel to video clippings while moving forward from one
scene to other. You can take the example of two scenes, one featuring portrait frames of a human
object and another featuring lush green leaves. Here each scene gets shot separately before
applying transition effects by simply following the steps mentioned below.
Step 1. Choose a clip
Firstly, you need to choose the particular clip from the Timeline which you wish to fade-in at the
start or fade-out at the end.
Step 2. Select Fade command.
Next you will have to right click on the clip for opening a drop-down menu containing different
commands.
From the available options, you can select the "Fade" command for proceeding with the list of
more subcommands.
If you wish for the clip to fade-out at the end, then you will have to select "Fade" followed by
"End of Clip" and ultimately "Fade Out."
How To Speed Up Videos in Openshot
Hike up the engagement meter of your audience by speeding up the recorded frames. For this,
you will have to simply follow the below mentioned steps in Openshot.
Step 1. Right Click the Video, and choose Time option
Step 2. Click Fast > Forward, if you need to speed up the footage. Totally
4 grades of speed are available to choose: 2x, 4x, 8x, 16x. Likewise, Click
Slow > Forward, then choose ideal play speed if need to slow down the
video.
11. PENCIL SKETCH
Step 1 – Open GIMP and then click on file -> Open to import the picture
into the tool.
Step 2 – Press CTRL + L to open the layers window in the right.
Alternatively you can click on Windows – > Dockable Dialogues – >
Layers.
Step 3 – Now, create two more duplicate layers by clicking the icon as
shown two times.
Step 4 – Click on the first layer to select it and then click Colors – > Hue
Saturation.
Step 5 – Then drag the saturation slider to -100 as shown and press OK.
Step 6 – Then again select the first layer and change the mode from
normal to saturation from the dropdown.
Step 7 – Now, click and select the second layer.
and then change its mode to dodge.
Step 8 – Now, Choose Colors -> Invert
Step 9 – Now, go to Filters – > Blur – > Gaussian Blur.
and choose the radius to a desired level.
Tip: – My photo resolution was 327*230 and i choose 10 as the blur
radius in both horizontal and vertical fields. You can choose the desired
blur effect depending upon your resolution.
You can choose different blur radius like 10, 15, 20, 25, 30 and so on and
see which creates the best result in that step. To undo the effect just
press ctrl + z and then choose another blur radius by going to Filters – >
Blur – > Gaussian Blur
Step 10 – Now, click and select the third image and then go to colors ->
levels.
Now, drag the middle and last triangle shaped sliders to different
positions and see which give the best result of your pencil sketch.
When satisfied press ok. Now, export the resultant file by going to file ->
Export as.
8.PHOTO STITCHING
Aim:
To use a scanner to create two or more partial scanned images
of larger photo. Create a panoramic view of multiple photos by
stitching together them using any panorama software.
Software: Hugin
Procedure:
1. Scan the photo and save in your computer.
2. Install hugin and open
3. Select interface-expert. Select photos- add images- select
the scanned images. Set HFOV(v) values from 5 to 40
degrees. Do the same for all image.
4. Select control points and add series of control points for
each pair of images
5. Select photos tab. Right click the second image-lens- new
lens. Do this for all images. Go to optimize- geometric-
select mosaic mode.
6. Click optimizer tab-custom parameter. Use the left mouse
to on Yaw(y) and pitch(p) and unselect all. Then select all
on X(Trx), Y(Try), Z(Trz). Then click optimize now.
7. Select projection- set rectilinear.
8. Select sticher menu- click calculate optimal size. Click stich
now.
Another way
1. Start the Hugin Panorama Creator. The Assistant tab is the first
thing that you will see. Click on Load images.
Select the images that you want to use to create a panorama.
Next, click the Align button to auto-align the pictures.
Now go to the Projection tab
Then go to the Move/Drag tab.
Then click autocrop
After all necessary adjustments are made, go back to the Assistant
tab. Now click on the Create panorama button.
Set the output parameters
Now save the file as .pto
Result:
Thus the panoramic view of photos was created
successfully.
9.MENU BAR CREATION
Aim:
To create a menu bar in a web page.
Procedure:
1. Type the code in notepad
<!DOCTYPE html>
<html>
<head>
<style>
Ul{
List-style-type:none;
Margin:0;
Padding:0;
Overflow:hidden;
Background-color:#333;
}
ii
{
Float:left;
}
li a {
display:black;
color:white;
text-align:center;
padding:14px 16px;
text-decoration:none;
}
li a:hover
{
Background-color:#111;
}
</style>
</head>
<body>
<ul>
<li><a class=”active” href=”#home”>HOME</a></li>
<li><a href=”#news”>NEWS</a></li>
<li><a href=”#contact”>CONTACT</a></li>
<li><a href=”#about”>ABOUT</a></li>
</ul>
</body>
</html>
Save- menubar.html
Run on the browser.
Result:
Thus the program for menu bar creation was created
successfully.
