Microsoft Encoder

Expression Encoder

By Sagar IIITD:ni.ca.dtiii|09041ragas#ni.ca.dtiii|09041ragas


Expression Encoder imports and encodes video files, produces live webcasts, enhances media with watermarks and advertising, and publishes with Silverlight.

  • encode high quality videos for devices and the web
  • Silverlight video experiences with customizable templates
  • capture your PC’s screen actions for training and demos
  • prepare video with simple edits and overlays

Expression Encoder is targeted at web developers who want to "publish rich media experiences with Microsoft Silverlight", but in reality this is an excellent tool for anyone who wants to play around with video.
Essentially, it's a grown-up version of Media Encoder: you can import clips, carry out basic cut editing, crop or deinterlace them, add visual or audio overlays and then encode the finished results to WMV files with complete control over all the video settings (bit rate, size, aspect ratio, encoding method and more).
Extras include a powerful screen capture tool that will record whatever's going on in the window or region you specify. There are a few limitations with this free version, but it's still a capable program in its own right, and one that will never time out. It's well worth a look.


INDEX:

1. Introduction to Expression Encoder
2. Editing in the Expression Encoder
— 2.1. » Split & Trim the video
— 2.2. »Adding overlays
— — 2.2.1 >Visual Overlay
— — 2.2.2 >Audio Overlay
— 2.3. » Adding Leaders and Trailers
3. Add Markers to the video
— 3.1. » To create chapter Markers
— 3.2. »Using Markers to trigger Event in video Playback
4. Screen Capture


Introduction to Expression Encoder

You can start by importing a video clip by :File->Import (or by Ctr+I)
screan%20%282%29%281%29.jpg

  • 1. A/B Compare: You can compare the original Video and Encoded video by this. After selecting this option click on built preview.

Note:You can also compare the two encoded videos of different presets.

  • 2. Preset Panel: allow you to quickly select the encoding settings for your publishing scenario.

->You can create the Preset by following options.

  • 3. Encode:

i..Video Overlay Panel: include all the video setting that you can apply. Like width and height of the video.
ii.. Audio Panel: include audio settings.

  • 4. Clip: all the clip that are generated in the timeline.You can also manually change the time of the video.
  • 5. Enhance:

->You can do the thing like cropping the videos.
->adjust the audio volume.
->Apply the visual and audio overlays

  • 6. Metadata: You can include the description of the video. like Title,Auther,copyrights etc.
  • 7. Output: We can apply Thumbnail

Directory to save the encoded video and publish the video on web server.

Once you have your video imported you can do things like, adding the clip, add markers
You can also refine your video by adding overlay and changing the audio & finally you can choose a output format & upload your video to remote device like web server.

Editing in the Expression Encoder

We are going to learn the editing features of the encoder like splitting & trimming the video
& apply audio & video overlays.

»Split and Trim the Video:
2.1.jpg
  • 1.To insert the media at the playhead
  • 2.To spit the video at the playhead
  • 3.Remove the clip at the playhead

For more reference you can watch the following video:
http://youtu.be/3xtK1zJPgA4

Note: to add the details to the video clip you can go to clip panel (5.) & adjust the starting and ending time of the clip.

»Adding Overlays:

You can insert a visual or audio overlay for your video. A visual overlay is a static or moving image that is displayed on top of your video as the video plays. An audio overlay is an audio file that is played on top of or in place of the video audio file as the video plays.

To add an overlay you have to go to the enhance panel.

Visual Overlay:

Through this you can do the things like adding the logos, station identifiers, or short advertisements, but they can be any recognizable graphic that you want to add to your video for any purpose. Designers also use semi-transparent overlays to watermark their videos
To add an visual overlay click on add overlay then encoder ask you to browse your image to add as an overlay.
Image files must be formatted as .jpg, .bmp, .gif, or .png files (.png files usually produce the highest quality overlays).
But you can also include the moving images or short video in this as an Overlay.

You can see the green colour section inside Timeline. this section will represents the duration of the overlay going to appear in video.(You can also change the size and the position of the overlay)

You can also change the opacity of the overlay or if you want to make background of the overlay image transparent you can also do so but be careful in this because some images didn’t look clear because encoder basically take out all pixels in the image which having same colour as the corner ones.
screan3%20%281%29.jpg

For more Reference you can watch the video:
http://youtu.be/7mcsCt99CcQ

Audio overlay:

Through this you actually do some Narration or add some background music.

To add an audio overlay you again have to select add Audio Overlay again Encoder will ask you to browse you audio file.
Expression Encoder supports the following audio file types: .aiff, .m4A, .m4B, .bwf, .mp3, .wav, and .wma.
Select Loop Overlay if you want the overlay to play back from the beginning once it reaches the end of its duration. The overlay will continue to loop for the length of the video. To specify a time limit for the looping process, enter a length in the Overlay Looping box.

Through this you can also adjust the Volume of your audio overlay.
screan4%20%281%29.jpg

Adding Leaders and Trailers

:

