Kamis, 30 April 2009

LEARN DREAMWEAVER CS3


What you’ll learn in this lesson:

  • Exploring Dreamweaver’s primary features
  • Introducing new features in CS3
  • Understanding how web sites and web pages work
  • Coding HTML/XHTML: the basics

Dreamweaver CS3 Jumpstart

Whether you are a novice web designer or an experienced developer, Dreamweaver is a comprehensive tool you can use for site design, layout, and management. In this lesson, you’ll take a tour of Dreamweaver’s key features and get a better understanding of how web pages work.


MORE...

LEARN ADOBE PHOTOSHOP CS3


What you’ll learn in this lesson:

  • Merging images
  • Using Smart Filters
  • Using the new
    selection tools
  • Working with text
  • Using unsharp masking
  • Using Camera Raw

What’s New in Adobe Photoshop CS3?

Welcome to Photoshop CS3! In this lesson, you’ll get a look at many of the new features, such as easier-to-use selection tools, improved Vanishing Point, and Live Filter. You will also explore these features in more detail in the lessons that follow.

A different Photoshop for different users

In this release of Photoshop, there are two versions: Photoshop CS3 and Photoshop CS3 Extended. Don’t worry about one being better than the other; that is not necessarily true. Photoshop CS3 in any flavor is a full, digital editing application. Photoshop CS3 Extended includes additional features geared toward industries such as multimedia, animation, film, architecture, engineering construction (AEC), manufacturing, and medical professions. In this lesson, the features mentioned are included in both Photoshop CS3 and Photoshop CS3 Extended.

MORE...

Rabu, 01 April 2009

HKBGVMVBHMNV

INTRODUCTION JAVA SCRIPT

JavaScript is used in millions of Web pages to improve the design, validate forms, detect browsers, create cookies, and much more.

JavaScript is the most popular scripting language on the internet, and works in all major browsers, such as Internet Explorer, Firefox, and Opera.

What You Should Already Know


Before you continue you should have a basic understanding of the following:

* HTML / XHTML

If you want to study these subjects first, find the tutorials on our Home page.

What is JavaScript?

* JavaScript was designed to add interactivity to HTML pages
* JavaScript is a scripting language
* A scripting language is a lightweight programming language
* JavaScript is usually embedded directly into HTML pages
* JavaScript is an interpreted language (means that scripts execute without preliminary compilation)
* Everyone can use JavaScript without purchasing a license

Are Java and JavaScript the Same?

NO!


Java and JavaScript are two completely different languages in both concept and design!

Java (developed by Sun Microsystems) is a powerful and much more complex programming language - in the same category as C and C++.

What can a JavaScript Do?

