Die Älteren unter uns erinnern sich bestimmt noch an Winamp, das Ende der 90er Jahre DER Mediaplayer war.
Wer jetzt noch ein paar MP3s auf seiner Festplatte herumliegen hat und in Nostalgie schweben möchte, sollte einen Blick auf Webamp wagen.
Hierbei handelt es sich um einen voll funktionsfähigen Nachbau von Winamp 2.9 in HTML5 und Javascript. Dope! 😎
Mehr Infos zur Umsetzung und den Features dieser Webapp finden sich bei Github und diesem Twitter-Thread.
Unter OS X nutze ich seit etlichen Jahren Fluid, um aus Webseiten native Apps zu basteln. Ich nenne nur mal WordPress, zur Verwaltung dieses Blogs, Facebook, Trello oder auch WhatsApp (Web).
Gleiches funktioniert, plattformübergreifend aber weniger endnutzerfreundlich, mit dem Chromium-Framework Electron (fka Atom Shell). Genau an dieser Stelle kommt ein Node.js Paket namens Nativefier ins Spiel, das sich dieser Sache annimmt und schlussendlich mit nur einem simplen Befehl in der Kommandozeile aus Webseiten native Apps für Windows, Linux oder OS X erstellt.
Nativefier is a command line tool that allows you to easily create a desktop application for any web site with succinct and minimal configuration. Apps are wrapped by Electron in an OS executable (.app, .exe, etc.) for use on Windows, OSX and Linux.
1.
In einem ersten Schritt muss Node.js installiert werden. Hier kann man entweder den direkten Weg oder die Webseite oder indirekten Weg über Homebrew nehmen. In diesem Zusammenhang weise ich gerne noch mal auf das oben im Screenshot zu sehende Cakebrew, das nichts anderes als eine GUI für Homebrew ist, hin.
brew update
brew doctor
brew install node
2.
Anschließend installiert man Nativefier mit folgendem Terminal-Befehl:
npm install nativefier -g
3.
Das war es quasi auch schon. Ab sofort kann man für jede Webseite mit nur einem Befehl in der Kommandozeile eine App erstellen.
nativefier "http://aptgetupdate.de"
Dazu gibt es eine Reihe von Optionen, mit der man die App mit Hinsicht auf das Icon oder die Standardauflösung anpassen kann.
Kurznews:
Der Open Source Code Editor Brackets, den ich während seine ausgiebigen Beta-Phase schon mal angesprochen hatte, hat seit gestern Abend die finale Version 1.0 erreicht.
Ich persönlich nutze die App, deren Funktionen durch unzählige Extensions (fast) beliebig erweiterbar ist, mittlerweile recht gerne. Web- oder Front-End-Entwickler, die Brackets noch gar nicht kennen, sollten definitiv einen Blick riskieren.
Bei Brackets handelt es sich um einen open source Code-Editor für Webdesigner und Front-End-Entwickler, der zum Schreiben von HTML, JavaScript und CSS-Dateien optimiert ist.
Neben vielen Annehmlichkeiten wie Syntax-Highlighting, Autovervollständigung, Theseus-Integration oder Quick Edit unterstützt Brackets eine Live Preview im Browser. Ändert man etwas am Code, wird diese Änderung ohne Reload-Knopf direkt im Browser aktualisiert. Dazu kann man die Funktionen der App über Extensions erweitern.
youtube/watch?v=VKitqLpJtAY
Brackets unterliegt einer sehr aktiven Entwicklung (es lohnt sich definitiv ein Blick in die Releases-Sektion), wird von Adobe betreut und ist unter der MIT Lizenz veröffentlicht.
Was vor zwei, drei Jahren noch aus Ausnahme galt, ist mittlerweile die Regel: Games im Browser auf Basis von HTML5/JavaScript spielen…
Neben den üblichen Verdächtigen wie Angry Birds, Cut the Rope, FreeCiv oder Super Mario Bros. möchte ich auf Skytte aufmerksam machen.
Hierbei handelt es sich um ein klassisches Shoot’em up Spiel, bei dem man in Sidescrolling-Manier diverse Gegner aus dem Weg räumen muss.
-> http://www.merixstudio.com/skytte
(via)
—
Bitte daran denken, dass sich unsere Feed-Adressen geändert haben.
Das Thema Emulation und C64 hatte ich schon das eine oder andere Mal hier im Blog besprochen.
Wer sich weniger für die Spiele und vielmehr die Chiptunes interessiert, sollte jetzt hellhörig werden:
Google Chrome oder Firefox 26 (Nightly) vorausgesetzt, kann man auf im Screenshot zur sehender Webseite verschiedene Chiptunes anhören; umgesetzt mit HTML5.
This page does not use any plugins but is based exclusively on the draft version Web Audio API. You’ll need Chrome or Firefox 26 (Nightly) to make it play the music. The visual effects work best in Chrome. (If Firefox passes out – press ‚reload’… it’s experimental.)
Contrarry to most other HTML5 based pages out there, the music here is NOT based on OscillatorNode based waveforms or the playback of some sampledata file. Instead the samples here are completely calculated within JavaScript. The respective logic emulates a C64 and plays back an original *.sid file.
-> http://www.wothke.ch/experimental/TinyJsSid.html
(via)
Vorsicht!!! Ganz grandioser Zeitverbrenner im Anmarsch.
Bombermine ist ein Online-Multiplayer Spiel, das uns den Klassiker Bomberman im Deathmatch gegen bis zu 1.000 andere Mitspieler im Webbrowser zocken lässt.
Das Ganze ist kostenlos und basiert u.a. auf JavaScript und HTML5; benötigt also keine Plugins oder Browser Extensions.