Rujchai Ung-arunyawee Department of Computer Engineering Khon Kaen University.

Slides:



Advertisements
Similar presentations
Introduction to Macromedia Director 8.5 – Technology directing a script / play Macromedia Director 8 Shockwave Studio is the world's foremost authoring.
Advertisements

                      Digital Audio 1.
Using Multimedia on the Web Enhancing a Web Site with Sound, Video, and Applets.
CNIT 132 – Week 9 Multimedia. Working with Multimedia Bandwidth is a measure of the amount of data that can be sent through a communication pipeline each.
Sound in multimedia How many of you like the use of audio in The Universal Machine? What about The Universal Computer? Why or why not? Does your preference.
Module 10 WPF 2-D Graphics, Multimedia, and Printing.
The Web Warrior Guide to Web Design Technologies
Chapter 6 Photoshop and ImageReady: Part II The Web Warrior Guide to Web Design Technologies.
1 L45 Multimedia: Applets and Applications. 2 OBJECTIVES  How to get and display images.  To create animations from sequences of images.  To create.
Macromedia Flash MX 2004 – Design Professional and Interactivity WORKING WITH SYMBOLS.
Work with symbols and instances Work with Libraries Create buttons Assign actions to buttons Unit Lessons.
1 CA203 Presentation Application Creating a Multimedia Presentation Lecture # 10.
Microsoft Office Illustrated Inserting Illustrations, Objects, and Media Clips.
Multimedia Enabling Software. The Human Perceptual System Since the multimedia systems are intended to be used by human, it is a pragmatic approach to.
Chapter 9 Introduction to ActionScript 3.0. Chapter 9 Lessons 1.Understand ActionScript Work with instances of movie clip symbols 3.Use code snippets.
Lesson 17 Enhancing Presentations with Multimedia Effects
Chapter 11 Adding Media and Interactivity. Flash is a software program that allows you to create low-bandwidth, high-quality animations and interactive.
© 2011 Delmar, Cengage Learning Chapter 11 Adding Media and Interactivity with Flash and Spry.
Chapter 3 Working with Symbols and Interactivity.
Chapter 4 Dreamweaver: Part II The Web Warrior Guide to Web Design Technologies.
What is Director?  A tool for creating interactive CDs or interactive media and games on the Web.  Combines graphics, sound, video and other media together.
XP Tutorial 5 Buttons, Behaviors, and Sounds. XP New Perspectives on Macromedia Flash MX Buttons Interactive means that the user has some level.
Multimedia is a program that combines:
Case Study: Using Macromedia Director
1 Lecture 12: Multimedia Not in Web 101 Text  Important Multimedia Issues  Audio  Movies and Video  Multimedia and HTML Documents.
Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Button library Create a button Learn.
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.
DHTML: Dynamic HTML Internet Technology1. What is DHTML? A collection of enhancements to HTML ► To create dynamic and interactive websites Combination.
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.
CHAPTER FOUR COMPUTER SOFTWARE.
HTML, Third Edition--Illustrated Brief 1 HTML, Third Edition Illustrated Brief Unit D Adding Graphics and Multimedia.
Tutorial 121 Creating a New Web Forms Page You will find that creating Web Forms is similar to creating traditional Windows applications in Visual Basic.
© 2011 Delmar, Cengage Learning Chapter 3 Working with Symbols and Interactivity.
Creating Multimedia Interaction with Windows Media Technologies 7.
Programming Games Show your simple video. More video examples. Audio. Classwork/Homework: Produce more complex video program.
© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 1 Tutorial 27 - Phone Book Application Introducing Multimedia.
INTRODUCTION TO JAVASCRIPT AND DOM Internet Engineering Spring 2012.
CHAPTER TEN AUTHORING.
CSC 361/661 Digital Media Spring 2010 Professor Burg.
Tutorial 7 Planning and Creating a Flash Web Site.
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.
Flash Flash. It’s components and usage. New generation of web- design  Definition Multimedia technology developed by Macromedia to allow much interactivity.
Introduction to Flash Animation CS 318. Topics Introduction to Flash and animation The Flash development environment Creating Flash animations  Layers.
MACROMEDIA DIRECTOR - LECTURE NOTES -. INTRODUCTION Macromedia Director 8.5 is the best selling multimedia authoring program and leading tool for creating.
5-1 OBJ Copyright 2003, Paradigm Publishing Inc. Adding Sound, Video, and Basic Interactivity with Buttons Macromedia Flash Design & Application.
Rujchai Ung-arunyawee Department of Computer Engineering Khon Kaen University.
Powerpoint as a Multimedia Platform Matt Monjan Discovery Educator Network.
Intro to Multimedia Unit 1.
Rujchai Ung-arunyawee Department of Computer Engineering Khon Kaen University.
Introduction to Interactive Media Interactive Media Tools: Authoring Applications.
Macromedia Flash Design Professional And Interactivity WORKING WITH SYMBOLS.
Reading Flash. Training target: Read the following reading materials and use the reading skills mentioned in the passages above. You may also choose some.
Rujchai Ung-arunyawee Department of Computer Engineering Khon Kaen University.
XP Tutorial 8 New Perspectives on Microsoft Windows XP 1 Microsoft Windows XP Object Linking and Embedding Tutorial 8.
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.
DM 11- Flash –Unit C and Interactivity WORKING WITH SYMBOLS.
CSC 121 Computers and Scientific Thinking Fall Event-Driven Programming.
Creating a PowerPoint With Sound PowerPoint 2007 Version.
Chapter 8 Adding Multimedia Content to Web Pages HTML5 & CSS 7 th Edition.
Tutorial 7 Adding Behaviors and Rich Media. Objectives Session 7.1 – Learn about behaviors – Add behaviors to a page – Add a custom script to a page Session.
Web Programming Java Script-Introduction. What is Javascript? JavaScript is a scripting language using for the Web. JavaScript is a programming language.
Animations & Multimedia LESSON 9 #2.09 USING ANIMATION AND MULTIMEDIA.
Introduction to Programming and App Inventor. Introduction What is a computer program? Introducing App Inventor Getting hands on with App Inventor.
Lesson 6: Enhancing Presentations
Adding Buttons, Actions, and Sounds
                      Digital Audio 1.
