ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo
VIDEO AND AUDIO IN WEB
By Karthick Kumar V
VIDEO IN WEB OVERVIEW
? Flash vs HTML5
? Evolution of Video Streaming
? Types of Video Streaming
? Working of Video Streaming
? Video Streaming pros and cons
Flash vs. HTML5
? Flash
¨C Flash is well established as a video
delivery platform
? HTML5
¨C It add a video directly to the web page,
without the need of plugin
Flash vs. HTML5
Video in Web
¡ñ
Before HTML5, there was no standard for
showing videos on a web page.
? Before HTML5, videos could only be played
with a plug-in (like flash)
? The HTML5 <video> element specifies a
standard way to embed a video in a web
page.
Basic Video Embed
<html>
<body>
<video width="400" controls>
<source src=/slideshow/video-and-audio-streaming/51618656/"mov.mp4" type="video/mp4">
<source src="mov.ogg" type="video/ogg">
</video>
</body>
</html>
Streaming Video
¡ñ
Streaming video is content sent in
compressed form over the Internet and
displayed by the viewer in real time.
¡ñ
A Web user does not have to wait to
download a file to play it. Instead, the media
is sent in a continuous stream of data and is
played as it arrives.
Evolution of Video Streaming
¡ñ
File Download
¡ñ
Progressive Download
¡ñ
Pseudo Streaming
¡ñ
Adaptive Bitrate Streaming
Types of Streaming Video
¡ñ
Progressive Download
Types of Streaming Video
¡ñ
Real Time Streaming Protocol
Types of Streaming Video
¡ñ
Adaptive HTTP Streaming
How Streaming Works
¡ñ
Webcasting
¡ñ
Real-Time Streaming Protocol
¡ñ
Codecs
¡ñ
Unicasting
Webcasting
¡ñ
Webcast is a media presentation to distribute
a single content source to many simultaneous
listeners/viewers.
¡ñ
Broadcasting over the Internet.
¡ñ
It is used for "live-live" transmission.
Real-Time Streaming Protocol
¡ñ
The RTSP is a network control protocol
designed to control streaming media servers.
¡ñ
When you go to a streaming media site,
you're generally redirected to a separate
streaming server.
¡ñ
There are typically different versions of each
file that have been optimized for different
connection speeds.
Codecs
¡ñ
A codec is a program capable of encoding or
decoding a digital data stream or signal.
¡ñ
Video files have to be compressed and then
encode and decode before they can be
streamed.
Unicasting
¡ñ
In unicasting each client takes a separate
stream from the server.
¡ñ
So different people will start streaming the
same video or audio program at different
times.
Streaming Video Pro ans Cons
AUDIO IN WEB OVERVIEW
? Audio Features
? Audio in Web
? Audio Streaming
? Audio Streaming Protocols
Audio File Features
? Audio file is a record of captured sound that
can be played back
¨C Mp3 file is an example
? Audio files are compressed for storage and
faster transmission
? Requires high bandwidth to transfer across
the network and the Internet
Audio in Web
¡ñ
Before HTML5, audio files could only
be played with a plug-in (like flash)
¡ñ
The HTML5 <audio> element specifies
a standard way to embed audio in a
web page.
Basic Audio Embed
<html>
<body>
<audio controls>
<source src=/slideshow/video-and-audio-streaming/51618656/"music.ogg" type="audio/ogg">
<source src="music.mp3" type="audio/mpeg">
</audio>
</body>
</html>
How Streaming works
¡ñ
VoIP means making telephone calls
using your computer, with the sound of
your voice converted to digital data.
¡ñ
That travels over the Internet using the
Internet Protocol.
The End

More Related Content

Video and Audio Streaming

  • 1. VIDEO AND AUDIO IN WEB By Karthick Kumar V
  • 2. VIDEO IN WEB OVERVIEW ? Flash vs HTML5 ? Evolution of Video Streaming ? Types of Video Streaming ? Working of Video Streaming ? Video Streaming pros and cons
  • 3. Flash vs. HTML5 ? Flash ¨C Flash is well established as a video delivery platform ? HTML5 ¨C It add a video directly to the web page, without the need of plugin
  • 5. Video in Web ¡ñ Before HTML5, there was no standard for showing videos on a web page. ? Before HTML5, videos could only be played with a plug-in (like flash) ? The HTML5 <video> element specifies a standard way to embed a video in a web page.
  • 6. Basic Video Embed <html> <body> <video width="400" controls> <source src=/slideshow/video-and-audio-streaming/51618656/"mov.mp4" type="video/mp4"> <source src="mov.ogg" type="video/ogg"> </video> </body> </html>
  • 7. Streaming Video ¡ñ Streaming video is content sent in compressed form over the Internet and displayed by the viewer in real time. ¡ñ A Web user does not have to wait to download a file to play it. Instead, the media is sent in a continuous stream of data and is played as it arrives.
  • 8. Evolution of Video Streaming ¡ñ File Download ¡ñ Progressive Download ¡ñ Pseudo Streaming ¡ñ Adaptive Bitrate Streaming
  • 9. Types of Streaming Video ¡ñ Progressive Download
  • 10. Types of Streaming Video ¡ñ Real Time Streaming Protocol
  • 11. Types of Streaming Video ¡ñ Adaptive HTTP Streaming
  • 12. How Streaming Works ¡ñ Webcasting ¡ñ Real-Time Streaming Protocol ¡ñ Codecs ¡ñ Unicasting
  • 13. Webcasting ¡ñ Webcast is a media presentation to distribute a single content source to many simultaneous listeners/viewers. ¡ñ Broadcasting over the Internet. ¡ñ It is used for "live-live" transmission.
  • 14. Real-Time Streaming Protocol ¡ñ The RTSP is a network control protocol designed to control streaming media servers. ¡ñ When you go to a streaming media site, you're generally redirected to a separate streaming server. ¡ñ There are typically different versions of each file that have been optimized for different connection speeds.
  • 15. Codecs ¡ñ A codec is a program capable of encoding or decoding a digital data stream or signal. ¡ñ Video files have to be compressed and then encode and decode before they can be streamed.
  • 16. Unicasting ¡ñ In unicasting each client takes a separate stream from the server. ¡ñ So different people will start streaming the same video or audio program at different times.
  • 18. AUDIO IN WEB OVERVIEW ? Audio Features ? Audio in Web ? Audio Streaming ? Audio Streaming Protocols
  • 19. Audio File Features ? Audio file is a record of captured sound that can be played back ¨C Mp3 file is an example ? Audio files are compressed for storage and faster transmission ? Requires high bandwidth to transfer across the network and the Internet
  • 20. Audio in Web ¡ñ Before HTML5, audio files could only be played with a plug-in (like flash) ¡ñ The HTML5 <audio> element specifies a standard way to embed audio in a web page.
  • 21. Basic Audio Embed <html> <body> <audio controls> <source src=/slideshow/video-and-audio-streaming/51618656/"music.ogg" type="audio/ogg"> <source src="music.mp3" type="audio/mpeg"> </audio> </body> </html>
  • 22. How Streaming works ¡ñ VoIP means making telephone calls using your computer, with the sound of your voice converted to digital data. ¡ñ That travels over the Internet using the Internet Protocol.