204
FLASH, VIDEO & AUDIO
When Flash was first released, 
it was developed to create 
animations. The technology 
quickly evolved, however, and 
people started to use it to build 
media players and even entire 
websites. 
Although Flash is still very 
popular, in recent years people 
have been more selective about 
when they use it (and now rarely 
consider building an entire 
website in Flash).
Despite this, Flash does have a 
future on the web because there 
are some things it does very well, 
such as creating animations.
There are several reasons why 
fewer websites are using Flash 
these days, including:
In 2005-6, a set of JavaScript 
libraries were launched 
(including Prototype, 
script.aculo.us, and JQuery) 
which made it easier for people 
to create animated effects using 
JavaScript.
When Apple launched the 
iPhone in 2007 and later the 
the iPad in 2010, they took the 
decision not to support Flash.
There have been laws introduced 
to ensure that websites are 
usable by those with visual or 
physical impairments — and 
Flash has been criticized because 
Flash content does not always 
meet accessibility requirements.
In 2008, browsers started to 
support HTML5 
<video>
and 
<audio>
tags. At the time of 
writing, Flash is still a popular 
way of playing video and audio 
on the web but more and more 
people are switching to HTML5.
(You will see how to use these 
elements later in the chapter.)
Since 2005, a number of factors have meant 
that fewer websites are written in Flash or even 
use elements of Flash in their pages.
use oF Flash
Pdf data extraction open source - extract form data from PDF in C#.net, ASP.NET, MVC, Ajax, WPF
Help to Read and Extract Field Data from PDF with a Convenient C# Solution
export excel to pdf form; export pdf data to excel
Pdf data extraction open source - VB.NET PDF Form Data Read library: extract form data from PDF in vb.net, ASP.NET, MVC, Ajax, WPF
Convenient VB.NET Solution to Read and Extract Field Data from PDF
extract data from pdf form to excel; sign pdf form reader
205 FLASH, VIDEO & AUDIO
Web technologies change quickly. Here you 
can see some of the changes in how animation, 
video, and audio are created on the web.
Timeline:
Flash, Video & audio
On this page you can see the 
first major players to provide 
web animation, audio, and video.
On the facing page, you can see 
some of the technologies and 
events replacing them.
RealVideo 8 streaming video
RealAudio streaming audio
Flash   4 streaming audio
FutureSplash, forerunner to    Flash
RealVideo streaming video
Flash MX Flash video
Audio
AnimAtion
Video
1995
1996
1997
1998
1999
2000
2001
2002
2003
C# PDF Text Extract Library: extract text content from PDF file in
using RasterEdge.XDoc.PDF; Please have a quick test by using the following C# example code for text extraction from PDF page. // Open a document.
online form pdf output; how to fill in a pdf form in reader
VB.NET PDF Page Extract Library: copy, paste, cut PDF pages in vb.
Except provides PDF page extraction method in VB.NET, this page also gives VB This VB.NET code below can help you extract all images from PDF. ' Open a document
exporting data from excel to pdf form; extract data from pdf form
206
FLASH, VIDEO & AUDIO
YouTube releases iPhone app
Vimeo releases HTML5 player
Vimeo releases iPhone app
YouTube launched
Vimeo launched
YouTube releases HTML5 player
Video
sharing sites offer alternatives to self-hosting
jQuery
script.aculo.us
Prototype
JAVAScript
libraries are written to create animated effects
iPhone
iPad
releases devices that don't support Flash
Apple
Safari 3.1
Chrome 3
Firefox 3.5
Opera   9    .62
Internet Explorer 9
introduce HTML5 
<video>
and 
<audio>
tags
BrowSerS
2005
2006
2007
2008
2009
2010
2011
2004
VB.NET PDF Text Extract Library: extract text content from PDF
'Please have a quick test by using the following example code for text extraction from PDF file in VB.NET program. ' Open a document.
extract data from pdf file; extracting data from pdf forms
VB.NET PDF Image Extract Library: Select, copy, paste PDF images
below. DLLs for PDF Image Extraction in VB.NET. Document. Sample for extracting all images from PDF in VB.NET program. ' Open a document.
how to make pdf editable form reader; java read pdf form fields
207 FLASH, VIDEO & AUDIO
<!DOCTYPE html>
<html>
<head>
 <title>Adding a Flash Movie</title>
 <script type="text/javascript"
  src="http://ajax.googleapis.com/ajax/libs/
  swfobject/2.2/swfobject.js"></script>
 <script type="text/javascript">
  swfobject.embedSWF("flash/bird.swf",
  "bird", "400", "300", "8.0.0");</script>
