Video insluiten in HTML in Android

Android is een open-source softwarestack voor mobiele apparaten. Ontwikkelaars hebben toegang tot de code van de stack en kunnen zelfs onafhankelijke applicaties ontwikkelen voor gratis distributie of verkoop van Google Play. Android kan een lucratief platform zijn voor kleine bedrijven die hun mobiele aanwezigheid willen uitbreiden. Het enige dat u hoeft te doen om aan de slag te gaan, is enkele basisbegrippen te leren, zoals video insluiten met HTML.

HTML5

Vanaf de publicatiedatum is HTML5 de nieuwste versie van HTML en XHTML, gericht op het beantwoorden van de behoeften van meer interactieve webapplicaties zoals video- en media-insluiting. Vooral op het gebied van mobiele ontwikkeling - waarbij de beslissing van Apple om op Flash gebaseerde mediaspelers op zijn populaire iPhone- en iPad-platformen niet te ondersteunen bij het zoeken naar native webalternatieven - is de mogelijkheid om video's direct in de HTML in te sluiten en af ​​te spelen een belangrijke verandering voor ontwikkelaars. Samen met een groeiend aantal browsers en platforms ondersteunt Android HTML5 embedded video.

Videobestanden

Terwijl videobestanden worden verpakt in een enkele bestandsextensie zoals .mp4 of .avi, zijn videobestanden eigenlijk containers met afzonderlijke elementen voor audio- en video-informatie. HTML5 verandert uw webbrowser in een videospeler, maar het moet ook de codec identificeren die in het videobestand wordt gebruikt, zodat uw webbrowser weet hoe de informatie moet worden gedecodeerd. Android ondersteunt de H.264 / MPEG-4-codec - een standaard die wordt gebruikt in de meest populaire MP4-streamingdiensten zoals YouTube - dus zorg ervoor dat u video-gecodeerd met H.264 gebruikt en identificeer de codec in uw HTML voor de browser.

Code

De HTML voor video-insluiting op een Android is vrij eenvoudig. De code begint met het aangeven van de afmetingen van de video, biedt vervolgens een pad om de browser te laten weten waar de video te vinden is en, ten slotte, identificeert de codec en sluit de opdracht:

Voeg de gewenste afmetingen voor de ingesloten video in en geef de map op waar de video op uw webserver is opgeslagen.

overwegingen

Zelfs als u een toepassing ontwerpt die voornamelijk voor de Android-markt is, is het altijd een goed idee om uw opties open te houden en uw ingesloten video zichtbaar te maken op andere platforms en browsers. Om dit te doen, voegt u een tag in de HTML in om terug te vallen op een traditionele Flash-mediaspeler als de browser de HTML5-tag niet herkent. Geef ook instructies om alternatieve codecs zoals Theora te decoderen. Beide toevoegingen vereisen slechts een paar coderegels en interfereren niet met de Android-functionaliteit van je video.