Tag Archives: css3

Musik entdecken. Musik hören. Musik Charts. Radio Charts.

Es gab schon seit einer Weile keinen neuen Beitrag auf webregard.de, Grund dafür ist, dass ich mich momentan sehr mit einem anderen Projekt beschäftige. Der Artikel-Titel lässt vermuten worum es geht. Radiozeug!

Radiozeug ist die praktische Landkarte für Musik, welche dich wirklich interessiert. Dort findest du ständig den neusten und beliebtesten Sound aus zahlreichen Radiosendern (momentan noch nicht ganz so viele) aus ganz Deutschland und auch bald aus dem Internet – zum reinhören, nachschauen und weitersagen. Somit bringt das Portal die Musik-Charts von morgen schon heute – neutral, interaktiv und praktisch.

Wie das funktioniert?

Die Web-App scannt konstant die Playlists der Radiosender – und erzeugt daraus die aktuellsten Musik-Charts, die es gibt. Man kann keinen seiner Lieblingssongs im Radio mehr verpassen – und wenn doch: einfach auf radiozeug nachschauen! Anstelle der üblichen, massenhaften und anonymen wöchentlichen Charts kann man auf hier eine individuell gewählte Playlist nutzen und diese bald auch weiter verfeinern: man kann auswählen, welche Sender oder Musikrichtung berücksichtigt werden soll, den Song auf youtube, tape.tv, spotify anhören, auf last.fm nachsehen und auf Portalen wie iTunes oder Amazon auch kaufen! Das alles ist kostenlos, topaktuell und kinderleicht. Natürlich dürfen die heiß geliebten Soundcloud-Charts nicht fehlen!

Der eingebundene Player und moderne HTML5 sowie CSS3 Technologien sorgen dafür,
dass man neben dem Anhören auch ungestört weiter Musik entdecken kann.

Der Netz-Spiegel!

In den Charts auf Radiozeug gibt es ein Wolken-Rating, welches zeigt wie beliebt der jeweilige Song im Netz in etwa ist. Sprich die Web-App schaut nach, wie häufig der Song auf Webdiensten wie Twitter, Facebook, LastFM etc. vorkommt. Dadurch sieht man wie Populär dieser Song dann ist.

Wie sieht die Zukunft aus?

Radiozeug hat viel Potential, da wären Geo-Located Charts, weitere Vernetzungen zu anderen Musik-Diensten / Plattformen sowie das einbinden weiterer Player. Ziel ist es, dem Besucher das entdecken und auch anhören von Musik auf legalem und modernem Weg des Möglichen bereit zu stellen. Es gibt ein eigenes Feedback Portal für Radiozeug, dort kann jeder ohne Anmeldung das Portal mitgestalten.

HTML5 sollte man jetzt schon berücksichtigen

Ganz genau, grundlegende Features werden von den gängigen Browsern schon unterstützt. Aber darum geht es noch gar nicht, denn im vollen Umfang kann man HTML5 wohl erst in einigen Monaten nutzen können. Doch der frühe Vogel fängt den Wurm. Daher heißt es für alle Webentwickler sich so langsam dran zu machen, denn der Mehrwert ist enorm, meiner Meinung nach!

Um einen keinen Eindruck zu hinterlassen, versuche mal in diesen Text hier reinzuklicken und etwas hinzuzufügen, alleine dies ist jetzt schon möglich. Doch das ist nur eine Spitze von vielen Eisbergen, das wohl interessanteste für die meisten wir das einache Einbinden von Audio und Video Dateien sein.

<video width=”640″ height=”480″ autoplay>
<source src=”test.mp4″ type=”video/mp4″ />
<source src=”test.ogv” type=”video/ogg” />
This browser is not compatible with HTML 5
</video>

Eine wirklich einprägsame Präsentation von HTML5 gibt es auf der Seite html5rocks.com, dort bekommt man in einer längeren Slideshow auch alle bisherigen Unterschiede aufgezeigt. Alternativ ist auch diveintohtml5.org sehr erklärend.

Das bisher beliebteste und scheinbar einsichtlichste Buch vom August 2010 ist “HTML5. Webseiten innovativ und zukunftssicher” von Peter Kröner, erschienen durch den Verlag Open Source Press.

Das vorliegende Buch zeigt Ihnen, wie Sie HTML5-Technologien wie Canvas, Multimedia-Embedding, Offline-Storage, semantisches Markup und vieles mehr bereits jetzt nutzen. So entwickeln Sie Websites und Online-Applikationen nach neuesten Maßstäben und erwerben das Know-how, das die Gestaltung des Web in den nächsten Jahren entscheidend prägen wird. (Auszug aus Amazon)

Regelmäßige Tests der W3C (Institution / Gremium zur Organisation der Web-Standards) zeigen die aktuelle Kompatibilität der verschiedenen Browser mit dem HTML5-Standards.

Was bedeutet HTML5 im vergleich zu bisherigen fortgeschrittenen HTML-Alternativen wie Flash? Dass Apple immer weiter weg von Flash drängt ist allgemein bekannt, so gibt es scheinbar eine Möglichkeit Flash-E-books in HTML5 E-Books umzuwandeln. Microsoft äußerte sich ebenso positiv gegenüber des neuen Web-Standards.

Im Zuge der HTML5 Erneuerung steht auch CSS3 mit auf der Tribühne. Auch hier gibt es Informationsseiten zum Thema. Der Animator Sencha bringt auch spielend leicht Bewegung “ins Bild”.

Seit 2000 ist CSS Level 3 in der Entwicklung[2]. Hier werden die Entwicklungen weiter vorangetrieben, die bereits bei CSS2 gestartet wurden. CSS3 wird im Gegensatz zu den Vorgängern modular aufgebaut sein, das heißt einzelne Teiltechniken (beispielsweise zur Steuerung der Sprachausgabe) haben ihren eigenen Entwicklungsrhythmus und Versionsschritte. So nähert sich CSS bei seinen Fähigkeiten mehr dem etablierten DSSSL (für SGML) an und stellt wohl auch in Zukunft noch eine attraktive Alternative zu XML-basierten Stylesheet-Sprachen wie XSL-FO dar. (Auszug aus Wikipedia)

Hoffe ich konnte es schmackhaft machen, ich kann es kaum erwarten in einem aktuellen Projekt mich bereits in die HTML5 Funnktionalitäten zu stürzen.