JavaScript: PrettyPhoto Video für iOS anpassen

31/03/2011

Ich habe für einige Seiten PrettyPhoto in Verbindung mit dem Flowplayer genutzt, um Videos einzubinden. Da die Filme als mp4 vorliegen und die Seiten auch für das iPad&Co nutzbar sein sollen, waren hier einige Anpassungen an PrettyPhoto selbst notwendig. Zunächst sollten die Videos auch ohne aktiviertes JavaScript abspielbar sein, hierzu wurde ein PHP-Seite erstellt, die zwischen iOS und anderen Geräten unterscheiden kann und die mp4 Dateien entsprechen einbindet (FlashObject oder HTML5-Video-Tag für iOS). Die Links zu die dieser Seite (player.php?url=/media/meinfilm.mp4) wurde entsprechend eingefügt.Ist nun JavaScript aktiv werden diese Links (rel="prettyphoto") entsprechend umgebaut. Alle nicht-iOS Geräte zeigen in einer PrettyPhoto-Box den Inhalt der Player.php (in einem iFrame) an, hierzu wird zumindest iframe=true an den Link angehängt. iOS Geräte gehen etwas weiter und ersetzen zunächst den Link zur Player.php gegen den direkten Link zur mp4-Datei. Nun kommt eine kleine eigene Anpassung in der PrettyPhoto.js zum Tragen, nämlich else if (itemSrc.match(/\b.mov\b/i)|| ((navigator.userAgent.indexOf('iPad')>-1 || navigator.userAgent.indexOf('iPhone')>-1 || navigator.userAgent.indexOf('iPod')>-1) && (itemSrc.indexOf('.mp4') != -1))) { return 'quicktime'; Auf diesem Weg wird unter iOS das Video direkt in ein Overlay eingebunden (als Quicktime Object).Diese Anpassung war notwendig, da das Video in dem sonst genutztem iFrame nicht 100%ig zentriert wurde...

Fazit: Es scheint eine recht solide Weise zu sein, Videos einzubinden. Vielleicht sollte man eine zentrale Stelle definieren, auf die JavaScript und PHP zugreifen, die die Bedingungen für iOS definiert. Am schönsten wäre es, wenn die PHP, sowie JavaScript-Lösung das Video über einen HTML-5-Video-Tag einbinden würden, neben iOS gibt es schließlich ja auch noch Android und WebOS... to be continued
No Comments

Ja das Ding macht süchtig

2/10/2009
...und damit hat es angefangen





1 Comment

May I introduce PoddyBongo

25/09/2009
Ja, nach einer gefühlten Ewigkeit habe ich mir endlich einen iPod Touch zugelegt. Der kleine PoddyBongo hat stattliche 32Gb und lässt mich so langsam den iPhone und iPod Touch- Hype etwas besser verstehen. Geiles Teil! Bin mal gespannt wie lange die Faszination anhält =) Posted with my iPod Touch
1 Comment

Neuer iPod hat einen 802.11n Chip

13/09/2009
Jetzt freue ich mich noch um so mehr auf den neuen iPod Touch. Bin mal gespannt, wie schnell der kleinen damit Daten über das Netzwerk schupsen wird =)
No Comments

Hat sich schon mal jemand gefragt…

1/10/2008
wie die so rumturnen können, ohne dass Ihnen die iPod Kopfhörer aus dem Ohr fallen? Ich tippe auf so etwas wie iGlue-InEar.
No Comments

Besserer Klang aus meinem iPod

28/08/2008

Vorgeschichte

Vor ein paar Tagen kam ich zu Testzwecken an ein Shure SE210 In-Ear-Kopfhörer, die ich an meinem iPod testete. Schöne Klavier-Musik, Techno, Rock.... und ein so klarer Klang, dass mir erst einmal bewusst wurde, wie bescheiden Apple Lossless auf meinem iPod Photo klingt. Nun, es lag nicht an dem Kopfhörer oder an den Titeln, die ja verlustfrei abgespeichert wurden, sonder wohl an dem iPod, der bei der Ausgabe in bestimmten Frequenzen (gerade bei Klavier-Musik) verzerrte und den Ton verfläschte. Ein weitere Hörprobe über meine M-Audio-Soundkarte
(FastTrack Pro) brachte erst einmal das Potentional der Kopfhörer zum Vorschein (soweit ich das beurteilen kann....). Read the rest of this article »
No Comments

iPod Playlisten über den Finder kopieren

5/08/2008
Es kann einen schon zur Weißglut bringen, wenn man seine schöne OnTheGo-Playliste nicht mehr vom iPod sichern kann, für solche und andere Fälle gibt es natürlich einen Haufen Tools, mit denen man den iPod kopieren kann. Aber kaum eines ist so simple, klein und elegant wie iTunesFS. Der iPod mit allen Playlisten wird einfach als Volumen gemountet (MacFuse lässt grüßen) und man kann einfach die Playlisten kopieren. Genial, simpel und mit 140 kbyte angenehm klein.
No Comments