HTML5 gebruiken in plaats van Flash – Adobe Flash-alternatieven

Sinds het midden van de jaren 90 heeft Flash-technologie het monopolie op de ontwikkeling van multimediacomponenten voor websites. Fast forward to today and we have seen Adobe come to terms with all of their adversity over the years (Google’s announcement to no longer support Flash-based technology in ads being the final nail in the coffin), Adobe announced that they plan to completely kill Flash by the end of 2020.

Artikelinhoud:

  1. Over Flash
  2. Over HTML5
  3. Mobielvriendelijk
  4. Gemakkelijk opgemaakte video’s
  5. Adobe geïntegreerd?
  6. Wijd overgenomen door browsers
  7. Social Media Toegankelijk
  8. Cross-Platform & Browser Ondersteund
  9. Betere Opslag

Update: Als je graag flash games speelt of host en niet zeker weet hoe het nu verder moet, bekijk dan onze WIX en Shopify alternatieven of speel wat rond op onze Game Library pagina.

ALSO

Kijk eens naar het interview van GameAnalytics met Filipp Karmanov, de CEO en oprichter van Black Snowflake Games, over het virale potentieel van HTML5-games.

Deze post is vooral bedoeld om de marketeers binnen ons klantenbestand te informeren, maar de inhoud van dit artikel is ook van toepassing op ieder ander, of dat nu een webdesigner is of een klant die een webgebaseerd interactief project laat maken; of dat nu een virale game, een banneradvertentie, een Facebook-app of een website is.

Adobe Flash was overal op het internet. Websitebeheerders die hun bezoekers van multimedia-inhoud wilden voorzien, konden niet om Flash-bestanden heen. Dit ondanks gaten in de beveiliging, stabiliteitsproblemen, gebrekkige prestaties, een gebrek aan open source, en complicaties op mobiele apparaten.

Nu de dagen van Flash geteld zijn, wat betekent dit voor webontwikkelaars in de toekomst? Google Chrome, nu de meest populaire webbrowser, heeft een grote stem in het dicteren van trends in webontwikkeling. Door hun houding ten opzichte van Flash zijn Flash-ontwikkelaars gedwongen om met tegenzin over te stappen op HTML5.

Dit alles gezegd hebbende, heeft Adobe Flash nog steeds een respectabel merk, ondanks de recente negatieve pers heeft Adobe nog steeds meer dan drie miljoen ontwikkelaars die afhankelijk zijn van hun Flash-technologie om te voldoen aan hun behoeften op het gebied van contentcreatie en -distributie, maar dit ZAL veranderen, het is gewoon een kwestie van tijd.

Tot 2010 was de Adobe Flash Player op bijna alle computers geïnstalleerd, waardoor het een populair doelwit werd voor malware-ontwikkelaars (ontwikkelaars die software maken die is ontworpen om een computersysteem te verstoren, beschadigen of er ongeautoriseerde toegang toe te krijgen).

Naarmate de tijd verstreek, werd de Flash-software het slachtoffer van ernstige beveiligingslekken die regelmatig moesten worden gedicht, deze trend werd helaas benadrukt in 2015 toen Adobe twee gevallen moest aankondigen waarin ze risico liepen zonder dat er op dat moment een bestaande patch was. Als gevolg daarvan pleitten toonaangevende browsers voor onmiddellijke deactivering van de plugin. Maar de neergang van het Flash-tijdperk was al enige tijd daarvoor duidelijk zichtbaar.

Voordat de sprong naar HTML5 wordt gemaakt, is het belangrijk te begrijpen waarom Flash op zijn retour is, en wat HTML5 zo’n sterk alternatief maakt.

Over Flash

Flash, dat vroeger bekend stond als Shockwave en zelfs daarvoor nog als MultiFlash, kwam meer dan 20 jaar geleden op de markt en zorgde voor een revolutie op het gebied van audio- en videostreaming, waarbij ontwikkelaars een multimediaplatform kregen met de mogelijkheid om vectorafbeeldingen en snellere afbeeldingen te manipuleren via een taal genaamd ActionScript.

Adobe Flash is niet alleen beperkt tot audio en video, ontwikkelaars gebruiken Flash ook om interactieve websites te publiceren, animaties te produceren en Rich Internet Applications (RIA’s) te ontwikkelen. Dit is een lange manier om te zeggen dat Adobe Flash ontwikkelaars de mogelijkheid geeft om meeslepende gebruikerservaringen op het web te ontwerpen.