</head>
<body>
 <div id="bird"><p>An animation of a bird taking 
  a shower</p></div>
</body>
</html>
chapter-09/adding-a-flash-movie.html
HTML
The most popular way of 
adding Flash into a web page 
is using JavaScript. There are 
several scripts that allow you 
to do this without an in-depth 
understanding of the JavaScript 
language.
The script we will be looking at 
here is called SWFObject. You 
can obtain a copy of it for free 
from Google, and you can see 
how we use it on the next page.
One advantage to using this 
technique is that it allows 
browsers to show alternative 
content for users whose 
browsers are not capable of 
showing Flash.
This technique uses a 
<div>
element to create a space where 
the Flash movie should sit. 
The 
<div>
element has an 
id
attribute whose value is used 
by the SWFObject script. In this 
example, the value of the 
id
attribute is 
bird
.
Inside the 
<div>
element you 
can place the alternative content 
for users who are not able to 
play Flash.
adding a Flash moVie 
To Your web Page
The SWFObject script will check 
to see if the user's browser can 
play the Flash movie. If it can, the 
script will replace the content of 
the 
<div>
with the 
.swf
file.
For users who cannot see the 
Flash movie, you could show a 
still from the movie instead. You 
might also like to consider using 
a text description of the Flash 
file.
If you use a text description as 
alternative content, then you can 
achieve two further benefits:
1. The text can be accessed by 
those with visual and/or physical 
impairments who are not able to 
interact with the Flash file. 
2. The text can be indexed by 
search engines (which are not as 
effective at indexing SWF files), 
increasing the chance that your 
content will be found.
C# PDF Image Extract Library: Select, copy, paste PDF images in C#
C# Project: DLLs for PDF Image Extraction. In Document. C# programming sample for extracting all images from PDF. // Open a document.
export pdf form data to excel spreadsheet; how to extract data from pdf file using java
C# PDF File Merge Library: Merge, append PDF files in C#.net, ASP.
Merge Microsoft Office Word, Excel and PowerPoint data to PDF form. PDF document splitting, PDF page reordering and PDF page image and text extraction.
how to extract data from pdf to excel; pdf data extractor
arTicle
208
FLASH, VIDEO & AUDIO
208
FLASH, VIDEO & AUDIO
ResuLT
In this example, the SWFObject 
script is hosted on Google's 
servers. We include the script in 
this web page using the first of 
the two 
<script>
elements.
The type attribute is used on the 
<script>
element to indicate 
that the script inside is written 
in JavaScript. The 
src
attribute 
tells the browser where to find 
the script.
The second 
<script>
element 
is used to tell the browser about 
the Flash movie, as well as which 
element it should replace. This 
element is actually telling the 
SWFObject script five pieces 
of information, which are in the 
brackets:
1. The location of the 
.swf
file: 
flash/bird.swf
2. The element that the Flash 
movie should replace, specified 
by the 
value
of the 
id
attribute 
on the 
<div>
element:
bird
3. The width of the Flash movie: 
400 px
4. The height of the Flash movie: 
300 px
5. The minimum version of the 
Flash player needed to view the 
movie:
Flash Player 8
C# PDF Page Extract Library: copy, paste, cut PDF pages in C#.net
document processing SDK supports PDF page extraction, copying and The portable document format, known as PDF document, is file that allows users to open & read
exporting pdf data to excel; extract pdf form data to xml
C# PDF Password Library: add, remove, edit PDF file password in C#
PDFDocument doc = PDFDocument.Open(intputFilePath, userPassword); // Define IsFillForm = true; // Content extraction is allowed true; // Add password to PDF file
extracting data from pdf into excel; extract data from pdf forms
209 FLASH, VIDEO & AUDIO
FormaTs
Movies are available in many 
formats (BluRay, DVD, VHS, 
to name a few). Online, there 
are even more video formats 
(including AVI, Flash Video, 
H264, MPEG, Ogg Theora, 
QuickTime, WebM, and 
Windows Media).
Just as your DVD player won't 
play a VHS cassette, browsers 
differ in what video formats they 
do and don't support.
In order for users to view your 
video online, you may need to 
convert it to another format.
The process of converting 
a video into another format 
is sometimes referred to as 
"encoding" the video. 
There are several apps available 
on the web that enable you to 
encode videos (such as 
www.
mirovideoconverter.com
).
PlaYers / Plugins
Browsers were initially designed 
to show text and images only. 
For this reason, browsers built 
prior to 2010 generally required 
another program called a player 
or plugin to to be installed in 
order to play video content.
These players and plugins only 
supported certain video formats.
Recently browsers have evolved 
to support the HTML5 
<video>
tag (which renders players and 
plugins obsolete).
Unfortunately, however, you 
cannot rely on every visitor to 
your website having a recent 
browser that supports this 
new HTML5 element and the 
browsers that do recognize the 
<video>
element require the 
video to be encoded in different 
formats.
aPProach
The easiest way to add video 
to your site is to use a hosted 
service such as YouTube or 
Vimeo.
However, there are some cases 
where using these services is 
not appropriate (as you will see 
on the next page) and you will 
want to host the video on your 
own site.
At the time of writing, to ensure 
most people can play your 
video content, it is considered 
best practice to use the HTML5 
<video>
element for browsers 
that support it, and also Flash 
video for those that do not.This 
means you would need to upload 
any videos you want to show in 
at least two different formats: 
WebM and MP4.
To add video to your site, there are two key 
issues to understand: file formats and video 
players/plugins.
undersTanding Video 
FormaTs and PlaYers
C# PDF - Extract Text from Scanned PDF Using OCR SDK
Field Data. Data: Auto Fill-in Field Data. Field: Insert Recognize scanned PDF document and output OCR result to class source code for ocr text extraction in .NET
using pdf forms to collect data; make pdf form editable in reader
C# TIFF: Use C#.NET Code to Extract Text from TIFF File
SDKs, C# users can easily add and perform text extraction functionality into Certainly, you may also render it to a PDF, Word or SVG Set the training data path
how to save filled out pdf form in reader; pdf data extraction open source
210
FLASH, VIDEO & AUDIO
adVanTages
Hosted video sites (such as 
YouTube) provide players that 
work with the majority of web 
browsers.
You do not need to worry about 
encoding your video since 
these sites allow you to upload 
your content in a range of 
formats. Once uploaded, they 
automatically convert your video 
into the various formats required 
by different browsers.
Web hosting companies often 
charge extra if you use a lot of 
bandwidth, and video files can 
be quite large. Therefore, it can 
cost you extra to host the videos 
on your own site. If your video 
is hosted on a site like YouTube 
or Vimeo, however, you do not 
need to pay for the bandwidth.
disadVanTages
Your video will be available on 
the site of the hosted service, 
so if you want the content to be 
exclusively available on your site 
(and not visible on other sites), 
you need to host the video on 
your own server and add your 
own player into the page.
Some services will limit what 
your video is allowed to include. 
For example, most prohibit 
the use of advertising within 
the video you upload (which 
prevents you from monetizing 
that content).
Some hosted services will play 
their own adverts before your 
video will begin, or even overlay 
them over the screen as your 
video is playing. The quality of 
video on some hosted services 
can also be limited.
The alTernaTiVe
If you want to host video on your 
own site - rather than a hosted 
service - a lot more work is 
involved in setting up your site to 
play the video.
We will be looking at two 
different ways that you can host 
your own videos: using both 
Flash Video and the HTML5 
<video>
element. 
In order to ensure that the 
maximum number of visitors to 
your site can see the video, you 
will need to use a combination of 
both of these techniques.
using hosTed
Video serVices
The easiest way to add a video to your site is 
to upload the video to a site like YouTube or 
Vimeo and use the features provided on their 
site to embed the video in your page.
211 FLASH, VIDEO & AUDIO
There are three steps you need to follow to add 
a Flash Video to your web page:
PreParing a Flash 
Video For Your siTe
1
conVerT Your Video 
inTo FlV FormaT
To play a Flash Video, you need 
to convert your video into FLV 
format. Since Flash 6, the Flash 
authoring environment has come 
with a Flash Video Encoder to 
convert videos into FLV format.
Some Flash video players 
also support  a format called 
H264 (and some video editing 
programs export video in this 
format).
Googling "FLV or H264 
converters" will allow you to find 
alternative encoding software.
2
Find an FlV PlaYer To 
PlaY The Video
You'll need a player written in 
Flash to play the FLV file. Its 
purpose is to hold the FLV movie 
and add controls such as 
play/pause. Here are two sites 
that offer FLV players:
www.osflv.com
www.longtailvideo.com
You do not need the Flash 
authoring environment to use 
either of these on your website.
3
include The PlaYer & 
Video in Your Page
You can include the player in 
your page using a JavaScript 
technique such as SWFObject, 
which was mentioned earlier in 
this chapter.
You will also need to tell the 
player where it can find the video  
file that you want it to play. 
(Some players have advanced 
features such as the ability 
to create playlists of multiple 
videos, or add a still picture 
before the video plays.)
I have provided a sample FLV 
file that you can use with the 
download code on the website 
(It is in a separate folder because 
the video files are large.)
In the following example, we will 
use the OS FLV player, which is 
a free, open-source Flash Video 
player. This is included in the 
download code. It only supports 
the FLV format (not H264).
In the following example, we will 
also be using the SWFObject 
JavaScript technique mentioned 
on pages 207-208.
arTicle
212
FLASH, VIDEO & AUDIO
212
FLASH, VIDEO & AUDIO
This example uses the OS FLV 
player to display a video called 
puppy.flv
, which has already 
been convered into FLV format.
You have already seen how to 
use SWFObject to embed a 
basic animation in a page, but 
sometimes Flash movies need 
information in order for them 
to work. In this example, the 
video player needs to know the 
path to the video it has to play, 
so SWFObject uses JavaScript 
variables to pass this information 
to the Flash movie. These are 
provided in the two lines of code 
that start with 
var
.
This particular player is not 
expecting any information in the 
flashvars
variable, so that is 
left empty.
The path to the movie is supplied 
in the variable called 
params.
var params = {movie:
"../videos/puppy.flv"};
The line after the variables is 
the one that tells the script to 
replace the HTML element 
with the video player. It is very 
similar to the one you saw in the 
earlier example that introduced 
SWFObject.
ResuLT
<!DOCTYPE html>
<html>
<head>
 <title>Adding a Flash Video</title>
 <script type="text/javascript" 
  src="http://ajax.googleapis.com/ajax/libs/
  swfobject/2.2/swfobject.js"></script>
 <script type="text/javascript">
  var flashvars = {};
  var params = {movie:"../video/puppy.flv"};
  swfobject.embedSWF("flash/splayer.swf", 
  "snow", "400", "320", "8.0.0", 
  flashvars, params);</script>
