2.02F Publishing Animated Videos

Slides:



Advertisements
Similar presentations
3.01C Multimedia Elements and Guidelines 3.01 Explore multimedia systems, elements and presentations.
Advertisements

2.02F Publishing Animated Videos 2.02 Develop Computer Animations.
Chapter 10 Video.
Chapter 11 Media and Interactivity Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.
                      Digital Audio 1.
ITIS 1210 Introduction to Web-Based Information Systems Chapter 36 How Music and Audio Work on the Internet.
Chapter 11 Media and Interactivity Basics Key Concepts
HTML Structure & Web Design Basics
Adobe Flash CS4 – Illustrated Unit E: Optimizing and Publishing a Movie.
Chapter 6 Preparing and Publishing Applications. Chapter 6 Lessons 1.Publish movies 2.Reduce file size to optimize a movie 3.Create a preloader 4.Publish.
Unit 6 – Multimedia Element: Animation
2.02A History of Animation 2.02 Develop Computer Animations.
1 Introduction to Computer Science بسم الله الرحمن الرحيم MULTIMEDIA LEVEL -9 King Khalid University Kingdom of Saudi Arabia Ministry of Higher Education.
Sounds, Images & Other Objects Website Production.
Presents… “Best Encoding Practices” For use with.
3.02 Publishing Animations
Multimedia on the Web. Audio Video Animation Interactivity Plug-ins in the users’ computer –Real Player (.ram,.rpm,.avi) –Quicktime (.mov) –Shockwave.
Digital Graphics & Animation Publishing An Animation Lesson 3.
Streaming media over the Internet A million channels and there is still nothing on! By Samuel Shiffman Streaming Technologist Seton Hall University
                      Digital Video 1.
