Sound, Video & XML (image gallery) Flash ActionScript Introduction to Thomas Lövgren

Slides:



Advertisements
Similar presentations
INTRODUCTION TO ADOBE FLASH CS4
Advertisements

1What is the Stage. 2How do you open a panel in Flash
Thomas Lövgren, Flash developer
Using Windows Live Movie Maker DO NOT USE WINDOWS MOVIE MAKER 2.6!!!
Video Streaming in Flash CSCI 4220 – Network Programming Kacper Harabasz.
SM5312 week 11: Flash Objects in HTML1 Flash Objects in HTML Nick Foxall.
Introduction to Macromedia Flash 8
1 Flash and Animation Presented by : Behzad Sajed Khosrowshahi.
 Video and Audio Files can be played online just by selecting them  Video are flash files and will not work with Quicktime (Apple) or Windows Media.
Flash Video Flash ActionScript 3.0 Introduction to Thomas Lövgren, Flash developer
AD 206 Intermediate CG : School of Art and Design : University of Illinois at Chicago : Spring 2009 Intro to Action Script 9 "The games of a people reveal.
Chapter 17 Putting It All Together. Viewing the Preloader To view the preloader, 1.CTRL-Enter to test the movie. 2.View > Simulate Download.
1 FAQ on video editing. 2 1.Is it possible if I look for some video clips (e.g. firework, speech of Obama) from other sources?  Yes, but you need to.
Creating a movie in PICASA
Paul Trani Adobe Certified Instructor/Expert Resources:
Lesson 17 Enhancing Presentations with Multimedia Effects
Animations Flash ActionScript Introduction to Thomas Lövgren
Chapter 11 Adding Media and Interactivity. Flash is a software program that allows you to create low-bandwidth, high-quality animations and interactive.
Teaching With the Tubes How to use YouTube and TeacherTube videos to supplement instruction Presented by Farmington Technology Department.
© 2011 Delmar, Cengage Learning Chapter 11 Adding Media and Interactivity with Flash and Spry.
Creating Mobile Apps with App Inventor! Day 5 Google search Kris Gordon Ludlow for links.
Chapter 15 Video. Importing Video Into Flash Once you import video into Flash MX 2004, you can control it using behaviors and very basic ActionScript,
Chapter 13 Working with Components. Chapter 13 Lessons 1.Use Components in a Flash Movie 2.Use Components in a Form.
BUILDING RICH MEDIA ELEMENTS. Design Decisions Based on Design Specification  Following the design specification will ensure that the application is.
TERMINALFOUR SiteManager Introduction January, 2014.
Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Buttons library Edit a button instance.
Advanced Level Course. Site Extras Site Extras consist of four categories: Stationeries Site Trash Designs Components.
London April 2005 London April 2005 Creating Eyeblaster Ads The Rich Media Platform The Rich Media Platform Eyeblaster.
Chapter 11 Adding Sound and Video. Chapter 11 Lessons 1.Work with sound 2.Specify synchronization options 3.Modify sounds 4.Use ActionScript with sound.
Start VideoStudio 9 and choose VideoStudio Editor.
Interface & navigation (How to build a simple presentation interface) Flash ActionScript Introduction to Thomas Lövgren
Using YouTube and United Streaming in the Classroom.
Copyright © 2003 Pearson Education, Inc. Chapter 5 – Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.
CSC 361/661 Digital Media Spring 2010 Professor Burg.
Our Examples Video Capture Working With Interactive Video Objects Buttons symbols – are areas on the monitor that a sensitive to user actions such.
London April 2005 London April 2005 Creating Video Ads The Rich Media Platform The Rich Media Platform Eyeblaster.
1 Begin the editing process by selecting method of importing video Use the Movie Task Menu to import, edit and save video Follow this menu to complete.
Click on these! %2Fblank%2Fbrowse.asp%3FA%3D383%26BMDRN%3D2000%26BCOB%3D0% 26C%3D64893.
CSC 361/661 Digital Media Spring 2010 Professor Burg.
Programming Games Preview Video & Audio. Work on cannonball. Homework: finish cannonball!
Chapter 16 Video. Importing Video Into Flash  Once you import video into Flash, you can control it using behaviors and very basic ActionScript, target.
Homepage-Parent page Who: has logos, copyright notification and clearly identifies who owns the site. What: Summary text and images that show visitors.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO ADOBE FLASH CS3.
Adobe Flash CS4 – Illustrated Unit A: Getting Started with Adobe Flash.
PowerPoint What can we do with it? A Program for the preparation of Presentations.
PLACING AND LINKING GRAPHICS
Building the Events Components– Lesson 111 Building the Events Components Lesson 11.
Review 2 – Adobe Flash Lab Manual
Back to the Basics - Video Nick Kwiatkowski Michigan Flex Users Group.
PREZI PRESENTATION Adding files (images, videos, sounds)
Video in Macromedia Flash (Optional) – Lesson 121 Video in Macromedia Flash (Optional) Lesson 12.
PowerPoint Tools How NOT to Use PowerPoint Tips  Get rid of short menu by clicking Tools, Customize, Options, Always Show Full Menus  Change case.
Chapter 11 Adding Media and Interactivity. Chapter 11 Lessons Introduction 1.Add and modify Flash objects 2.Add rollover images 3.Add behaviors 4.Add.
© 2011 Delmar, Cengage Learning Chapter 11 Adding Sound and Video.
To play, start slide show and click on circle Lesson 4 Lesson 4 Lesson 5 Lesson 5 Lesson Lesson 6.
An Introduction.  Introduction  Logging in from D1  Raison d'être  RSS and Podcasting  DragonDrop is…  What does it do?  Upload  Available Output.
London April 2005 London April 2005 Creating Video Ads The Rich Media Platform The Rich Media Platform Eyeblaster.
How to Make Pictures as a Flash Auto-run Program with Music.
Macromedia Flash MX Design Professional And Interactivity WORKING WITH SYMBOLS.
Creating SQL Database file And Displaying a Database Table in a DataGridView.
Adobe Flash Professional CS5 – Illustrated Unit A: Getting Started with Adobe Flash Professional.
Project Objectives Encode Flash Video (FLV) files for the Web
Using Video, and Flash Components, and Printing Flash Content
Macromedia Flash Tutorial
Embedding Media into Web Pages
Discovery Streaming Downloads
ClubRunner Tutorial Home Page Stories.
Importing & Altering Images
Start VideoStudio 9 and choose VideoStudio Editor
Presentation transcript:

