SIP Connector
Habe in den letzten Tagen einen SIP Connector mit NodeJS realisiert. D.h. eine NodeJS oder NW.js App kann sich via SIP an einer Telefon-Anlage, in meinem Fall einer Fritzbox, anmelden und signalisiert einkommende Anrufe mittels Ausgabe der Anrufernummer. Die App wird dabei als VOIP-Endgerät bei der Telefon-Anlage registriert. Für die Zukunft werde ich dieses System wohl auch auf PHP übertragen, um es für Intranet-PHP-Anwendungen verfügbar zu haben. Denkbar ist auch ein Test für JavaScript-Websockets, damit dies im Browser realisiert werden könnte. Für Entwicklungen auf diesem Gebiet, nehmen Sie gerne mit mir Kontakt auf.
Apache Cordova App Entwicklung
Zur Zeit bin ich gerade dabei, Apache Cordova zu testen, ein vielversprechendes Framework, um Mobile-Apps in JavaScript, HTML und CSS zu programmieren. Cordova lässt sich auch in Netbeans integrieren. Eine erste Test-App konnte ich in Kürze realisieren. Etwas problematisch sind die Versionen der Cordova-Plugins. Viele sind nicht mehr aktuell, welche von Netbeans standardmässig integriert werden. Da muss man sich ein wenig durch Versions-Konflikte durchkämpfen; aber ansonsten funktionierte alles bestens. Der Vorteil von Cordova ist, dass man mit einem Code Apps für mehrere mobile OS erstellen kann, ohne dass man verschiedene Programmiersprachen anwenden oder auf teure Entwicklungsumgebungen zurückgreifen muss. Cordova bedient sich eines WebViews zur Anzeige und zur Laufzeit und greift…
3D-Canvas HTML5
Mit Google Chrome, HTML5 und der 3D-Library Three.js lassen sich rasch ansehnliche Effekte erzielen:
Razberry – Z-Wave-Haus-Automation
Zur Zeit arbeite ich gerade an Test mit dem Razberry-Z-Wave-Interface. Dies ist ein Aufsteck-Modul, das den Raspberry Pi Z-Wave-fähig macht. Dazu wird noch ein API mitgeliefert, das man z.B. per jQuery ansprechen kann, und man somit seine eigene Haus-Automation per Web-Browser zusammenbasteln kann. Noch ein Tipp: Für den Raspberry gibt es bei Conrad auch ein nettes Gehäuse, in welchem sogar der Razberry Platz findet.
HTML-5-Canvas-Beispiel
Mit dem HTML-Canvas-Objekt kann man eine Menge grafischer Programme realisieren. Hier habe ich ein Beispiel programmiert, welches auf dem Canvas-2D-Context aufbaut und auch die Farbverlaufs-Routinen verwendet: Ihr Browser unterstützt das HTML5 Canvas-Tag nicht.
Web Audio API – Audio-Buffer aufnehmen und wiedergeben
Endlich ist es mir gelungen, mit der Web Audio API von Google-Chrome eine Audio-Aufnahme vom Mikrofon vorzunehmen und diese wiederzugeben, ohne das Audio-Tag zu verwenden. Die Daten werden in einen Audio-Buffer gespeichert und können so nachbearbeitet werden. Auch gelang es mir, zwei verschiedene Audio-Buffer zu mischen, was eigentlich gar nicht so schwierig ist. Hier ein Beispiel, wie man Audio vom Mikrofon aufnimmt und wiedergibt (funktioniert auf Google Chrome Canary. Andere weiss ich nicht): var audio_context; var mic; var tmpBuffer; var offset=0; try { window.AudioContext = window.AudioContext || window.webkitAudioContext; navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia; window.URL = window.URL || window.webkitURL; audio_context = new AudioContext; console.log(‘Audio context eingerichtet.’); } catch (e) {alert(‘Ihr Web-Browser unterstuetzt…
Kleines JQuery-Beispiel
Auf http://eigene-webseite-erstellen.ch/jquery-beispiel-bild-ein-und-ausblenden/ habe ich ein kleines JQuery-Beispiel veröffentlicht. Dabei geht ums Ein- oder Ausblenden von DOM-Elementen.
JavaScript dynamisch laden
Eine sehr hilfreiche Funktion von JQuery ist die getScript-Funktion. Damit lassen sich JavaScript-Dateien dynamisch nachladen. Auch lassen sich damit sogar PHP-Aufrufe realisieren, die JavaScript zurückgeben. Wirklich sehr gelungen. Ich finde das gut, weil man so nicht auf Browser-spezifische Details eingehen muss, sondern die Sorgen JQuery überlassen kann.
Formular absenden ohne Reload der Seite
Angenommen, man hat diesen Formular-Code in einer HTML-Seite, so kann man mit dem sich darunter befindenden Code ein Formular ohne Reload der Seite absenden. <form id=”sender” method=”post”> <input type=”hidden” name=”sendData” id=”sendData” value=”testdaten”> <input type=”submit” value=”Senden” class=”button”> </form> $(function(){ $(“.button”).click(function(){ var sendData = $(“input#sendData”).val(); var dataString = “sendData=”+sendData; $.ajax( {type:”POST”, url: “http://meinserver.com”, data: dataString, success: alert(“Daten gesendet”)} ); return false; }); }); Voraussetzung ist das JQuery-Framework, mit welchem der obige Code funktioniert.
Mit Jquery ein Formular absenden
Hier noch der Link, wie man mit Jquery ein Formular absendet, ohne dass die Seite neu geladen wird: http://net.tutsplus.com/tutorials/javascript-ajax/submit-a-form-without-page-refresh-using-jquery/ Die Seite ist in Englisch. Ich werde demnächst noch Erläuterungen in Deutsch dazu veröffentlichen.