* JavaScript gives HTML designers a programming tool - HTML authors are normally not programmers, but JavaScript is a scripting language with a very simple syntax! Almost anyone can put small "snippets" of code into their HTML pages
* JavaScript can put dynamic text into an HTML page - A JavaScript statement like this: document.write("

" + name + "

") can write a variable text into an HTML page
* JavaScript can react to events - A JavaScript can be set to execute when something happens, like when a page has finished loading or when a user clicks on an HTML element
* JavaScript can read and write HTML elements - A JavaScript can read and change the content of an HTML element
* JavaScript can be used to validate data - A JavaScript can be used to validate form data before it is submitted to a server. This saves the server from extra processing
* JavaScript can be used to detect the visitor's browser - A JavaScript can be used to detect the visitor's browser, and - depending on the browser - load another page specifically designed for that browser
* JavaScript can be used to create cookies - A JavaScript can be used to store and retrieve information on the visitor's computer

The Real Name is ECMAScript


JavaScript's official name is "ECMAScript". The standard is developed and maintained by the ECMA organisation.

ECMA-262 is the official JavaScript standard. The standard is based on JavaScript (Netscape) and JScript (Microsoft).

The language was invented by Brendan Eich at Netscape (with Navigator 2.0), and has appeared in all Netscape and Microsoft browsers since 1996.

The development of ECMA-262 started in 1996, and the first edition of was adopted by the ECMA General Assembly in June 1997.

The standard was approved as an international ISO (ISO/IEC 16262) standard in 1998.

The development of the standard is still in progress.



JavaScript How To


The HTML



The code above will produce this output on an HTML page:
Hello World!
Example Explained

To insert a JavaScript into an HTML page, we use the tells where the JavaScript starts and ends:







The word document.write is a standard JavaScript command for writing output to a page.

By entering the document.write command between the tags, the browser will recognize it as a JavaScript command and execute the code line. In this case the browser will write Hello World! to the page:
Example






Try it yourself

Note: If we had not entered the



The two forward slashes at the end of comment line (//) is the JavaScript comment symbol. This prevents JavaScript from executing the --> tag.



Where to Put the JavaScript

JavaScripts in a page will be executed immediately while the page loads into the browser. This is not always what we want. Sometimes we want to execute a script when a page loads, other times when a user triggers an event.

Scripts in the head section: Scripts to be executed when they are called, or when an event is triggered, go in the head section. When you place a script in the head section, you will ensure that the script is loaded before anyone uses it.






Scripts in the body section: Scripts to be executed when the page loads go in the body section. When you place a script in the body section it generates the content of the page.








Scripts in both the body and the head section: You can place an unlimited number of scripts in your document, so you can have scripts in both the body and the head section.










Using an External JavaScript

Sometimes you might want to run the same JavaScript on several pages, without having to write the same script on every page.

To simplify this, you can write a JavaScript in an external file. Save the external JavaScript file with a .js file extension.

Note: The external script cannot contain the





Note: Remember to place the script exactly where you normally would write the script!

Senin, 30 Maret 2009

LEARN PHP / PHP TUTORIAL



PHP is a powerful server-side scripting language for creating dynamic and interactive websites.

PHP is the widely-used, free, and efficient alternative to competitors such as Microsoft's ASP. PHP is perfectly suited for Web development and can be embedded directly into the HTML code.

The PHP syntax is very similar to Perl and C. PHP is often used together with Apache (web server) on various operating systems. It also supports ISAPI and can be used with Microsoft's IIS on Windows.



Introduction to PHP

PHP is a server-side scripting language.
What You Should Already Know

Before you continue you should have a basic understanding of the following:

* HTML
* Some scripting knowledge


What is PHP?

* PHP stands for PHP: Hypertext Preprocessor
* PHP is a server-side scripting language, like ASP
* PHP scripts are executed on the server
* PHP supports many databases (MySQL, Informix, Oracle, Sybase, Solid, PostgreSQL, Generic ODBC, etc.)
* PHP is an open source software
* PHP is free to download and use

What is a PHP File?

* PHP files can contain text, HTML tags and scripts
* PHP files are returned to the browser as plain HTML
* PHP files have a file extension of ".php", ".php3", or ".phtml"

What is MySQL?

* MySQL is a database server
* MySQL is ideal for both small and large applications
* MySQL supports standard SQL
* MySQL compiles on a number of platforms
* MySQL is free to download and use

PHP + MySQL

* PHP combined with MySQL are cross-platform (you can develop in Windows and serve on a Unix platform)

Why PHP?

* PHP runs on different platforms (Windows, Linux, Unix, etc.)
* PHP is compatible with almost all servers used today (Apache, IIS, etc.)
* PHP is FREE to download from the official PHP resource: www.php.net
* PHP is easy to learn and runs efficiently on the server side

Where to Start?


To get access to a web server with PHP support, you can:

* Install Apache (or IIS) on your own server, install PHP, and MySQL
* Or find a web hosting plan with PHP and MySQL support


PHP Installation

What do You Need?

If your server supports PHP you don't need to do anything. Just create some .php files in your web directory, and the server will parse them for you. Because it is free, most web hosts offer PHP support.

However, if your server does not support PHP, you must install PHP.

Here is a link to a good tutorial from PHP.net on how to install PHP5: http://www.php.net/manual/en/install.php
Download PHP

Download PHP for free here: http://www.php.net/downloads.php
Download MySQL Database

Download MySQL for free here: http://www.mysql.com/downloads/index.html
Download Apache Server

Download Apache for free here: http://httpd.apache.org/download.cgi

Basic PHP Syntax

A PHP scripting block always starts with . A PHP scripting block can be placed anywhere in the document.

On servers with shorthand support enabled you can start a scripting block with .

For maximum compatibility, we recommend that you use the standard form (

?>

A PHP file normally contains HTML tags, just like an HTML file, and some PHP scripting code.

Below, we have an example of a simple PHP script which sends the text "Hello World" to the browser:




echo "Hello World";
?>




Each code line in PHP must end with a semicolon. The semicolon is a separator and is used to distinguish one set of instructions from another.

There are two basic statements to output text with PHP: echo and print. In the example above we have used the echo statement to output the text "Hello World".

Note: The file must have the .php extension. If the file has a .html extension, the PHP code will not be executed.
Comments in PHP

In PHP, we use // to make a single-line comment or /* and */ to make a large comment block.





//This is a comment

/*
This is
a comment
block
*/

?>






PHP Variables


Variables are used for storing values, such as numbers, strings or function results, so that they can be used many times in a script.
Variables in PHP

Variables are used for storing a values, like text strings, numbers or arrays.

When a variable is set it can be used over and over again in your script

All variables in PHP start with a $ sign symbol.

The correct way of setting a variable in PHP:

$var_name = value;

New PHP programmers often forget the $ sign at the beginning of the variable. In that case it will not work.

Let's try creating a variable with a string, and a variable with a number:

$txt = "Hello World!";
$number = 16;
?>


PHP is a Loosely Typed Language

In PHP a variable does not need to be declared before being set.

In the example above, you see that you do not have to tell PHP which data type the variable is.

PHP automatically converts the variable to the correct data type, depending on how they are set.

In a strongly typed programming language, you have to declare (define) the type and name of the variable before using it.

In PHP the variable is declared automatically when you use it.
Variable Naming Rules

* A variable name must start with a letter or an underscore "_"
* A variable name can only contain alpha-numeric characters and underscores (a-z, A-Z, 0-9, and _ )
* A variable name should not contain spaces. If a variable name is more than one word, it should be separated with underscore ($my_string), or with capitalization ($myString)



PHP String

A string variable is used to store and manipulate a piece of text.
Strings in PHP


String variables are used for values that contains character strings.

In this tutorial we are going to look at some of the most common functions and operators used to manipulate strings in PHP.

After we create a string we can manipulate it. A string can be used directly in a function or it can be stored in a variable.

Below, the PHP script assigns the string "Hello World" to a string variable called $txt:

$txt="Hello World";
echo $txt;
?>

The output of the code above will be:

Hello World

Now, lets try to use some different functions and operators to manipulate our string.
The Concatenation Operator

There is only one string operator in PHP.

The concatenation operator (.) is used to put two string values together.

To concatenate two variables together, use the dot (.) operator:

$txt1="Hello World";
$txt2="1234";
echo $txt1 . " " . $txt2;
?>

The output of the code above will be:

Hello World 1234

If we look at the code above you see that we used the concatenation operator two times. This is because we had to insert a third string.

Between the two string variables we added a string with a single character, an empty space, to separate the two variables.
Using the strlen() function

The strlen() function is used to find the length of a string.

Let's find the length of our string "Hello world!":

echo strlen("Hello world!");
?>

The output of the code above will be:

12

The length of a string is often used in loops or other functions, when it is important to know when the string ends. (i.e. in a loop, we would want to stop the loop after the last character in the string)
Using the strpos() function

The strpos() function is used to search for a string or character within a string.

If a match is found in the string, this function will return the position of the first match. If no match is found, it will return FALSE.

Let's see if we can find the string "world" in our string:

echo strpos("Hello world!","world");
?>

The output of the code above will be:

6

As you see the position of the string "world" in our string is position 6. The reason that it is 6, and not 7, is that the first position in the string is 0, and not 1.
Complete PHP String Reference

For a complete reference of all string functions, go to our complete PHP String Reference.

The reference contains a brief description and examples of use for each function!

Operators are used to operate on values.
PHP Operators

This section lists the different operators used in PHP.

Arithmetic Operators
Operator Description Example Result
+ Addition x=2
x+2 4
- Subtraction x=2
5-x 3
* Multiplication x=4
x*5 20
/ Division 15/5
5/2 3
2.5
% Modulus 5%2 1
10%8 2
10%2 0


++ Increment x=5
x++ x=6
-- Decrement x=5
x-- x=4

Assignment Operators
Operator Example Is The Same As
= x=y x=y
+= x+=y x=x+y
-= x-=y x=x-y
*= x*=y x=x*y
/= x/=y x=x/y
.= x.=y x=x.y
%= x%=y x=x%y

Comparison Operators

Operator Description Example
== is equal to 5==8 returns false
!= is not equal 5!=8 returns true
> is greater than 5>8 returns false
< is less than 5<8 returns true
>= is greater than or
equal to 5>=8 returns false
<= is less than or
equal to 5<=8 returns true

Logical Operators
Operator Description Example
&& and x=6
y=3
(x < 10 && y > 1) returns true
|| or x=6
y=3
(x==5 || y==5) returns false
! not x=6
y=3
!(x==y) returns true



PHP If...Else Statements

The if, elseif and else statements in PHP are used to perform different actions based on different conditions.
Conditional Statements

Very often when you write code, you want to perform different actions for different decisions.

You can use conditional statements in your code to do this.

* if...else statement - use this statement if you want to execute a set of code when a condition is true and another if the condition is not true
* elseif statement - is used with the if...else statement to execute a set of code if one of several condition are true

The If...Else Statement

If you want to execute some code if a condition is true and another code if a condition is false, use the if....else statement.
Syntax

if (condition)
code to be executed if condition is true;
else
code to be executed if condition is false;

Example

The following example will output "Have a nice weekend!" if the current day is Friday, otherwise it will output "Have a nice day!":




$d=date("D");
if ($d=="Fri")
echo "Have a nice weekend!";
else
echo "Have a nice day!";
?>




If more than one line should be executed if a condition is true/false, the lines should be enclosed within curly braces:




$d=date("D");
if ($d=="Fri")
{
echo "Hello!
";
echo "Have a nice weekend!";
echo "See you on Monday!";
}
?>





The ElseIf Statement

If you want to execute some code if one of several conditions are true use the elseif statement
Syntax

if (condition)
code to be executed if condition is true;
elseif (condition)
code to be executed if condition is true;
else
code to be executed if condition is false;

Example

The following example will output "Have a nice weekend!" if the current day is Friday, and "Have a nice Sunday!" if the current day is Sunday. Otherwise it will output "Have a nice day!":




$d=date("D");
if ($d=="Fri")
echo "Have a nice weekend!";
elseif ($d=="Sun")
echo "Have a nice Sunday!";
else
echo "Have a nice day!";
?>





PHP If...Else Statements
previous next

The if, elseif and else statements in PHP are used to perform different actions based on different conditions.
Conditional Statements

Very often when you write code, you want to perform different actions for different decisions.

You can use conditional statements in your code to do this.

* if...else statement - use this statement if you want to execute a set of code when a condition is true and another if the condition is not true
* elseif statement - is used with the if...else statement to execute a set of code if one of several condition are true

The If...Else Statement

If you want to execute some code if a condition is true and another code if a condition is false, use the if....else statement.
Syntax

if (condition)
code to be executed if condition is true;
else
code to be executed if condition is false;

Example

The following example will output "Have a nice weekend!" if the current day is Friday, otherwise it will output "Have a nice day!":




$d=date("D");
if ($d=="Fri")
echo "Have a nice weekend!";
else
echo "Have a nice day!";
?>




If more than one line should be executed if a condition is true/false, the lines should be enclosed within curly braces:




$d=date("D");
if ($d=="Fri")
{
echo "Hello!
";
echo "Have a nice weekend!";
echo "See you on Monday!";
}
?>





The ElseIf Statement


If you want to execute some code if one of several conditions are true use the elseif statement
Syntax

if (condition)
code to be executed if condition is true;
elseif (condition)
code to be executed if condition is true;
else
code to be executed if condition is false;

Example

The following example will output "Have a nice weekend!" if the current day is Friday, and "Have a nice Sunday!" if the current day is Sunday. Otherwise it will output "Have a nice day!":




$d=date("D");
if ($d=="Fri")
echo "Have a nice weekend!";
elseif ($d=="Sun")
echo "Have a nice Sunday!";
else
echo "Have a nice day!";
?>




how to Fix Task Manager

Fix Task Manager
Task Manager Fix merupakan freeware sistem utilitas untuk memperbaiki tugas manajer yang telah dinonaktifkan oleh spywares, trojans dan menampilkan pesan kesalahan: "Task Manager telah dinonaktifkan oleh administrator Anda", yang blok aksesnya ke Windows Task Manager.
Bila Anda mencoba untuk membuka Windows Task Manager, dengan menekan CTRL + ALT + DEL yang sering muncul error berikut:
"Task Manager telah dinonaktifkan oleh administrator Anda"
INSTANT solusi untuk masalah - "Task Manager Tidak Bekerja"



pesan kesalahan ini muncul karena pembatasan ditempatkan dalam Windows Registry. Satu dapat dengan mudah mengaktifkan Task Manager dengan mengedit registri beberapa pengaturan. Untuk pengguna biasa mengedit registri tidak mudah dan sedikit beresiko.

Task Manager Fix dirancang untuk mengaktifkan Task Manager kembali yang telah dinonaktifkan. Download GRATIS Task Manager Fix. sistem pemulihan alat untuk menghilangka tugas manajer dan efektif solusi untuk masalah - "Task Manager tidak Bekerja".

Task Manager fix

"Freeware adalah hak cipta perangkat lunak komputer yang tersedia untuk digunakan secara gratis, untuk waktu yang tidak terbatas, karena bertentangan dengan shareware dimana pengguna diminta untuk membayar (misalnya setelah beberapa periode percobaan atau fungsionalitas tambahan)


download (Task Manager Fix v2.0) is FREEWARE

Jumat, 27 Maret 2009

Introduction to Web Multimedia (ENGLISH)


Introduction to Web Multimedia


Multimedia is
pictures, sounds, music, animations and videos.

Modern web browsers have support for many multimedia formats.
What is Multimedia?

Multimedia is everything you can hear or see: texts, books, pictures, music, sounds, CDs, videos, DVDs, Records, Films, and more.

Multimedia comes in many different formats. On the Internet you will find many of these elements embedded in web pages, and today's web browsers have support for a number of multimedia formats.

In this tutorial you will learn about different multimedia formats and how to use them in your web pages.
Browser Support

The first Internet browsers had support for text only, and even the text support was limited to a single font in a single color, and little or nothing else.

Then came web browsers with support for colors, fonts and text styles, and the support for pictures was added.

The support for sounds, animations and videos is handled in different ways by different browsers. Some elements can be handled inline, some requires a plug-in and some requires an ActiveX control.

You will learn more about this in the next chapters.
Multimedia Formats

Multimedia elements (like sounds or videos) are stored in media files.

The most common way to discover the media type is to look at the file extension.

When a browser sees the file extensions .htm or .html, it will assume that the file is an HTML page. The .xml extension indicates an XML file, and the .css extension indicates a style sheet.

Picture formats are recognized by extensions like .gif and .jpg.

Multimedia elements also have their own file formats with different extensions.

You will learn more about media file extensions in the next chapters.


Multimedia Sound Formats


Sound can be stored in many different formats.
The MIDI Format

The MIDI (Musical Instrument Digital Interface) is a format for sending music information between electronic music devices like synthesizers and PC sound cards.

The MIDI format was developed in 1982 by the music industry. The MIDI format is very flexible and can be used for everything from very simple to real professional music making.

MIDI files do not contain sampled sound, but a set of digital musical instructions (musical notes) that can be interpreted by your PC's sound card.

The downside of MIDI is that it cannot record sounds (only notes). Or, to put it another way: It cannot store songs, only tunes.

Click here to play The Beatles.

The upside of the MIDI format is that since it contains only instructions (notes), MIDI files can be extremely small. The example above is only 23K in size but it plays for nearly 5 minutes.

The MIDI format is supported by many different software systems over a large range of platforms. MIDI files are supported by all the most popular Internet browsers.

Sounds stored in the MIDI format have the extension .mid or .midi.
The RealAudio Format

The RealAudio format was developed for the Internet by Real Media. The format also supports video.

The format allows streaming of audio (on-line music, Internet radio) with low bandwidths. Because of the low bandwidth priority, quality is often reduced.

Sounds stored in the RealAudio format have the extension .rm or .ram.
The AU Format

The AU format is supported by many different software systems over a large range of platforms.

Sounds stored in the AU format have the extension .au.
The AIFF Format

The AIFF (Audio Interchange File Format) was developed by Apple.

AIFF files are not cross-platform and the format is not supported by all web browsers.

Sounds stored in the AIFF format have the extension .aif or .aiff.
The SND Format

The SND (Sound) was developed by Apple.

SND files are not cross-platform and the format is not supported by all web browsers.

Sounds stored in the SND format have the extension .snd.
The WAVE Format

The WAVE (waveform) format is developed by IBM and Microsoft.


It is supported by all computers running Windows, and by all the most popular web browsers.

Sounds stored in the WAVE format have the extension .wav.
The MP3 Format (MPEG)

MP3 files are actually MPEG files. But the MPEG format was originally developed for video by the Moving Pictures Experts Group. We can say that MP3 files are the sound part of the MPEG video format.

MP3 is one of the most popular sound formats for music recording. The MP3 encoding system combines good compression (small files) with high quality. Expect all your future software systems to support it.

Sounds stored in the MP3 format have the extension .mp3, or .mpga (for MPG Audio).
What Format To Use?

The WAVE format is one of the most popular sound format on the Internet, and it is supported by all popular browsers. If you want recorded sound (music or speech) to be available to all your visitors, you should use the WAVE format.

The MP3 format is the new and upcoming format for recorded music. If your website is about recorded music, the MP3 format is the choice of the future.

Multimedia Video Formats


Video can be stored in many different formats.
The AVI Format

The AVI (Audio Video Interleave) format was developed by Microsoft.

The AVI format is supported by all computers running Windows, and by all the most popular web browsers. It is a very common format on the Internet, but not always possible to play on non-Windows computers.

Videos stored in the AVI format have the extension .avi.
The Windows Media Format

The Windows Media format is developed by Microsoft.

Windows Media is a common format on the Internet, but Windows Media movies cannot be played on non-Windows computer without an extra (free) component installed. Some later Windows Media movies cannot play at all on non-Windows computers because no player is available.

Videos stored in the Windows Media format have the extension .wmv.
The MPEG Format

The MPEG (Moving Pictures Expert Group) format is the most popular format on the Internet. It is cross-platform, and supported by all the most popular web browsers.

Videos stored in the MPEG format have the extension .mpg or .mpeg.
The QuickTime Format

The QuickTime format is developed by Apple.

QuickTime is a common format on the Internet, but QuickTime movies cannot be played on a Windows computer without an extra (free) component installed.

Videos stored in the QuickTime format have the extension .mov.
The RealVideo Format

The RealVideo format was developed for the Internet by Real Media.

The format allows streaming of video (on-line video, Internet TV) with low bandwidths. Because of the low bandwidth priority, quality is often reduced.

Videos stored in the RealVideo format have the extension .rm or .ram.
The Shockwave (Flash) Format

The Shockwave format was developed by Macromedia.

The Shockwave format requires an extra component to play. This component comes preinstalled with the latest versions of Netscape and Internet Explorer.

Videos stored in the Shockwave format have the extension .swf.


Playing Sounds On The Web
Previous Next

Sounds can be played "inline" or by a "helper", depending on the HTML element you use.
Inline Sound

When sound is included in a web page, or as part of a web page, it is called inline sound.

If you plan to use inline sounds in your web applications, be aware that many people find inline sound annoying. Also note that some users might have turned off the inline sound option in their browser.

Our best advice is to include inline sound only in web pages where the user expects to hear the sound. An example of this is a page which opens after the user has clicked on a link to hear a recording.
Using A Helper (Plug-In)

A helper application is a program that can be launched by the browser to "help" playing sound. Helper applications are also called Plug-Ins.

Helper applications can be launched using the or the tag.

One great advantage of using a helper application is that you can let some (or all) of the player settings be controlled by the user.

Most helper applications allows manually (or programmed) control over the volume settings and play functions like rewind, pause, stop and play.
Using The Tag

The purpose of the tag is to embed multimedia elements in web page.

The following code fragment displays a MIDI file embedded in a web page.
Example


Try it yourself

Note: The tag is deprecated. The World Wide Web Consortium (W3C) recommend using the tag instead.
Using The Tag

The purpose of the tag is to embed multimedia elements in web page.

The following code fragment displays a WAVE file embedded in a web page.
Example
classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95">



Try it yourself

Using A Hyperlink

If a web page includes a hyperlink to a media file, most browsers will use a "helper application" to play the file.

The following code fragment displays a link to a MIDI file. If a user clicks on the link, the browser will launch a helper application, like Windows Media Player to play the MIDI file:
Example
Play the Beatles

Try it yourself


Playing Videos On The Web

Videos can be played "inline" or by a "helper", depending on the HTML element you use.
Inline Videos

When a video is included in a web page it is called inline video.

If you plan to use inline videos in your web applications, be aware that many people find inline videos annoying. Also note that some users might have turned off the inline video option in their browser.

Our best advice is to include inline videos only in web pages where the user expects to see a video. An example of this is a page which opens after the user has clicked on a link to see the video.
Using A Helper (Plug-In)

A helper application is a program that can be launched by the browser to "help" playing a video. Helper applications are also called Plug-Ins.

Helper applications can be launched using the or the tag.

One great advantage of using a helper application is that you can let some (or all) of the player settings be controlled by the user.

Most helper applications allow manual (or programmed) control over the volume settings and play functions like rewind, pause, stop and play.
Using The Tag

The purpose of the tag is to embed multimedia elements in web page.

The following code fragment displays an AVI file embedded in a web page:
Example


Note: The tag is deprecated. The World Wide Web Consortium (W3C) recommend using the tag instead.
Using The Tag

The purpose of the tag is to embed multimedia elements in web page.

The following code fragment displays an AVI file embedded in a web page:
Example



Using A Hyperlink

If a web page includes a hyperlink to a media file, most browsers will use a "helper application" to play the file.

The following code fragment displays a link to an AVI file. If a user clicks on the link, the browser will launch a helper application, like Windows Media Player to play the AVI file:
Example
Play a video file


Windows Multimedia Formats



Windows media files have the extensions: .asf, .asx, .wma, and .wmv.
The ASF Format

The ASF format (Advanced Streaming Format) is specially designed to run over the Internet.

ASF files can contain audio, video, slide shows, and synchronized events.

ASF files can be highly compressed and can be delivered as a continuous flow of data (on-line TV or radio). Files can be of any size, and can be compressed to match many different bandwidths (connection speeds).
The ASX Format

ASX (Advanced Stream Redirector) files are not media files, but metafiles.

Metafiles provides information about files. ASX files are plain text files used to describe multimedia content:

Holiday 2001





The file above describes three multimedia files. When the ASX file is read by a player, the player can play the files described.
The WMA Format

The WMA (Windows Media Audio) format is an audio format developed by Microsoft.

WMA is designed to handle all types of audio content. The files can be highly compressed and can be delivered as a continuous flow of data (on-line radio). WMA files can be of any size, and be compressed to match many different bandwidths (connection speeds).

The WMA format is similar to the ASF format (see above)
The WMV Format

The WMV (Windows Media Video) format is a video format developed by Microsoft.

WMV is designed to handle all types of video content. The files can be highly compressed and can be delivered as a continuous flow of data (on-line radio). WMV files can be of any size, and be compressed to match many different bandwidths (connection speeds).

The WMV format is similar to the ASF format (see above)
Other Windows Media Formats

WAX (Windows Media Audio Redirector) files are much the same as ASX files, but intended to describe audio files (.wma files)

WMP (Windows Media Player) files and WMX are reserved file types for future use by Windows





The Object Element


The object element supports many different media types, like:

*Pictures
*Sounds
*Videos
*Other Objects





Displaying A Picture

You can display a picture as an object:
Example
type="image/jpeg" data="audi.jpeg">


Try it yourself

Displaying A Web Page

You can display a web page as an object:
Example
data="http://www.w3schools.com">


Try it yourself

Displaying A Sound

You can display a sound as an object:
Example
classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95">



Try it yourself

Displaying A Video

You can display a video as an object:
Example
classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95">



Try it yourself

Displaying A Calendar

You can display a calendar as an object:
Example
classid="clsid:8E27C92B-1264-101C-8A2F-040224009C02">




Try it yourself

Displaying Graphics

You can display graphics as an object:
Example
classid="CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6">
value="setFillColor(255, 0, 255)">
value="Oval(-100, -50, 200, 100, 30)">


Try it yourself

Displaying Flash

You can display a flash animation as an object:
Example
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com
/pub/shockwave/cabs/flash/swflash.cab#4,0,0,0">




Try it yourself