Sound, Video & XML (image gallery) Flash ActionScript Introduction to Thomas Lövgren

Sound • loadSound(): Dynamic loading //create a sound object var bg_sound:Sound = new Sound(); bg_sound.loadSound("bgSound.mp3", true); //load, streaming = true bg_sound.start(); trace(”backgroundsound on!"); //output //looping background sound bg_sound.onSoundComplete = function(){ bg_sound.start()} • attachSound(): Get sound from library effect_sound.attachSound("effect_sound"); //linking in library effect_sound.start(); trace(“sound effect on!"); //output Ex

Video (1/2) • Flash Video (.flv): Dynamic loading  Streaming: ex. with Flash Media Server  Progressive downloading: Short clips (ex. YouTube) • Two methods:  1) Video component with skin (automatic)  2) Actionscriptbased video (more options) – loading through a video object • Flash Video can be created and modified by:  Sorenson Squeeze  Flash 8 / Flash CS3 (File/Import/Import Video ) • Check settings: size/resolution, framerate, encoding, sound etc.

Video (2/2) • Actionscriptbased video • Create a video object: Right-click in Library and choose: ”New Video” click Video (Actionscript – controlled) • Drag the symbol and place it on stage, name it to my_video //video object on stage var my_video:Video; //create a NetConnection object var my_nc = new NetConnection(); my_nc.connect(null); //open connection //netStream object for videostream var my_ns = new NetStream(my_nc); my_ns.setBufferTime(5); //buffer 5 sec, then play! my_ns.seek(0); //start at (time = 0) //add the stream object my_video.attachVideo(my_ns); //play current video clip my_ns.play("kickbackCD.flv"); Ex

XML • Similar function with a database (only read access) • Often used in combination with Flash • XML works like a tabel/list for holding data • Using XML for (Dynamic) loading of data (ex. Sound, images, video) • A technique for reducing the filesize of the application • Easy to update

The XML structure • The XML file imgData = this.firstChild.childNodes;

XML (1/2) • Build the ”XML structure” in a texteditor, ex: • Save as myFile.xml (encoding UTF-8)

XML (2/2) • Load data into Flash through a XML object var my_xml = new XML(); my_xml.ignoreWhite = true; my_xml.load("gallery/imageData.xml"); var image:Number = 0; my_xml.onLoad = function(status) { if (status) { imgData = this.firstChild.childNodes; loadMovie(imgData[image].attributes.path, "mc"); display_txt.text = imgData[image].attributes.info; image_txt.text = "Bild " + (image + Number(1)) + " / " + imgData.length; delete my_xml; } else { display_txt.text = "Data cannot be loaded!"; }}; Ex