Video Thumbnails

Wenn ich ein Video von YouTube oder Vimeo teile, möchte ich dazu immer das passende Thumbnail verwenden, daher habe ich auch weiterhin Bedarf nach einem Tool welches mir dieses Bild möglichst einfach und schnell zur Verfügung stellt.

Im Juni 2012 veröffentlichte ich mein erstes Tool über video.depone.eu, mit dem es möglich war durch die Eingabe der Vimeo-ID eines Videos das entsprechende Thumbnail zu bekommen. Wurde aber das Thumbnail eines Videos gebraucht, das auf Youtube gehostet war, musste ein anderes Formular verwendet werden.

Dieses Tool war im Einsatz bis ich meinen Hosting-Anbieter wechselte. Nach dem Wechsel zögerte ich es direkt weiter zu betreiben, da sich die API von Youtube geändert hatte, und es somit nur noch teilweise funktionierte. Darüber hinaus wollte ich es gerne vereinfachen. Die Abfrage für Thumbnails sollte über ein Formular erfolgen, egal ob das Video bei Vimeo oder Youtube gehostet war. Und ich wollte es möglich machen, dass die gesamte URL des Videos ins Formular kopieren werden konnte.

Das Ziel war also gesteckt. Ich wollte das Tool vereinfachen und für die Abfrage der Thumbnails reines JavaScript verwenden. Die Frage nach dem richtigen Zeitpunkt war jedoch noch offen … als ich letzte Woche krankheitsbedingt eine Pause einlegen musste, bot sich die Gelegenheit die notwendigen Zeilen Code zu schreiben.

Für die Kommunikation mit der API von Vimeo hatte ich bisher nur Beispiele gefunden, die jQuery erfordern. Da mein kleines Tool unter 10kB liegt, erschien mir die Nutzung eines Frameworks mit 80kB als unangemessen, und so machte ich mich auf die Suche nach einer funktionierenden Abfrage der API mit reinem JavaScript. Um mit der API von Vimeo zu sprechen war ich dankbar um die Entwicklerseite von Mozilla und JS Bin, wo ich den Stand meines Wissens direkt testen konnte, die erfolgreiche Abfrage befindet sich in diesem Bin.

Und so nahm das überarbeitete Tool langsam Gestalt an:

Get Thumbnail of a Video

Den Code stelle ich in diesem Repository auf GitHub zur Verfügung. Auf diese Weise ist sichtbar wie es funktioniert, andere können direkt zum Code Ideen, Wünsche und Rückmeldungen abgeben und darauf aufbauen.

Ich habe das Tool auch deswegen auf GitHub veröffentlicht um es weiter zu entwickeln und hübscher zu machen. Momentan fehlen vor Allem noch Fehlermeldungen, die auf die Ursache aufmerksam machen, weshalb eine Abfrage nicht geklappt hat. Meine Idee, das Thumbnail eines Videos per Copy & Paste und einen Klick zu bekommt erfüllt es.

Feedback könnt ihr mir gerne als Kommentar, Nachricht oder per Twitter zukommen lassen.

Schreib’ einen Kommentar

*