Welches Medium sonst, kann ein derart breites Spektrum an Kommunikations-kanälen gleichzeitig bedienen ?

 

Lab5 Mobile Videos - Player Module supporting Mobile Devices, Flash and HTML5 no-Flash Browsers

Mod Lab5 Mobile Videos - Design

Lab5 - Webdesign Schweiz
joomla 1.5 joomla 1.6 joomla 1.7 joomla 2.5

Lab5 Mobile Videos - Player Module for Mobile Devices, Flash enabled and HTML5 no-Flash Browsers in particular.

Mod Lab5 Mobile Videos - Module Manager Mod Lab5 Mobile Videos - Edit - Manual and Help Mod Lab5 Mobile Videos - Edit - Player
Mod Lab5 Mobile Videos - Edit - Playlist Mod Lab5 Mobile Videos - Edit - HTML-Pretest and HTML Posttext Mod Lab5 Mobile Videos - Edit - Compatibility

Please rate the module on JED (Joomla! Extensions Directory) : >> rate here <<

This module is supposed to bridge the following gaps :


Video format
Browser  Ogg Theora H.264 WebM / VP8
Firefox Supported Not supported Supported
Chrome Supported Not supported Supported
Opera Supported Not supported Supported
IE 7/8 no support no support no support
IE 9 Not supported Supported If user installs codec
Safari Not supported Supported Not supported
iPhone / iPad Not supported Supported Not supported

Some interesting links about this topic :

http://www.quirksmode.org/html5/tests/video.html
http://robertnyman.com/html5/
http://dat-berger.de/index.php/moblog/...

 

Usage:

The complete manual can actually be found in the backend of the module.
But here some shortcuts:
For every myvideo.m4v/.mp4 you enter into the playlist in the backend, you can also lay a myvideo.ogg/.ogv , myvideo.webm, myvideo.3gp onto the server. If the client-environment ( e.g. browser, phone, ... ) doesn't support the m4v / mp4, the module will fallback and try to deliver next format, till it founds one that fits or all are tested throu. So, the more of those formats of the same video you upload, the more client-compatibility you will provide to your users.

Lab5 Module Mobile Videos - Files Server vs. Module Backend

Known Issues & Fixes

Reported troubles & fixes:

  • Videos don't play on iPhone -> file(size) too large for the iPhone
  • Playlist doesn't scroll : Most probably jQuery or jQueryTools conflict. Go to the "Compatibility Settings" in the module's backend and play with the switches : Try first to turn jQuery off. Check if works now. If no -> switch jQueryTools off. Check back again. If no -> jQuery on but jQueryTools off. One of those 3 configurations should solve the problem in most cases.

 

Background:

So the tricky thing is -like so often - do give everyone what it can actually chew and swallow. What is not mentioned in the table is one decisive critical information : whereever you have flash, you also have H.264 support ! So since Flash is quite probably available on a normal computer , H.264 ( -> .mp4/.mpv ) occupying pretty much all browsers on desktops, plus is also natively supported by a fair share of mobile devices, plus comes with thirdparty-browsers onto mobile devices later on some times, plus even if the client-device does not support Flash you still have an 50 / 50 percent chance to be able to play it, H.264( -> .mp4/.mpv ) is for sure the best format to rely on so far. This is why this module expects .m4v/.mp4 sources primality. The shares on native codec support by different browsers ( on mobile device's same as on desktop-browsers ) seem to be quite equally shared for the 3 major codecs. Now it's to say that native video-codec support comes to effect for instance when accessed throu HTML5, or by directly accessing a file that is supported. According to that logic and the probabilies for support of the codecs n question, the module works with fallbacks from the most probable working solution to the less, thet is from flash to HTML5 to just opening the vid ( if no HTML5 ). Luckily HTML5's video tag itself has a fallbackmechanism for videosources, so in HTML5 it's really a charm to offer a browser resources in different formats for a video. This is why you can ( and should ) upload parallel formats of your videos, most importantly OGG Theora ( .ogg/.ogv ) so far, but I cold imagine, Google's relatively new codec WebM might soon leave ogg behind, due to Googles influence on the market, but but that ofc is nothing but speculative thinking of mine...

Well whatsoever ... have fun with the extension ;)

Hope, anyone likes it or at least can make use of it...

Cheers.

Kommentar schreiben


Sicherheitscode
Aktualisieren

Latest Releases online

Facebook App - S...

Posted in Referenzen Web
4/08/11
Booking-Interface als App für Facebook, realisiert für das Hotel Spalentor Basel. SpalenBooking live auf Facebook Konzept, Design, Umsetzung/Programmierung PHP, mySQL, HTML, JS/jQuery, CSS

Martin Feigenwin...

Posted in Referenzen Web
24/06/11
Website für den 2-maligen schweizer Olympiateilnehmer und Personalcoach Mertin Feigenwinter. CMS-basierte Site. feigenwinter.ch Grafisches Konzept, technische Umsetzung und Realisierung PHP, XML, mySQL, HTML, JS/jQuery, CSS, RSS

DayDeals.ch

Posted in Referenzen Web
22/06/11
Volldynamisches DealPortal. Sammelt Daten über tagesaktuelle Angebote live aus dem Netz, verarbeitet und bereitet diese auf und bietet dem Besucher eine praktische Übersicht über die aktuellen Angebote. daydeals.ch Softwarekonzept, technische Umsetung und Programmierung PHP, XML,...

Hotel Senator 20...

