Πολυμεσικό Υλικό στο Internet: Συγχρονισμός, Επεξεργασία και Διακίνηση Συγχρονισμός Πολυμεσικών Εφαρμογών & Σχετικά Εργαλεία 19/11/2015 Β. Μάγκλαρης Μ.

Slides:



Advertisements
Similar presentations
HTML5, OVERVIEW AND NEW FEATURES PowerPoint by Mason O’Mara.
Advertisements

Πολυμεσικό Υλικό στο Internet: Συγχρονισμός, Επεξεργασία και Διακίνηση Συγχρονισμός Πολυμεσικών Εφαρμογών & Σχετικά Εργαλεία 13/11/2014 Β. Μάγκλαρης Μ.
A Presentation on H.323 Deepak Bote. , IM, blog…
Voice over IP Fundamentals
Security in VoIP Networks Juan C Pelaez Florida Atlantic University Security in VoIP Networks Juan C Pelaez Florida Atlantic University.
Packet Based Multimedia Communication Systems H.323 & Voice Over IP Outline 1. H.323 Components 2. H.323 Zone 3. Protocols specified by H Terminal.
24/08/2005 IP Telephony1 Guided by: Presented by: Dr.S.K.Ghosh Nitesh Jain 05IT6008 M.Tech 1 st year.
VoIP EE 548 Ashish Kapoor. Characteristics – Centralized and Distributed Control H.323 pushes call control functionality to the endpoint, while still.
10 C H A P T E R © 2001 The McGraw-Hill Companies, Inc. All Rights Reserved1 Streaming Media and Synchronized Multimedia One of the ways the Internet is.
HTML 5. What is HTML5? HTML5 will be the new standard for HTML, XHTML, and the HTML DOM. The previous version of HTML came in The web has changed.
HTML 5 Tutorial Chapter 1 Introduction. What is HTML5? HTML5 will be the new standard for HTML, XHTML, and the HTML DOM. The previous version of HTML.
Project 1 Introduction to HTML.
Chapter Concepts Review Markup Languages
Lecture 18. HTML5 and JavaScript Instructor: Jie Yang Department of Computer Science University of Massachusetts Lowell Exploring the Internet,
Define objects and their relationships to multimedia Explain the fundamentals of C, C++, Java, JavaScript, JScript, C#, ActiveX and VBScript Discuss security.
1st Project Introduction to HTML.
Chapter 14 Introduction to HTML
HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.
Chapter ONE Introduction to HTML.
Web Design Basic Concepts.
Session: 11. © Aptech Ltd. 2HTML5 Audio and Video / Session 11  Describe the need for multimedia in HTML5  List the supported media types in HTML5 
HTML5. What is HTML5? HTML5 will be the new standard for HTML. HTML5 is the next generation of HTML. HTML5 is still a work in progress. However, the major.
E0262 – MIS – Multimedia Storage Techniques SMIL – Synchronized Multimedia Integration Language.
HTML 5 New Standardization of HTML. I NTRODUCTION HTML5 is The New HTML Standard, New Elements New Attributes Full CSS3 Support Video and Audio 2D/3D.
Copyright © 2012 Certification Partners, LLC -- All Rights Reserved Lesson 5: Multimedia on the Web.
Chapter 1 Introduction to HTML, XHTML, and CSS
Computer Concepts 2014 Chapter 7 The Web and .
What is Web Design?  Web design is the creation of a Web page using hypertext or hypermedia to be viewed on the World Wide Web.
ITNW 1380 COOPERATIVE EDUCATION – NETWORKING Spring 2010 Seminar # 4 VOIP Network Solutions.
Protocols Suite By: Aleksandr Gidenko. What is H.323? H.323 is a multimedia conferencing protocol for voice, video and data over IP-based networks that.
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
Applied Communications Technology Voice Over IP (VOIP) nas1, April 2012 How does VOIP work? Why are we interested? What components does it have? What standards.
CIS 1310 – HTML & CSS 1 Introduction to the Internet.
Chapter 13-Tools for the World Wide Web. Overview Web servers. Web browsers. Web page makers and site builders. Plug-ins and delivery vehicles. Beyond.
1 How Streaming Media Works Bilguun Ginjbaatar IT 665 Nov 14, 2006.
Multimedia Over IP: RTP, RTCP, RTSP “Computer Science” Department of Informatics Athens University of Economics and Business Λουκάς Ελευθέριος.
McGraw-Hill/Irwin © 2004 by The McGraw-Hill Companies, Inc. All rights reserved. SMIL Ellen Pearlman Eileen Mullin Programming the Web Using XML.
Tutorial 7 Designing a Multimedia Web Site
Tutorial 7 Working with Multimedia. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition 2 Objectives Explore various multimedia applications.
Tutorial 7 Working with Multimedia. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition 2 Objectives Explore various multimedia applications.
Streaming Media A technique for transferring data on the Internet so it can be processed as a steady and continuous stream.
Introduction To Networking. Requirements for Internet connection Connections can be seen as 2 components: The physical connection: transfers signals between.
Streaming Media Control n The protocol components of the streaming n RTP/RTCP n RVSP n Real-Time Streaming Protocol (RTSP)
Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.
Session: 1. © Aptech Ltd. 2Introduction to the Web / Session 1  Explain the evolution of HTML  Explain the page structure used by HTML  List the drawbacks.
Omar A. Abouabdalla Network Research Group (USM) SIP – Functionality and Structure of the Protocol SIP – Functionality and Structure of the Protocol By.
UPLOAD / DOWNLOAD april  HTML5 is just the next iteration of HTML  Previous version was technically HTML 4.01, which incorporated XHTML 1.0.
How the Web Works Building a Website – Lesson 1. How People Access the Web Browsers People access websites using software called a web browser. To view.
CSE5803 Advanced Internet Protocols and Applications (14) Introduction Developed in recent years, for low cost phone calls (long distance in particular).
HTML 5 The Future of Web Development. What is HTML5? “HTML5 is a specification of how the web’s core language, HTML, should be formatted and utilized.
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
Copyright © 2002 Pearson Education, Inc. Slide 3-1 Internet II A consortium of more than 180 universities, government agencies, and private businesses.
Objective: To describe the evolution of the Internet and the Web. Explain the need for web standards. Describe universal design. Identify benefits of accessible.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
1 Internet Telephony: Architecture and Protocols an IETF Perspective Authors:Henning Schulzrinne, Jonathan Rosenberg. Presenter: Sambhrama Mundkur.
Postech DP&NM Lab Session Initiation Protocol (SIP) Date: Seongcheol Hong DP&NM Lab., Dept. of CSE, POSTECH Date: Seongcheol.
E.S. Cherdyntsev MULTIMEDIA NETWORKS. Enhancing the TCP/IP Protocol Stack to Support Functional Requirements of Distributed Multimedia Applications Chapter.
1 Survey of Profiles from Other Domains XMSF Profile SG 13 January 2004 Curt Blais and NPS MV3250 (Introduction to XML, 1st Quarter 2005) Katherine L.
Web Page Programming Terms. Chapter 1 Objectives Describe Internet and Understand Key terms Describe World Wide Web and its Key terms Identify types and.
HTML PROJECT #1 Project 1 Introduction to HTML. HTML Project 1: Introduction to HTML 2 Project Objectives 1.Describe the Internet and its associated key.
The HTML5 logo was introduced by W3C in 2010
VoIP ALLPPT.com _ Free PowerPoint Templates, Diagrams and Charts.
Chapter 1 Introduction to HTML.
Web Standards Web Design – Sec 2-3
HTML 5 Tutorial Chapter 1 Introduction.
Project 1 Introduction to HTML.
Web Standards Web Design – Sec 2-3
HTML 5 Training HTML 5 SYMANTICS [Notes to trainer:
Lesson 5: Multimedia on the Web
Presentation transcript:

Πολυμεσικό Υλικό στο Internet: Συγχρονισμός, Επεξεργασία και Διακίνηση Συγχρονισμός Πολυμεσικών Εφαρμογών & Σχετικά Εργαλεία 19/11/2015 Β. Μάγκλαρης Μ. Γραμματικού Δ. Καλογεράς

Outline Real-Time Protocols (RTP, RTCP, RTSP) ITU – H.323 Session Initiation Protocol (SIP) Synchronized Multimedia Integration Language (SMIL) A Rough History of Web Standards HTML5 Features

Real-Time Protocol (RTP) RTP: first published in 1996 by IETF RTP: Defines a standardized packet format for delivering audio and video over IP Networks Real-Time Protocol (RTP) – a framing protocol for real-time applications – there is no QoS in real time based on UDP protocol

Real-Time Control Protocol (RTCP) RTCP: RTCP protocol monitors transmission statistics and Quality of Service (QoS) and aids synchronization of multiple streams RTCP reports are sent in a multicast session To avoid network congestion, the protocol must include session bandwidth management – RTCP bandwidth usage should generally not exceed 5% of total session bandwidth – 25% of the RTCP bandwidth should be reserved to media sources at all times

Real Time Streaming Protocol (RTSP) RTSP is a network control protocol designed for use in entertainment and communications systems to control streaming media servers It was developed by RealNetworks, Netscape and Columbia University, with the first draft submitted to IETF in 1996 It was standardized by the Multiparty Multimedia Session Control Working Group (MMUSIC WG) of the IETF and published as RFC 2326 in 1998 RTSP: – An application-level protocol for control over the delivery of data with real- time properties – Controls streaming media servers – It is used for establishing and controlling media sessions between end points – RTSP servers use the Real-time Transport Protocol (RTP) in conjunction with Real-time Control Protocol (RTCP) for media stream delivery

ITU – H.323 (I) H.323 is a system specification that describes the use of several ITU-T and IETF protocols First version of H.323 was published by the ITU in November 1996 Defines the protocols to provide audio-visual communication sessions in any IP (Internet) infrastructure – Point-to-point – Multi-point (Multi-Conference Unit - MCU) H.323 addresses call signalling and control, multimedia transport and control, and bandwidth control for point-to-point and multi-point conferences H.323 call signalling – is based on the ITU-T Recommendation Q.931 protocol – is suited for transmitting calls across networks using a mixture of IP, PSTN, ISDN, and QSIG over ISDN

ITU – H.323 (II) Network Elements for H.323 system : – Terminals - the devices that users would normally encounter – Multipoint Control Units (MCUs) - responsible for managing multipoint conferences – Gateways - devices that enable communication between H.323 networks and other networks, such as PSTN or ISDN networks – Gatekeepers – provides a number of services such as : endpoint registration, address resolution, admission control, user authentication H.323 utilizes both ITU-defined codecs and codecs defined outside the ITU. Codecs that are widely implemented by H.323 equipment include: – Audio codecs: G.711, G.729 (including G.729a), G.723.1, G.726, G.722, G.728, Speex, AAC-LD – Text codecs: T.140 – Video codecs: H.261, H.263, H.264

Session Initiation Protocol (SIP) SIP: a signalling communication protocol, widely used for controlling multimedia communication sessions such as voice and video calls over Internet Protocol (IP) networks SIP was originally designed by Henning Schulzrinne and Mark Handley in 1996 Text Based (like HTTP) SIP address like : host Same services with Η.323 but : – H.323 MCU as a special purpose component – SIP: server-based multi conference SDP (Session Description Protocol) a format for describing streaming media (audio, video)

Synchronized Multimedia Integration Language (SMIL) SMIL version 1 : introduced 1999 It is written in XML and has similarities to HTML SMIL: a World Wide Web Consortium (W3C) recommended Extensible Markup Language (XML) to describe multimedia presentations Defines markup for : – timing – layout – animations – visual transitions – media embedding Presenting media items (text, images, video, audio, links) to other SMIL presentations, and files from multiple web servers

A Rough History of Web Standards (ref) 2004WHATWG started 2008W3C Working Draft 2012 (2010)W3C Candidate Rec 2022W3C Rec 1996 – CSS 1W3C Rec 1998 – CSS 2W3C Rec 1999 – CSS 3Proposed 2001 – CSS 3W3C Working Draft 2005 – CSS 2.1W3C Candidate Rec HTML 1HTML 2HTML 4XHTML 1 HTML 5 CSS 1CSS 2T-less DWeb 2.0CSS3 JSECMA, DOM DOM 2AjaxDOM, APIs HTML CSS

HTML5: more than HTML HTML5 Spec CSS3 (Cascading Style Sheet) Spec JavaScript to tie it all together

What’s new to HTML5 Simplified and Loose Syntax New Elements and Attributes Embedded Media (audio, video) Canvas Drag and Drop Geo-Location

Browser Support HTML5 is not yet an official standard - browsers have not full HTML5 support But all major browsers (Safari, Chrome, Firefox, Opera, Internet Explorer) continue to add new HTML5 features to their latest versions

HTML5 Video HTML5 specification introduced the element, partially replacing the element HTML5 video is intended to become the new standard way to show video on the web without plug-ins The element was proposed by Opera Software in February 2007

HTML5 Video Benefits End users have full control over the multimedia – HTML5 video and audio are keyboard-enabled by default, which is a great accessibility benefit End users do not need to install a plug-in to play them – Browser already has everything it needs to play movies/sound Video and audio content on the page can be manipulated – Two new elements that can be styled, moved, manipulated, stacked and rotated You can build your own controls using HTML, CSS and JavaScript – No new skills or development environment needed Simple interaction with the rest of the page – Multimedia API gives you full control over the video, and you can make the video react both to changes in the video itself and to the page around it

Using HTML5 Media Elements Your browser does not support the audio element. I'm sorry; your browser doesn't support HTML5 video in WebM with VP8 or MP4 with H.264.

MP4 or H.264: – codec supported by Apple and Microsoft – provides good quality video and small file sizes ogg/Theora: – free open standard for video encoding – it generates high quality videos with comparatively larger file sizes – hard to find tools to convert to ogg/Theora WebM: – uses the VP8 codec, owned by Google – high video quality, longer to encode than in H.264 – very difficult to encode, especially compared to the many free & commercial tools available for H.264 HTML5 Video - Codecs that Browsers Support

As of April 2010, in the wake of Apple iPad launch, a number of high-profile sites have started to serve H.264 HTML5 video instead of Flash for user-agents identifying as iPad On November 8, 2011, Adobe announced that it was ceasing development of the Flash Player "plug-in" for browsers on mobile devices, in an effort to shift its focus on using the ActionScript programming language and Adobe AIR to develop fully functional native apps for mobile Adobe – Apple Controversy

html5-video-and-audio-2/ html5-video-and-audio-2/ US/docs/Web/Guide/HTML/Using_HTML5_audio_and_video US/docs/Web/Guide/HTML/Using_HTML5_audio_and_video html5-videos html5-videos References