ddesigning, esigning, ccreating reating and and mmaintaining a aintaining a sstreaming treaming mmedia edia

eenhanced nhanced wweb eb ssiteite

With

Ken DeBlieu

With

Ken DeBlieu

~Site Design~~Site Design~We meet with clients and establish their expectations.

We meet with clients and establish their expectations.

•What is the goal of the site?•What is the goal of the site?

•Who will design the site?•Who will design the site?•What media is available and practical to use?•What media is available and practical to use?

~Important Questions~~Important Questions~

•Single media format? •Single media format? •Multiple media formats? Real Media, WM, QT or Flash video?

•Multiple media formats? Real Media, WM, QT or Flash video?•Still images, Flash, IPIX virtual realities, combination?

•Still images, Flash, IPIX virtual realities, combination?

~Formatting~

~Formatting~

•Meetings may require several sessions to hammer out concept or design issues.

•Meetings may require several sessions to hammer out concept or design issues.

•The entire operation will involveeducation and compromise.•The entire operation will involveeducation and compromise.

~Meetings~~Meetings~

• Be sure to involve a writer for the site verbiage.

• Be sure to involve a writer for the site verbiage.

• Put together a story board for the video production.

• Put together a story board for the video production.

~Initial Steps~~Initial Steps~

• Don’t use streaming media justbecause you can. It must add dimension to the site.

• Don’t use streaming media justbecause you can. It must add dimension to the site.

• The client should know something about the

media.

• The client should know something about the

media.

~RULES~~RULES~

• Stick to simple HTML page presentations

with text links.

• Stick to simple HTML page presentations

with text links.

• Primary and secondary pages that do not

exceed 65k to 75k in size.

• Primary and secondary pages that do not

exceed 65k to 75k in size.

~RULES~~RULES~

~Secondary Pages~~Secondary Pages~

•Bandwidth:

-target audience and complexity of the presentation determines the size of the videos.

•Bandwidth:

-target audience and complexity of the presentation determines the size of the videos.

180x160320x240

~Establishing Size~~Establishing Size~

•As a guide, KYSS.•Keep Your Site Simple

•As a guide, KYSS.•Keep Your Site Simple

•Include a link to download the appropriate video players.

•www.real.com

•Include a link to download the appropriate video players.

•www.real.com

~Media Players~~Media Players~

~Production equipment notes:~Production equipment notes:

•Good quality digital video camera•Good quality digital video camera

•Good directional microphone•Good directional microphone•Extra batteries, long audio cable•Extra batteries, long audio cable

~Production Checklist~ ~Production Checklist~

•The production is greater than the sum of the two parts.

•The production is greater than the sum of the two parts.•The best video will be degraded in encoding. Be sure to shoot the best quality video possible.

•The best video will be degraded in encoding. Be sure to shoot the best quality video possible.

~Remember~~Remember~

•Any effort on part of the audience to view or hear the production detracts from the quality of the production

•Any effort on part of the audience to view or hear the production detracts from the quality of the production

•Cultivate partnerships in order to share equipment or knowledge.

•Cultivate partnerships in order to share equipment or knowledge.

•On site pre-production meeting with all involved.•On site pre-production meeting with all involved.

•Go over the storyboard, establish who will shoot, handle audio etc.

•Go over the storyboard, establish who will shoot, handle audio etc.

•Establish protocols and stick with them. •Establish protocols and stick with them.

~Production~~Production~

•As you become more experienced, try other types of equipment and techniques.

•As you become more experienced, try other types of equipment and techniques.

•Establish and maintain control over the talent, crew, spectators and environment.

•Establish and maintain control over the talent, crew, spectators and environment.

~Maintaining Control~~Maintaining Control~

•Shoot with a good, solid video tripod! The video you shoot will look and stream better.

•Shoot with a good, solid video tripod! The video you shoot will look and stream better.

•Rent equipment if possible, or purchase used from a rental company.

•Rent equipment if possible, or purchase used from a rental company.

~Editing~~Editing~•Premiere, Avid, Final Cut

Pro, Media 100, Vegas or iMovie.

•Premiere, Avid, Final Cut Pro, Media 100, Vegas or iMovie.

•Watch the transitions!•Watch the transitions!

•If possible, use a straight cut. If not, use a short dissolve.

•If possible, use a straight cut. If not, use a short dissolve.

~Encoding~~Encoding~•Use Cleaner or Procoder•Use Cleaner or Procoder

•Try default settings first•Try default settings first

•Experiment with frame rate, contrast, audio quality and levels.

•Experiment with frame rate, contrast, audio quality and levels.

http://www.nj.gov/delawarehttp://www.nj.gov/delaware

Good sites to check:Good sites to check: •

www.streamingmedia.com

• www.streamingmedia.

com• www.tucows.net - news and community based information exchange

• www.tucows.net - news and community based information exchange• www.adobe.com• www.adobe.comStreaming solutions:Streaming solutions:

• www.vitalstream.co

m

• www.vitalstream.co

m•

www.mpegnation.com

• www.mpegnation.co

m

• www.playstream.com

• www.playstream.com

~Streaming Policies~~Streaming Policies~

•Should you encode videos at different bandwidths?

•Should you encode videos at different bandwidths?•Should videos be re-encoded every six months because new video codes become available?

•Should videos be re-encoded every six months because new video codes become available?•16 x 9 ?•16 x 9 ?

•The future of streaming video is unlimited.•The future of streaming video is unlimited.

•Minimum of investment to start.•Minimum of investment to start.

•With a bit more investment, videos will become more informative, sophisticated and fun!

•With a bit more investment, videos will become more informative, sophisticated and fun!

~Future~~Future~

•All it takes is and idea, some effort, dedication and determination.

•All it takes is and idea, some effort, dedication and determination.

•If you ever wonder who’s watching, remember, it’s available to the whole globe.

•If you ever wonder who’s watching, remember, it’s available to the whole globe.

~Closing Points~~Closing Points~

ken.deblieu@oit.state.nj.usken.deblieu@oit.state.nj.us

Evaluations!Evaluations!

Thanks!

Thanks!