Posted in Referenzen Web
8/02/11
Content-Management-System (Joomla!-CMS) -basierte Site, Bookinginterface für Zimmer- und Tischreservation. Wegen Inhaberübernahme des Hotels leider schon wieder offline, da in Site der Hotelkette integriert. senator.ch Grafisches Konzept, Projektleitung, technische...

Produkt-Präsent...

Posted in Referenzen Web
10/07/10
Produkt-Präsentation, online und offline. Nur für authorisierte Nutzergruppe zugänglich. Software-Architektur und Umsetzung. Design, Programmierung AS/Flash, mySQL, PHP

lifestyle-photog...

Posted in Referenzen Web
23/06/10
Website für eine Fotografin lifestylephotography.de Von A - Z ( Konzept bis fertig ) PHP, AS/Flash, HTML, IM, XML

rodi Jeans Onlin...

Posted in Referenzen Web
23/06/10
Onlineshop rodijeans.ch Ideen, technische Lösung und Umsetzung PHP, HTML, JS, CSS, mySQL, AS/Flash, IM, XML, RSS

Loftresraurant

Posted in Referenzen Web
22/06/10
Website für das moderne Basler Loftrestaurant. loftrestaurant.ch Grafisches Konzept, Projektleitung, technische Umsetzung. PHP, HTML, JS, CSS

Elektro Sahli Ri...

Posted in Referenzen Web
23/06/10
Redesign und Komplettüberarbeitung des Internetauftritts elektrosahli.ch Konzept, Design, Programmierung PHP, HTML, CSS, AS/Flash, JS

Coiffeur Headqua...

Posted in Referenzen Web
10/07/10
Internetauftritt für Coiffeur Headquarters in Basel headquarters.ch Design, Konzept, Logo, Flash AS/Flash, HTML, PHP

Garage Jovi

Posted in Referenzen Web
10/07/10
Webseite garagejovi.ch Von A bis Z ( Konzept, Design, Umsetzung ) PHP, HTML, CSS, AS/Flash

Marbot Catering

Posted in Referenzen Web
10/07/10
Konzept, Design, Umsetzung. Via Backend verwaltbar. marbotcatering.ch Konzept bis Umsetzung AS/Flash, PHP, XML, mySQL, HTML, CSS, RSS

Chill Am Rhy Bas...

Posted in Referenzen Web
10/07/10
Speziell: Dynamische Konzeption. Administrator-Interface erlaubt schnelle Verwaltung der Event-Gallerie und der 'News'-Inhalte chillamrhy.ch Idee & Konzept, Design, Programmierung PHP, mySQL, HTML, CSS, AS/Flash

Braam's Café Re...

Posted in Referenzen Web
10/07/10
Speziell: Menueteil der Speisekarte wird per Administrator-Panel verwaltet. braams-restaurant.ch Idee & Konzept, Design, Programmierung PHP, mySQL, HTML, CSS, AS/Flash

Hotel Senator

Posted in Referenzen Web
10/07/10
Konzept, Design, Umsetzung. Beinhaltet umfassendes Admin-Backend senator.ch Konzept, Design, Umsetzung AS/Flash, PHP, XML, mySQL, HTML, IM, CSS, RSS

Marc Rembold

Posted in Referenzen Web
10/07/10
Webseite des Kunstschaffenden Marc Rembold. Eine reine Flashsite marcrembold.com Ideen, Programmierung, technische Lösung und Umsetzung AS/Flash, XML, PHP, HTML

Produkt-Präsent...

Posted in Referenzen Web
23/06/10
Produkt-Präsentation, online und offline. Nur für authorisierte Nutzergruppe zugänglich. Software-Architektur und Umsetzung. Design, Programmierung AS/Flash, mySQL, PHP

Caffe Barone

Posted in Referenzen Web
23/06/10
Caffe Barone. Hersteller baselbieter Fein-Kaffe-Mischungen und Guezle. Erster Webauftritt. caffe-barone.ch Idee & Konzept, Design, Programmierung PHP, AS/Flash, XML, HTML

Video Salva

Posted in Referenzen Web
10/07/10
Website für einen Filmschaffenden video-salva.ch Von A - Z ( Konzept bis Umsetzung ) PHP, AS/Flash, HTML, XML

Produkt-Präsent...

Posted in Referenzen Web
10/07/10
Produkt-Präsentation, online und offline. Nur für authorisierte Nutzergruppe zugänglich. Software-Architektur und Umsetzung. Design, Programmierung AS/Flash, mySQL, PHP

Interaktive Prod...

Posted in Referenzen Web
10/07/10
Produkt-Präsentation, online und offline. Nur für authorisierte Nutzergruppe zugänglich. Software-Architektur und Umsetzung. Design, Programmierung AS/Flash, mySQL, PHP

MyGundeli.ch

Posted in Referenzen Web
10/07/10
Portalseite für das Quartier Qundeldingen Basel. Hobbyprojekt.Nutzer-Registrierung und Verwaltung von Inseraten, Agenda etc. Kontrolle via Adminpanel: Benachrichtigungen, Authoring von Einträgen. Freigaben auch per E-Mail. mygundeli.ch Idee & Konzept, Design,...

Cea Music (offli...

Posted in Referenzen Web
17/07/10
Trendgerichtet, verspielt, für Auge und Ohr. Speziell: Track-Player. Idee & Konzept, Design, Logo, Programmierung, Sounds (d. Funktionen) PHP, HTML, CSS, AS/Flash