Heute hat Mozilla die Betaversion auf Firefox 22 veröffentlicht und stellt mit dieser Version eine große Anzahl von Neuheiten bereit. Unter anderem unterstützt der Browser nun auch WebRTC komplett. Außerdem sind WebNotifications, Clipboard API und asm.js-Unterstützung in den Fuchs eingezogen.
Im Folgenden möchte ich kurz die wichtigsten Neuerungen mit einem kurzen Beispiel vorstellen:
WebRTC
WebRTC ermöglicht den Zugriff auf Kamera und Mikrofon und macht es möglich direkte Verbindungen zwischen Browsern herzustellen, um zum Beispiel einen Videochat zu realisieren.
button.addEventListener(“click”, function(){ navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia;
navigator.getUserMedia({video: true, audio: true}, function(stream) { video.src = window.URL.createObjectURL(stream); }, function(){ alert(“Fehler! Womöglich wird Ihr Browser (noch) nicht unterstützt!”); });
}, false);
Das geschieht durch folgenden Code:
1<video width="300" height="200" autoplay id="video-webrtc"></video>
2<br/>
3<button id="button-webrtc">Zugriff auf Kamera testen</button>
4<script type="text/javascript">
5 var button = document.getElementById("button-webrtc");
6 var video = document.getElementById("video-webrtc");
7
8 button.addEventListener("click", function(){
9 navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia;
10
11 navigator.getUserMedia({video: true, audio: true}, function(stream) {
12 video.src = window.URL.createObjectURL(stream);
13 }, function(){
14 alert("Fehler! Womöglich wird Ihr Browser (noch) nicht unterstützt!");
15 });
16
17 }, false);
18</script>WebNotifications
Durch diese API ist es möglich Benachrichtigungen auf dem Desktop des Benutzers auszugeben, auch wenn dieser die Webseite in einem anderen Tab oder Fenster geöffnet hat. Gedacht ist es vor allem für das Anzeigen von neuen Nachrichten oder Ähnlichem.
Dazu bedarf es folgendem Code:
1<button id="button-webnotifications-allow">erlauben</button>
2<button id="button-webnotifications-show">anzeigen</button>
3
4<script type="text/javascript">
5 var button_allow = document.getElementById("button-webnotifications-allow");
6 var button_show = document.getElementById("button-webnotifications-show");
7
8 button_allow.addEventListener("click", function(){
9 window.Notification.requestPermission();
10 }, false);
11
12 button_show.addEventListener("click", function(){
13 new window.Notification("Hallo", {"body":"Welt!"});
14 }, false);
15</script>