</head>
<body>
 <div id="snow"><p>A video of a puppy playing in 
  the snow</p></div>
</body>
</html>
chapter-09/adding-a-flash-video.html
HTML
adding a Flash Video 
To Your Pages
Different video players usually require information such as the path to the video in slightly different formats, but 
they usually come with examples and documentation to help you understand how to use them.
213 FLASH, VIDEO & AUDIO
suPPorT
The new HTML5 
<video>
element is only supported by 
recent browsers, so you cannot 
just use this one technique if you 
want everyone to be able to see 
your video (you need to combine 
this HTML5 with Flash Video).
digiTal righTs
At the time of writing, the 
<video>
element does not 
support any type of Digital 
Rights Management (DRM — 
sometimes referred to as copy 
protection). But a dedicated 
pirate will usually find a way 
around DRM.
FormaTs
Not all browsers support the 
same video formats. Therefore, 
you need to supply your video in 
more than one format.
To reach as many browsers as 
possible, you should provide the 
video in the following formats:
H264: IE and Safari
WebM: Android, Chrome, 
Firefox, Opera
Chrome, Firefox, and Opera have 
indicated that they will support 
a format called WebM. (Some 
Flash players also support H264, 
and WebM - which will save on 
the number of conversions).
conTrols
The browser supplies its own 
controls for the player, and 
these can vary from browser 
to browser. You can control the 
appearance of these controls 
using JavaScript (but that is 
beyond the scope of this book). 
in The browser
One of the problems with players 
such as the Flash Player is that 
they can behave inconsistently 
when elements such as menus 
drop over them, or the window is 
scaled up or down. The HTML5 
option solves these issues.
Despite the HTML5 
<video>
element being a 
very recent addition, it is enjoying widespread 
use. Here are some of the key issues to be 
aware of:
hTml5: PreParing Video 
For Your Pages
On page 222 you will see how 
to combine this HTML5 video 
technique with Flash Video to 
achieve wider reach.
I have provided a sample video in 
H264 and WebM format for you 
to try with the code downloads.
If you look at this example in 
Firefox and Opera you will see 
different controls when you 
hover over the video.
Documents you may be interested
Documents you may be interested