HYPERTEXT MARKUP LANGUAGE (HTML)
Skill Area 212 Introduction to Multimedia Internet and MultiMedia for SC 2.
Using Multimedia on the Web
© 2011 Delmar, Cengage Learning Chapter 11 Adding Media and Interactivity with Flash and Spry.
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.
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.
Multimedia and The Web.
2.02 Develop Computer Animations Review By: Adam Garcia,Christian Brown, Richard Williams, Tyler Borden.
Internet Business Foundations © 2004 ProsoftTraining All rights reserved.
Audio and Video on the Web Presentation by Cheryl Deas and Pasha Souvorin Multimedia for Web Designers.
GIF - Graphics Interchange Format JPEG - Joint Photographic Experts Group PNG - Portable Network Graphics GIF images are limited to the 8 bit palette which.
File Format. Graphics file Format GIF (Graphics Interchange Format) JPEG (Joint Photographic Experts Group) PNG (Portable Network Graphics) TIFF (Tag.
LECTURE 07 RAZIA NISAR NOORANI Digital Video. Basic Digital Video Concepts CS118 – Web Engineering 2 Movie length Frame size Frame rate Quality Color.
Fs Streaming Media a presentation by Florian Seidel.
Chapter 10. The Role of Video in Multimedia  Any presentation or application that uses sound and graphics qualifies as multimedia  Clip A segment of.
Multimedia in Web Introduction. Multimedia Elements in Web Page Images Voice Music Animation Video Text & Numbers.
California State University, LA Presented by Amanda Steven StevenAamirObaid.
Adobe Flash Professional CS5 – Illustrated Unit E: Optimizing and Publishing a Movie.
Streaming Media. What is Streaming Media The delivery of audio, video and other multimedia content across the internet using streaming media servers.
Unit 6 – Multimedia Element: Animation
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
Section 9.1 Section 9.2 YOU WILL LEARN TO…
Section 9.1 Section 9.2 Identify multimedia design guidelines
Lesson 24 Creating & Distributing New Media Content.
VIDEO.
Web Programming– UFCFB Lecture 8
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
Digital TV..
3.02 Publishing Animations
Tutorial 7 Working with Multimedia
                      Digital Audio 1.
2.02G Publishing Animated Videos
Lesson 24 Creating & Distributing New Media Content.
3.01F Publishing Animated Videos
3.01C Multimedia Fair Uses Guidelines and Elements
Integrating Multimedia: Sound, Video and More
Multimedia: making it Work
3.01C Multimedia Elements and Guidelines
Objective % Explain concepts used to create digital animation.
3.01C Multimedia Fair Uses Guidelines and Elements
3.01C Multimedia Fair Uses Guidelines and Elements
Lesson 5: Multimedia on the Web
Chapter 10 Video.
Web Programming– UFCFB Lecture 8
3.01C Multimedia Elements and Guidelines
Chapter Concepts Discuss Using Animation on the Web
3.01C Multimedia Fair Uses Guidelines and Elements
Digital Video Faraz Khan.
Presentation transcript:

2.02F Publishing Animated Videos 2.02 Develop Computer Animations

Publishing Animated Videos Publishing animations and animated videos involves the following steps: Analyze and optimize the animation. Choose an appropriate file type. Choose the delivery method. Publish the animation.

Step 1: Analyze and Optimize the Animation

Analyze Animations For Potential Problems Identify potential problems that may occur when downloading and playing a movie. If the entire movie will be downloaded before it is played, determine which parts of the movie are taking the most time to download. If the movie will be delivered through a streaming connection, look for ways to reduce or control the pauses during download and playback. Teacher Note: The terms movie and video are being used to refer to the animation. Factors that can result in larger file sizes: The amount of movement in an animation affects file size. More movement = larger file size. The number of objects in a scene affects file size. More objects = larger file size. Color depth affects file size. More colors used = larger file size. The frames per second contained in the animation affects file size. Higher FPS = longer animations and larger file sizes.

Optimize the Animation Animations should be optimized in order to: Reduce the file size for quicker downloads. Make the video or animation play more smoothly during playback. Maintain sufficient quality for viewing. Videos can be optimized anytime or only when they are published.

Optimize the Animation (Continued) Optimizing animation involves fine-tuning compression settings. Optimize the sounds in the Library by compressing to MP3.

Step 2: Choose an Animation File Type

Animation File Types Animated GIF AVI MOV MPEG SWF

Animation File Types Audio Video Interleave (AVI) Microsoft’s animation and video format for computers running the Windows operating system. Does not compress animation as much as other formats. Will not play on all operating systems or in all players. Graphics Interchange Format (GIF) Pronounced “jiff” or “gif” Animated GIFs can contain 2-D or 3-D images. They are used for cartoons, logos, graphics with transparent areas, and animations. GIF files are popular for the use on the Web because they: Have small file sizes. Do not require a special plug-in or player. Are supported by most browsers

Animation File Types Apple QuickTime Movie (MOV) Files can be either downloaded or streamed. Run on many different operating systems. Must be viewed in the QuickTime player which is a free download. Moving Pictures Expert Group (MPEG) A very compressed video format. Files tend to be much smaller and better quality than other formats. Recommended for videos that will be downloaded instead of streamed because it does not require a specific player or plug-in.

Animation File Types Shockwave Flash (SWF) Pronounced “swiff” File format for animation created with Adobe Flash. Files can contain text as well as both vector and raster graphics; also may include interactive actions written in ActionScript. Must be viewed in the Adobe Flash Player which is a free download. Popular format for the Web because: File size is small. Support streaming. Teacher Note: Many software programs will allow animations to be exported as SWF files even if you do not have the Adobe Flash software installed on your computer.

Step 3: Choose a Delivery Method

Delivery Methods Once videos have been analyzed and optimized to perform best in the intended medium, the next step is to publish. Delivery methods available for distributing animations: As part of a Web page On a CD-ROM or DVD. As an executable file which bundles both the animation and the program to play in a single file.

Delivery Methods (Continued) When an animation or an executable file is distributed over the Internet, the entire file must be downloaded before the animation can play. Animations distributed as part of a web page can be either: Streamed Downloaded

Streaming Streaming is a technique for transferring audio and video files over the Internet as a continuous stream of data. The Streaming Process Data is held in a temporary storage area called a buffer until it is played by the computer. There will always be an initial delay while the first frame is buffered. Suppose an animation plays at 5 frames per second. Each frame will play for 0.2 seconds. If the first frame takes 0.3 seconds to download, the animation cannot start playing until after that time has elapsed.

Advantages and Disadvantages of Streaming Quick Access - files can start playing as soon as a computer begins receiving the data rather than waiting for the complete file to download before playing. Data is discarded as it is played so a complete copy of the file is not stored on the viewer’s computer. Disadvantages The viewer must be connected to the Internet to view the video. The viewer’s connection speed influences the quality of playback. Files cannot be saved and viewed later.

Plug-ins and Players Plug-ins or players may be required to view an animation over the Internet. A plug-in is a program that works with the browser to expand its capabilities. Examples: Allow it to play video or audio files. Allow it to open certain file types.

Plug-ins and Players A standalone player is a separate program that can play video and audio files without the browser software being open. Examples Adobe Flash Player QuickTime RealPlayer Windows Media Player Teacher Note: If file type is used that requires a specific player, a link should be included on the page to a website where the player or plug-in can be downloaded easily.

Step 4: Publish the Animation

Publish the Animation For animations distributed over the Internet: Upload the file to the host computer. Create a link to the file or embed it into the web page. Test the animation in different browsers. For animations distributed on CDs or DVDs: Burn the file onto the disk. Finalize the disk. Test the disk in several different CD or DVD players.

Factors that Influence the Delivery of Computer Animations

Factors that influence the delivery of computer animations: Viewer’s bandwidth, or connection speed. Streaming rate Playback rate Internet (water is the data) Connection Type determines how much data can transfer to the network.

Bandwidth The amount of data that can be transmitted over a network in a given amount of time. The speed at which data travels over a network depends on: The type of Internet connection for the network. The number of users using the network at that specific time. Data Bandwidth Teacher Note: Different types of connections (56K modem, DSL, etc.) can carry different amounts of data.

Streaming and Playback Rate Streaming rate is the rate in frames per second at which videos can be downloaded or transferred to a computer and is determined by: The viewer’s network connection speed. The content of the video file being downloaded. Playback rate is the rate in frames per second at which the video plays.

Bandwidth and Streaming Rate If a lot of people are using the network at one time, less bandwidth will be available to download the data. This will cause the streaming rate to be slower. This means the playback rate will most likely be slower than the streaming rate. This will cause the playback to pause until more data is received.

Bandwidth and Streaming Rate If the streaming rate is slower than the playback rate, the video will pause until more data is received. It is a good idea to provide the video in different file sizes so viewers can choose the file size best suited for their connection type.

Review Publishing Animated Videos Analyze and optimize the animation. Choose an appropriate file type. Choose the delivery method. Publish the animation.

Review (Continued) Animation File Types Animated GIF AVI MOV MPEG SWF Plug-ins and Standalone Players Adobe Flash Player QuickTime RealPlayer Windows Media Player

Review (Continued) Methods for publishing animated videos Website CD-ROM or DVD Executable file Factors that influence the delivery and distribution of computer animations: Bandwidth Streaming rate Playback rate