Als een softwareplatform voor de productie en weergave van interactieve multimedia-inhoud, heeft Adobe Flash het uiterlijk van het internet veranderd. Flash maakt de animatie van tekst en beeldelementen mogelijk om video’s, spelletjes en meer te leveren via een webbrowser. Een grafische benadering wordt ook geboden door de Flash-auteursomgeving Animate CC (voorheen Flash Professional). Voor het maken van Flash-spellen en -toepassingen voor gebruik op webpagina’s, desktopcomputers of mobiele apparaten heeft Adobe de platformonafhankelijke runtime-omgeving AIR (Adobe Integrated Runtime) ontwikkeld.

Flash-gebaseerde projecten worden geleverd in het gepatenteerde bestandsformaat Shockwave Flash (SWF). De specificatie van dit formaat werd in 2008 door Adobe vrijgegeven als onderdeel van het Adobe Open Screen Project, maar helaas heeft SWF nooit voldaan aan de criteria van een open standaard.

Aan de gebruikerskant vereisen SWF-bestanden de implementatie van een application programming interface (API), die in de webbrowser wordt geïntegreerd in de vorm van een plugin. De populairste distributie was Adobe’s eigen Flash Player.

Over HTML5

HTML (Hypertext Markup Language) is ontworpen om webdocumenten te structureren. Door middel van een reeks tekst, tags, elementen en attributen wordt webinhoud gedefinieerd en vertaald naar wat de eindgebruiker in de browser ziet. HTML gebruikt deze basiscomponenten om verbeterde webfuncties te programmeren.

HTML5, de nieuwste versie van HTML, werkt betrouwbaar op gebieden waar het voorheen moeite mee had met adaptieve rendering, waardoor de capaciteit van HTML enorm is uitgebreid.

Dankzij nieuwe elementen die zijn toegevoegd om gebruikers in staat te stellen hun lay-outs te manipuleren voor meer SEO, samen met HTML5 die bepaalde unieke kwalificaties verwijdert die veel algemene gebruikers ervan weerhielden de software te gebruiken, neemt het gebruiksgemak en het klantenbestand toe. Al met al biedt HTML5 meer mogelijkheden voor audio en video.

De nieuwe functies zijn ontworpen met achterwaartse compatibiliteit in gedachten. Dit betekent dat mensen die een browser op zowel hun mobiel als hun desktop gebruiken hetzelfde niveau van ervaring kunnen hebben, zonder dat ze add-ons nodig hebben.

Mobiel vriendelijk

We communiceren steeds mobieler, in feite overtreft mobiel momenteel het desktopgebruik. Om geen conversies te missen, zou elke website een sterke mobiele aanwezigheid moeten hebben. HTML5 is het meest mobiele gereedschap voor het ontwikkelen van mobiele sites en apps. Mobiele browsers hebben HTML5 volledig overgenomen, dus het maken van mobiel-ready projecten is eenvoudig en omdat Flash niet kan voldoen aan de mobiele eisen van het moderne bedrijfsleven, loopt het achter in de race, waardoor HTML5 uiteindelijk zal worden overtroffen.

Dit verbaast de meeste mensen natuurlijk niet nadat Steve Job Flash publiekelijk heeft veroordeeld voor zijn inferioriteit ten opzichte van HTML5 in een publicatie getiteld, “Thoughts on Flash”.

In Jobs’ publicatie noemt hij zes argumenten waarom Flash niet in Apple producten zou worden geïmplementeerd;

  1. Adobe Flash is een gesloten, propriëtaire software
  2. Nagenoeg alle video-inhoud is ook beschikbaar in het moderne H.264 formaat
  3. Adobe Flash is onveilig en instabiel
  4. Flash vermindert de batterijduur van mobiele apparaten aanzienlijk
  5. De Flash-standaard is niet geschikt voor aanraakapparaten
  6. Flash is een belemmerende laag tussen platform en programmeur

In plaats van verouderde software te blijven gebruiken, kondigde Apple aan dat zijn mobiele besturingssysteem zich zou aanpassen aan HTML5.

Gemakkelijk geformatteerde video’s