.NET and .NET Core 7. XAML Pan Wuming 2017.
Working with Symbols and Interactivity
Presentation transcript:

Rujchai Ung-arunyawee Department of Computer Engineering Khon Kaen University

Multimedia Image Sound Videos

The Image

The SoundPlayer Appeared in.NET 2.0 The easiest, most lightweight way to add audio to an application Only play audio WAV files Doesn’t support playing more than one sound at once Doesn’t provide the ability to control

Case 1: The audio is present in the same directory as the compiled application Case 2: if you add the ding.wav audio file with the resource name Ding

The SoundPlayerAction New feature that WPF introduces to make it more convenient to use the SoundPlayer class Allows you to use it in response to any event Uses a single property, Source Cannot play the audio in an embedded resource

System Sounds Based on the MessageBeep Win32 API Provides access only to the following generic system sounds: Asterisk Beep Exclamation Hand Question For example, to sound a beep in your code

The MediaPlayer Note: The MediaPlayer is created outside the event handler You supply the location of your file as a URI. There’s no exception handling code Not only play WAV audio, but also play MP3 audio or MPEG video

Using these members, you could build a basic but full-featured media player. However, WPF programmers usually use another quite similar element, which is defined in the next section: the MediaElement class.

The MediaElement Wraps all the functionality of the MediaPlayer class. Used as audio or video player Placed a tag directly in your user interface Declaratively supported.

Simple Audio Player Adding this markup to your user interface, the test.mp3 audio will be played as soon as it’s loaded (which is more or less as soon as the window is loaded).

Playing Audio Programmatically To play audio programmatically, you must begin by changing the LoadedBehavior Interact with the media element in code Generally, interaction consists of the straightforward Play(), Pause(), and Stop() methods

Handling Errors

Control media declaratively By using the Trigger, Storyboard and MediaTimeline The following markup demonstrates a simple example. It uses the BeginStoryboard action to begin playing a sound when the mouse clicks a button

Controlling playback

Playing Multiple Sounds

Synchronizing an Animation with Audio Simpler way is to segment the audio into separate files The other way is to use key frame animation by wrapping this key frame animation and your MediaTimeline into a single storyboard When using key frame animation, it’s important to set the Storyboard.SlipBehavior property to Slip See text for example.

Playing Video MediaElement class supports all the video formats that are supported by Windows Media Player Most important, the Stretch and StretchDirection properties determine how the video window is scaled to fit its container

Video Effects You can use a MediaElement as the content inside a content control, such as a button. You can also combine video with transformations through the LayoutTransform or RenderTransform property. This allows you to move your video window, stretch it, skew it, or rotate it. You can set the Clipping property of the MediaElement to cut down the video window to a specific shape or path You can set the Opacity property to allow other content to show through behind your video window

Video Effects (Cont.) You can use an animation to change a property of the MediaElement (or one of its transforms) dynamically. You can copy the current content of the video window to another place in your user interface using a VisualBrush, which allows you to create specific effects like reflection. You can place a video window on a 3-D surface and use an animation to move it as the video is being played

*See text for the code

Speech Synthesis A feature that generates spoken audio based on text you supply Speech synthesis isn’t built into WPF—instead, it’s a Windows accessibility feature. Narrator use speech synthesis to help blind users to navigate basic dialog boxes More generally, speech synthesis can be used to create audio tutorials and spoken instructions All you need to do is create an instance of the SpeechSynthesizer class from the System.Speech.Synthesis namespace and call its Speak() method with a string of text

Use PromptBuilder for more controlable

Speech Recognition A feature that translates user-spoken audio into text As with speech synthesis, speech recognition is a feature of the Windows operating system. Allows users with disabilities to interact with common controls by voice Allows hands-free computer use, which is useful in certain environments.

To use speech recognition The most straightforward way to use speech recognition is Create an instance of the SpeechRecognizer class from the System.Speech.Recognition namespace Then attach an event handler to the SpeechRecognized event, which is fired whenever spoken words are successfully converted to text Retrieve the text in the event handler from the SpeechRecognizedEvent-Args.Result property: