Creating a Web Video in Silverlight: Visual Quickproject Guide

144 Pages·4.287 MB·English

by  Hyslop, Bruce

creating
a web video
in silverlight
Visual QuickProject Guide
by Bruce Hyslop
Visual QuickProject Guide
Creating a Web Video in Silverlight
Bruce Hyslop
Peachpit Press
1249 Eighth Street
Berkeley, CA 94710
510/524-2178
800/283-9444
510/524-2221 (fax)
Find us on the World Wide Web at: www.peachpit.com
To report errors, please send a note to [e-mail]
Peachpit Press is a division of Pearson Education
Copyright © 2009 by Bruce Hyslop
Editor: Cliff ord Colby
Production Coordinator: Becky Winter
Compositor: Rick Gordon, Emerald Valley Graphics
Cover design: The Visual Group with Aren Howell
Cover production: Charlene Will
Cover photo credit: Mark Evans/iStockphoto.com
Interior design: Elizabeth Castro
Indexer: Julie Bess
Notice of Rights
All rights reserved. No part of this book may be reproduced or transmitted in any form by any means, electronic, mechanical,
photocopying, recording, or otherwise, without the prior written permission of the publisher. For information on getting
permission for reprints and excerpts, contact [e-mail].
Notice of Liability
The information in this book is distributed on an “As Is” basis, without warranty. While every precaution has been taken
in the preparation of the book, neither the author nor Peachpit Press shall have any liability to any person or entity with
respect to any loss or damage caused or alleged to be caused directly or indirectly by the instructions contained in this book
or by the computer software and hardware products described in it.
Trademarks
Visual QuickProject Guide is a registered trademark of Peachpit Press, a division of Pearson Education.
Microsoft, Expression, Expression Blend, Silverlight, and Windows are either registered trademarks or trademarks of
Microsoft Corporation in the United States and/or other countries.
Throughout this book, trademarks are used. Rather than put a trademark symbol with every occurrence of a trademarked
name, we state that we are using the names in an editorial fashion only and to the benefi t of the trademark owner with no
intention of infringement of the trademark. No such use, or the use of any trade name, is intended to convey endorsement
or other affi liation with this book.
ISBN 13: 978-0-321-55422-2
ISBN 10: 0-321-55422-1
9 8 7 6 5 4 3 2 1
Printed and bound in the United States of America
To family both here and not.
To Mari.
Special Thanks to...
Cliff ord Colby. I can’t imagine having
a better, more patient, or more fun
editor with whom to work.
Becky Winter for helping us stay
on track.
Rick Gordon for assisting me with
image prep and for turning around
layouts quickly.
Everyone else at Peachpit for both
the opportunity and for your part in
making this book a reality.
Robert Reinhardt, the Man-Who-
Spawned-a-Thousand-Technical-
Writers, for his generosity in
recommending me for this eff ort.
Agnes Liu, the ultratalented, for
creating the OnTheGoFootage
design and incorporating changes
along the way.
David Sayed, Wayne Smith,
James Clarke, and Randy Oakley
of Microsoft for providing the
inside scoop.
contents
introduction
vii
what you’ll create vi what you’ll need x
how this book works viii the next step xi
companion web site ix
. welcome to encoder
1 1
explore encoder 2 customize workspace 7
import video 4 extra bits 10
play video 6
. edit and crop video
2 13
edit video 14 save job 20
crop video 18 extra bits 21
. add a leader, trailer, and overlay
3 23
open job 24 add an overlay 27
add a leader and trailer 25 extra bits 31
. metadata, markers, and captions
4 33
add metadata 34 add captions 38
add markers 36 extra bits 39
iv contents
contents
. encode video
5 41
choose a profi le 42 output video 51
use a/b compare mode 44 extra bits 54
create custom profi le 48
. output silverlight player
6 57
choose player template 58 extra bits 63
preview in browser 60
. organize your fi les
7 65
create folder structure 66 update code 69
move fi les into folders 68 extra bits 72
. code site page
8 73
gather assets 74 add more videos list 88
start html page 76 add footer 93
start style sheet 78 add video player 95
add masthead 81 extra bits 98
add video details 83
. create more video pages
9 103
copy page 104 update more videos list 109
update video details 105 extra bits 111
update video player 107
contents v
contents
. publish your site
10 113
upload fi les 114 extra bits 116
appendix: additional features
117
customize video player 118 iis smooth streaming 121
live encoding 119 silverlight streaming 122
batch encoding 120
index
123
vi contents
introduction
The Visual QuickProject Guide that you hold in your hands off ers a unique
way to learn about new technologies. Instead of drowning you in theoretical
possibilities and lengthy explanations, this Visual QuickProject Guide uses big,
color illustrations coupled with clear, concise step-by-step instructions to show
you how to complete one specifi c project in a matter of hours.
Our project in this book is to create a Web site that uses a Silverlight 2 video
player you will output as part of learning how to enhance and encode videos
with Microsoft Expression Encoder 2. You will also learn several best practices
related to building sites. Our site is for the fi ctitious OnTheGoFootage, which
features both user-generated and submitted videos documenting their travel
adventures. However, the skills you will learn along the way both in terms of
how to use Encoder and incorporate the Silverlight player into a site can be
applied to any site for which you would like to feature high-quality video in a
usable interface.
vii
what you’ll create
These two pages indicate just some of what you will learn and create.
Add a leader Create a custom
and trailer. encoding profi le.
Crop
your
video.
Import
your
video.
Add chapter Compare encoding
markers. settings with
A/B Compare.
viii introduction
Create a list of more
Incorporate a Silverlight 2 videos available on the
video player outputted Add video site, and build additional
from Encoder. captions. pages to showcase them.
Add a
video
overlay.
Add details related to Build and style
the video that is playing. your video site
with HTML and
CSS.
introduction ix