Van meet af aan was Flash het standaardformaat van het videoportaal YouTube (na Google de meest gebruikte zoekmachine). De eerste gebruikers van YouTube ondervonden hinder van zowel het installeren van een Flash-plugin als het regelmatig moeten updaten van de software. Dit was natuurlijk frustrerend voor zowel YouTube als zijn gebruikers, wat in 2010 leidde tot een verandering toen de ontwikkelaars van YouTube besloten om video’s in plaats daarvan in HTML5-formaat aan te bieden.

Dit is een voorbeeld van hoezeer HTML5 de stress heeft weggenomen van het uploaden en insluiten van video-inhoud op browserpagina’s.

Adobe Integrated?

De toenemende afwijzing van het SWF-formaat kwam Adobe niet onvoorbereid tegemoet. Al in 2011 kondigde het bedrijf aan HTML5 te willen integreren in zijn eigen producten en diensten. Ook kondigde het bedrijf de introductie aan van mobiele Flash-versies.

Aan het einde van 2015 hernoemde het uiteindelijk Flash Professional naar Adobe Animate CC. De volledig overspannen versie van de animatiesoftware ondersteunt het native HTML5 Canvas-element en de 3D grafische interface WebGL. Beide formaten zijn open webstandaarden. Het bedrijf raadt nu aan dat applicaties die geanimeerde webcontent maken met Adobe-producten HTML5 gebruiken in plaats van Flash.

Wijd overgenomen door browsers

In augustus 2016 kondigde Chrome aan dat Flash-inhoud, die op de achtergrond van de browser wordt geladen, nu standaard wordt geblokkeerd. Het team noemde zowel beveiligingsleemten als stabiliteitsproblemen als rechtvaardiging.

Volgens de ontwikkelaars wordt 90% van alle Flash-inhoud op het web op de achtergrond verwerkt zonder enige toegevoegde waarde voor de gebruiker – voornamelijk in de context van webanalyse. Dit gaat ten koste van de laadtijden.

Nadat internetgiganten het gebruik van Flash-software blijven afwijzen, neemt het gebruik van HTML5 in populaire internetbrowsers toe, met als belangrijkste redenen dat zowel de veiligheid als de laadtijden bijna geen probleem meer zijn bij het gebruik van HTML5.

Sociale media toegankelijk

Een andere stok in de koker van HTML5 is de sociale-mediagigant Facebook die HTML5-games in zijn systeem integreert.

Meer dan 800 miljoen mensen spelen elke maand games op Facebook.com en mobiele games die op Facebook zijn aangesloten, dankzij HTML5-invoer. Facebook heeft de toegankelijkheid en functionaliteit gezien die HTML gebruikers kan bieden door het maken en spelen van games op Facebook-servers.

Met vereenvoudigde spelsjablonen die worden aangeboden, vergelijkbaar met Gamify’s eigen softwareplatform. Mensen kunnen naadloos games laden en spelen vanaf al hun smart devices.

Cross-Platform & Browserondersteund

Multimedia-inhoud die is ingebed in een website met HTML5-ondersteuning kan op verschillende platforms worden weergegeven, aangezien de meeste browsers in staat zijn HTML5 te interpreteren. Dit betekent dat in het geval van een interactief spel, er geen scenario is waarbij een bepaald apparaat niet kan laden en spelen.

Hetzelfde kan worden gezegd voor verschillende browsers, HTML5 heeft de mogelijkheid multimediacomponenten te ondersteunen in verschillende browserstructuren.

Betere opslag

HTML5 maakt opslag over meerdere vensters mogelijk, heeft een betere beveiliging en behoudt gegevens zelfs na het sluiten van een browser. Lokale opslag is een van de HTML5-hulpmiddelen die webapps mogelijk maken zonder plug-ins van derden. Door gegevens in de browser van de gebruiker op te slaan, kunt u eenvoudig app-functies maken zoals het opslaan van gebruikersinformatie, het cachen van gegevens en het laden van de vorige applicatiestatus van de gebruiker.

Conclusie

Het komt erop neer dat de dagen van Flash geteld zijn, maar de behoefte aan dynamische en boeiende inhoud zal blijven bestaan. Met HTML5’s gezonde overname en plaatsing op de troon van multimedia software, is er geen twijfel mogelijk waar alle ontwikkelaars naar toe gaan.

Update: Als je het leuk vond om flash games te spelen of te hosten en niet zeker weet hoe het nu verder moet, bekijk dan onze WIX en Shopify alternatieven of speel wat rond op onze Game Library pagina.

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *