Udostępnianie mediów lokalnych przeglądarce internetowej z wykorzystaniem techniki WebRTC

Wprowadzenie nowej wersji standardu języka HTML, HTML 5, zaowocowało szeregiem nowych możliwości. Strony WWW otrzymały, między innymi, możliwość odtwarzania informacji multimedialnej w czasie rzeczywistym za pomocą wewnętrznych odtwarzarek przeglądarki (na podobnej zasadzie, na jakiej dotychczas wyświetlane były, np., obrazy), a nie za pomocą zewnętrznych obiektów osadzanych na stronie. Dzięki szerszemu niż dotychczas zastosowaniu języka JavaScript zwiększono również funkcjonalność takiego odtwarzania. Jednym z przykładów zwiększonej funkcjonalności jest technika WebRTC umożliwiająca, między innymi, budowę stron WWW z elementami funkcjonalnymi odpowiadającymi w pełni interaktywnym aplikacjom multimedialnym. Budowa systemu monitoringu, dla którego interfejsem użytkownika jest strona WWW, kontakt z ewentualnym kontrahentem za pomocą (wideo)telefonu uruchamianego wprost na stronie WWW firmy czy kontakt (wideo)telefoniczny klienta z biurem obsługi za pomocą strony (zamiast, jak dotychczas, z wykorzystaniem czatu) to tylko niektóre z potencjalnych zastosowań tej techniki. W artykule omówiony został fragment WebRTC odpowiedzialny za udostępnianie mediów lokalnych (audio i wideo) przeglądarce WWW. Pokazano sposób realizacji takiego udostępniania za pomocą funkcji getUserMedia. Algorytm udostępniania omówiono na przykładzie podglądu obrazu z kamery internetowej.

The Web Real-Time Communications (WebRTC) is a Web-oriented technique, associated with the HTML 5 standard, which allows programmers to use Web pages as user interfaces for real-time, usually interactive, communication. The aim of this review paper is to show the first stage of the WebRTC programming, i.e. getting user's media stream. The paper describes usage of the WebRTC for delivering local media (audio, video) to the local browser, which can share them with other browsers and/or show them locally, in the local video element of the HTML 5. An example of simple and effective video preview is an illustration of the discussion presented in the paper.