You can add the leaders by clicking on 1. “insert media item at beginning “
And to add trailer click on 2. “insert media item at end”

screan5.jpg
Note : You can also add the images as leaders and trailers.

For more reference you can watch the following video:
http://youtu.be/YPGlxFIQ-2Q

Add Markers to the Video

Markers are designated points that we make along the course of our video track & they basically used to indicate points & which we want certain thing to happen of to add Chapter markers to our Video.

By using this you can actually add chapter markers or add some Advertisement in your video at certain points.

»To Create Chapter Markers:

i)Open Metadata Panel & then open Markers sub-panel.
ii)drag the playhead where you want to add your marker.
iii)then click on 1. Button.Now you can see the special points in the Timeline representing the Markers.

iv)you can also give your marker some name.
v)You can also create more Markers using above method.
vi)Remember to check the “thumbnail” option to create the thumbnail of each Marker.

vii)You can also save the Markers by clicking on 2. Button and selecting “Export”.You can also import the already saved markers.
viii)because we are targeting the Silverlight video player.so’Select the Encode you video using Silverlight Preset.
ix)Select a Template and select the “Preview in Browser”.

x)And finally Encode Your Video.

screan6.jpg screan7.jpg

After Encoding Your Video Default Web Brower will automatically open starts playing your video You can click on “Toggle to Chapter” this will show you all the marker chapter we have created by clicking on them you can directly go to that frame (chapter ).

screan8.jpg screan9.jpg

For more reference you can watch following video:
http://msdn.microsoft.com/en-us/expression/ff898456

»Using Markers to trigger Events in Video Playback

Through this you can create an advertisement and pop-up this advertisement during video playback.
For this:
1>Go to the metadata panel -> Markers sub-panel click ‘+’ (1.) button to add Marker at current location of playhead & give name to it.
2>Select preset as “Encoding Using Silverlight” and then select the desirable Template in this tutorial I am using Clean.

screan10.jpg

3>Now edit the Template by clicking on 2. Option and select Edit copy of Template -> Expression Blend(You can also do this by using some other software but now I am doing this using Expression Blend).

screan11.jpg

4>Provide the name of custom copy of this Manually creating Template.

Now Microsoft Blend Window will open

screan12.jpg

a>we need to built the project to modify the Template.so’go to “Project” menu -> Built Project(or Ctr+Shift+B).
Now we are going to create a advertisement that will pop-up during the video playback.
i>Create a rectangle using “1.” Option.
ii>choose the text tool & drag it over box & create the text block inside the box & type the text.
iii>Now select the Textblock & Rectangle using Ctr in “Object & Timeline Panel”.then right click and select Grop info -> Canvas.
Now we have a new Canvas Object.

screan13%281%29.jpg

iv>Now we need to create the animation for this go to Window menu.click on Work-space ->
v>We need to create a new storyboard.for this click on '+' (1.) button in object & Timeline and give it a name and click Ok.
vi>Click on "Record Keyframe"
vii>Now take the "Playhead" to '1' second position and take our box down the screen. because of this our box will drop-down in the video player window.
viii>We want our Advertisement to remain for '2'sec more.so' take playhead to '3'sec position.
ix>Again click on record keyframe button and decrease the opacity in appearance Panel.
this will end our Advertisement.

screan14%281%29.jpg

x>Finally our Animation is Created.
xi>Go to the Assets & choose Behavior & select any of the theme.but for our animation we are going to select "controlstoryboardaction" & drag it down to our created myplayer,in objects & timeline panel.

screan15.png

xii>Now go to Properties inside the Trigger Panel and change the EventName to "Marker Reached".
xiii>Now in common Properties sub-panel choose the storyboard that we have just created.

screan16.png

We want that when User click on "Click Here" than he goes to some website for this:

i>we can do this by some other behavior called "Hyperlink Action"
ii>Click & drag the Hyperlink Action to our created canvas Object in Object & Timeline Panel.
iii>Now in "Common Property" Panel we need to type the Navigation URL.

So'Finally we have created our Advertisement.
iv>Finally select to Project -> Built Project.

close the Expression Blend.
and come back to Expression Encoder.make sure that Our created template is selected.
and than Encode the Video you can see in the default web-browser that add will appeared in the Video and when you click over it Given Website will opened.

screan17.pngscrean18.png

For More Reference you can watch the video:
http://msdn.microsoft.com/en-us/expression/ff898459

Screen Capture

Microsoft Expresson Encoder come with the Screen capture utility knows as Microsoft Encoder Screen Capture.
This is the most famous utility of the Microsoft Encoder.

To capture the Window screen you have to start the Screen Capture Utility and click on 1. option it will ask you to resize the screen that has to be capture.
To start capturing click on the 1. option again and it will start recording.

If you want to also record the audio simply click on the 2.(Edit ) and go to Audio Panel and select the device from which you want to record the audio.
There are other options also like you can make the mouse invisible or highlight the mouse pointer.

After recording the screen you can send the video directly to Encoder and make required changes to it and finally Encode it.

scr.jpg
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License