Creating Streaming Video Clips for Web-based Instruction Jay Cofield, Ph.D. The university of Montevallo July 9, 2002.

Slides:



Advertisements
Similar presentations
Russell Taylor. Sampling Sampled a file from an on-line/on-board source Edited that file by Deleting a section of the original file Added a Fade-in section.
Advertisements

2.02F Publishing Animated Videos 2.02 Develop Computer Animations.
Chapter 10 Video.
Let’s Stream! Using iMovie 2 An overview of video for streaming for the Internet.
ITIS 1210 Introduction to Web-Based Information Systems Chapter 36 How Music and Audio Work on the Internet.
IMPORT PICTURES Import pictures, drop and drag them to the correct position, and customize them using the “Edit” button. The sequence of pictures should.
Section 9.1 Identify multimedia design guidelines Identify sources of multimedia files Explain the ethical use of multimedia files Describe multimedia.
Video Streaming Services Justin Hourigan, Senior Network Engineer, HEAnet Limited
Macromedia Director 8 Intermediate Level Course. Ink Masks Using the Ink Mask feature will allow you to create parts of a bitmap cast member to become.
1 Introduction to Computer Science بسم الله الرحمن الرحيم MULTIMEDIA LEVEL -9 King Khalid University Kingdom of Saudi Arabia Ministry of Higher Education.
Presents… “Best Encoding Practices” For use with.
Chapter 9 Integrating Video. Digital video is a series of bitmap images that, when played back, create the illusion of movement. The quality and overall.
CPSC Characteristics of Streaming Media Stored on the Web M. Li, M. Claypool, R. Kinicki, and J. Nichols To appear in ACM Transactions on Internet.
Microsense Webcast Streaming Solutions
Different Streaming Technologies. Three major streaming technologies include:
Video for Mobile Device Mark Green School of Creative Media.
Remote Surveillance System Presented by: Robarin Holdings Limited Telephone: Facsimile:
Streaming media over the Internet A million channels and there is still nothing on! By Samuel Shiffman Streaming Technologist Seton Hall University
Adventures in Information Adding Video to Your Web Site February 24, 1999 Eileen Flick Information Services Division.
1 Different Video Properties
Wikipedia :are multimedia that are constantly received by, and normally presented to, an end-user while being delivered by a streaming provider (the term.
Section 9.1 Section 9.2 YOU WILL LEARN TO…
Chapter Objectives Explain Web page multimedia issues
Using Multimedia on the Web
Online Tutorials with CamStudio Kevin Smith Assistant Director, Cass District Library The Fiddling Librarian.
Web Design, 3 rd Edition 6 Multimedia and Interactivity Elements.
IEEE Region 10 Expanding the reach of Distinguished Lecture Training Programmes via the Internet.
INF Web Design Using Multimedia on the Web Sound - Part 2.
1 Web Developer Foundations: Using XHTML Chapter 10 Helper Applications and Plug-in Concepts.
1 Lecture 12: Multimedia Not in Web 101 Text  Important Multimedia Issues  Audio  Movies and Video  Multimedia and HTML Documents.
© 2011 The McGraw-Hill Companies, Inc. All rights reserved Chapter 6: Video.
Tells - a facility for web-based, remote real time laboratory experiments University of Limerick Ireland.
2.02G Publishing Animated Videos 2.02 Develop Computer Animations.
Lights, Camera, Action! The Role of Multimedia in Web Applications Leading Multimedia Formats in Use Today What You Need to Know to Include Them in Your.
Objective Understand digital video production methods, software, and hardware. Course Weight : 15%
VIDEO FORMATS Prof Oakes. Compression CODECS COMPRESSOR/DECOMPRESSOR A codec provides specific instructions on how to compress video to reduce its size,
Chapter 7 Multimedia on the Internet. Audio on the Internet Music, sound clips, radio, voices Downloading Audio (File Size) Sound Software + Sound Card.
Audio and Video on the Web Presentation by Cheryl Deas and Pasha Souvorin Multimedia for Web Designers.
Using Video The science of video Why do we perceive it? The psychology of video Where do we use it? The technology of video How can you capture and edit.
Windows Movie Maker Create and Download a Movie. Objectives □ Create a small video □ Download a video from a video camera to a computer.
Audio on the Web Teaching OntheNet 2002 Minneapolis, MN June 23-25, 2002.
Streaming Media A technique for transferring data on the Internet so it can be processed as a steady and continuous stream.
designing, creating and maintaining a streaming media enhanced web site With Ken DeBlieu With Ken DeBlieu.
Streaming Media at Penn State Kaspar Stromme Kim Winck Center for Education Technology Services Web 2001 Conference, June26, 2001.
Multimedia and the Web.
LECTURE 07 RAZIA NISAR NOORANI Digital Video. Basic Digital Video Concepts CS118 – Web Engineering 2 Movie length Frame size Frame rate Quality Color.
I can make a link to video and audio clips from other applications I can use hyperlinks for shortcuts to pages on the internet or for video and audio.
Fs Streaming Media a presentation by Florian Seidel.
1 A Basic Introduction to Flash. Outline What is a flash? Macromedia Flash MX 2004 Flash concepts Flash Demos Conclusion Additional help 2.
Chapter 10. The Role of Video in Multimedia  Any presentation or application that uses sound and graphics qualifies as multimedia  Clip A segment of.
CREATING A PODCAST Using PowerPoint (2007 version)
California State University, LA Presented by Amanda Steven StevenAamirObaid.
By Jordan Ridout.
1 Linking Audio and Video Clips Inserting Audio CD’s MP3’s.wav,.au, other formats Inserting Video Hardware and Software Capturing Encoding and Codec's.
Video Preparation Guidelines Equipment Filming Processing and, Submission.
© University of Reading 2006www.reading.ac. uk 18 June 2016 Streaming and Podcasting Laura Bennetto and Guy Pursey.
Web Design, 5 th Edition 6 Multimedia and Interactivity Elements.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
Harnessing Digital Video for Instruction
Section 9.1 Section 9.2 Identify multimedia design guidelines
Chapter 10 Multimedia and the Web.
Egyptian Language School
VIDEO.
Digital TV..
Inserting Graphics, Media, and Objects
Chapter 6: Video.
2.02G Publishing Animated Videos
2.02F Publishing Animated Videos
Chapter 10 Video.
Digital Video Faraz Khan.
Presentation transcript:

Creating Streaming Video Clips for Web-based Instruction Jay Cofield, Ph.D. The university of Montevallo July 9, 2002

Streaming Video Definition Video transmitted in a continuous data stream over the Internet to an appropriate Web browser playback program for immediate display.

Four Steps Before You Stream Camera Capture Computer Editing system Encoder –Encoding means putting your video or audio file into a specific format for streaming over the Web.

Streaming Options Real (aka RealOne, RealPlayer) –Charged per stream for server software –Basic player is free Windows Media –Free server software, no charge per stream –Player is free QuickTime –Free server software, no charge per stream –Player is free

Some Example Clips Windows Media Clips RealPlayer Clips using default settings RealPlayer Clips using custom settings QuickTime Progressive Download Clips

Reasons to Stream Video Streaming video can: –act as a learning reinforcement. –generate a feeling of the instructor’s presence. The small screen size of the clips used in the 2001 study did not seem to negatively impact perceptions of the streaming video clips.

When to Stream Video Good: –Augmentation to Web pages –Illustrate points that have some motion in them or that motion would help Bad: –Long form videos –Too much detail in the clips –Gratuitous video clips

Tips for Good Streaming Video Two important tradeoffs : –bandwidth and detail/motion –audio and video Audio is very important! –With limited bandwidth, to have good sounding audio at the end computer audio typically takes up more of the bandwidth than video- ex: 56K modem, 15 K goes to audio, and 30K goes to video (last 5 goes to control)

Tips for Good Streaming Video Remember: –What is your target computer? –Size of streamed video window –Test your clips on different computers –Be aware of motion vs. detail choice for every clip

Tips for Good Streaming Video Use short clips vs. long ones Test the settings in the encoder software –CODEC choices, encoder settings –rationing bandwidth for audio/video

Tips for Good Streaming Video Use good TV production techniques –Good lighting on faces using at least one light on the subject’s face helps to separate them from the background –Good microphones place a microphone close to the subject’s mouth for best audio –If you have text, use large, simple fonts –USE A TRIPOD!

Tips for Good Streaming Video Use good TV production techniques –Closeup shots to see faces the rule of thirds is a great way to frame shots clear faces help keep interest in the clip –Slow camera motion fast motion detracts from the clarity of faces, and may cause the video to skip or freeze –Simple backgrounds simple backgrounds lets the encoder concentrate on the subject.

Rule of Thirds, Lighting

Close up and subtitle example

Example of usable image

Final Reminders Remember the tradeoff between audio quality, motion, and detail due to limited bandwidth Keep in mind your target audience’s computer and Internet connection Use good TV production techniques Test different settings to learn the best for your situation