8Sep
Webbrowsers groeien de laatste jaren op. Nu de internettoegang van Internet Explorer 6 op zijn website is verbroken, hebben browsers een aantal coole nieuwe functies geïmplementeerd waarvan websites vandaag profiteren.
Dit artikel concentreert zich op nieuwe webtechnologieën die u vandaag op actuele webpagina's kunt gebruiken. Zeker, sommigen van jullie hebben ongetwijfeld gehoord van veel van deze, maar de meerderheid van de mensen heeft nog nooit van ze gehoord.
Slepen en neerzetten om te uploaden
Veel websites laten je nu toe om bestanden te uploaden door ze gewoon in je browservenster te slepen - een welkome verandering van het klikken op een bladerknop en het gebruik van een bestandkiezer, omdat we maar een paar jaar nodig haddengeleden. Of je nu een bestand toevoegt aan een e-mail in Gmail of een afbeelding uploadt naar imgur.com voor snel delen, je kunt het bestand naar de webpagina slepen en neerzetten.
Render 3D-afbeeldingen in de browser
Browsers zoals Chrome en Firefox ondersteunen nu WebGL, waarmee webpagina's 3D-afbeeldingen zonder plug-ins kunnen weergeven. WebGL kan worden gebruikt voor games en andere 3D-modellen, maar de meest populaire website met WebGL is waarschijnlijk Google Maps. Op Google Maps in Chrome kunt u 'MapsGL' inschakelen. Hierdoor wordt Google Maps de kaart met OpenGL weergegeven, wat resulteert in vloeiendere animaties. Wanneer u Street View gebruikt, ziet u een animatie terwijl de kaart inzoomt. Street View wordt ook weergegeven met OpenGL, niet met Adobe Flash.
Als Google Maps niet indrukwekkend genoeg was, werd de Quake 3-engine aangepast om in WebGL in uw browser te werken. Deze website maakt ook gebruik van de pointer lock( of mouse lock) -specificatie om uw muisaanwijzer te pakken en deze binnen het speelveld te houden.
Communiceren met WebSockets
HTML is nooit ontworpen om webpagina's heen en weer te laten communiceren met webservers. HTML is gemaakt voor statische webpagina's en de meeste webpagina's gebruiken momenteel op hacky polling gebaseerde methoden om met servers te communiceren. Met WebSockets kunnen webpagina's een volledig communicatiekanaal maken via een TCP-verbinding, waardoor latentie en netwerkverkeer drastisch worden verminderd wanneer webpagina's gegevens met servers heen en weer moeten verzenden.
WebSockets worden gebruikt door Mozilla's BrowserQuest-spel, waardoor de game in je browser kan worden uitgevoerd om gebeurtenissen heen en weer naar de server te verzenden. WebSockets zijn ook gebruikt om IRC-clients te maken die in uw browser worden uitgevoerd. Wellicht het meest indrukwekkend is dat WebSockets ook is gebruikt om een torrent-client voor JavaScript te maken die in uw browser wordt uitgevoerd, waardoor Chrome OS-gebruikers een native torrent-client worden. JSTorrent ziet er nog niet helemaal uit, maar het is een goed voorbeeld van wat mogelijk is met WebSockets.
Video's en muziek afspelen zonder Flash
HTML5-video heeft veel aandacht gekregen, dus veel mensen weten dat het nu mogelijk is om video's af te spelen in H.264( MP4), WebM en Ogg Theora-indelingen zonder Flash te hoeven installeren. Veel videowebsites - inclusief YouTube - bieden HTML5-gebaseerde videoweergave. Helaas staan veel websites erop dat ze DRM nodig hebben. Daarom gebruikt YouTube nog steeds Flash voor video's met advertenties en Netflix gebruikt nog steeds Silverlight voor zijn video's. HTML5's "videotag" kan er net zo uitzien als een op Flash gebaseerde videospeler, dus je zult misschien nooit merken dat een website het gebruikt - behalve dat het afspelen van video werkt op mobiele apparaten en beter zal presteren.
Web Apps offline uitvoeren
Browsers staan nu toe dat webapps offline werken en bieden ze lokale databaseopslag die ze kunnen gebruiken om toegang te krijgen tot uw gegevens. Veel van de offline web-apps van Google( inclusief Gmail, Documenten en Agenda) werken alleen in Chrome, maar Amazon's Kindle Cloud Reader kan ook offline worden gebruikt in andere browsers zoals Firefox. Met Kindle Cloud Reader kunt u eBoeken downloaden, die u later offline in uw browser kunt lezen, ook als u geen internetverbinding hebt.
Toegang tot uw webcam- en videoconferentie
-webpagina's hebben nu toegang tot uw webcam - uiteraard met uw toestemming. Een webpagina kan deze functie gebruiken om foto's van uw webcam te maken voor uw profielfoto of om video op te nemen. Het kan echter ook de nieuwe WebRTC API gebruiken voor videoconferenties tussen verschillende browsers zonder dat een plug-in vereist is. In de toekomst heeft Google's Hangouts helemaal geen plug-in nodig en Skype wordt ook in uw browser uitgevoerd.
Meldingspop-ups creëren
-browsers staan nu toe dat webpagina's bureaubladmeldingen laten zien. Google Agenda kan bijvoorbeeld pop-upmeldingen weergeven wanneer u herinneringen voor aankomende evenementen hebt gemaakt. Chat- en e-mailwebsites kunnen pop-ups weergeven om u op de hoogte te stellen van nieuwe berichten.
Identificeer uw locatie
-webpagina's kunnen nu toestemming vragen voor toegang tot uw locatie. Als u een tablet of een ander type apparaat gebruikt met een speciale GPS-chip, gebruikt de browser uw GPS-hardware om uw locatie te bepalen. Op apparaten zonder GPS-chips, kunnen nabijgelegen draadloze netwerknamen of de locatie van uw ISP worden gebruikt om uw huidige locatie te benaderen. Geolocatie kan de noodzaak vervangen om uw adres te typen in websites die lokale inhoud weergeven en u in staat stellen om uw precieze locatie te bepalen met behulp van een GPS-chip op een draagbare computer.
Webtoepassingen maken tot uw standaardtoepassingen
Browsers staan nu toe dat webapps uw standaardtoepassingen worden, dus u kunt Gmail in uw browser gebruiken om e-mails te verzenden wanneer u op een mailto: link naar een willekeurige plaats op uw computer klikt, zelfs buiten uw browser.
Oorspronkelijke code uitvoeren in uw browser
Een beetje controversieel is dat Chrome de native client van Google bevat. Native Client staat webpagina's toe om native code geschreven in talen zoals C of C ++ uit te voeren. De code wordt uitgevoerd in een sandbox voor beveiliging en wordt uitgevoerd met bijna-native snelheden.
Native Client staat webpagina's toe om high-performance code uit te voeren voor zaken als game engines en lokale videocodering. Dit zou het pad kunnen zijn naar meer geavanceerde toepassingen in Chrome OS.De Chrome Web Store bevat een verscheidenheid aan spellen die zijn geschreven in Native Client, inclusief een poort van het veelgeprezen Bastion.
Browsers winnen in snel tempo nieuwe webfuncties. We kunnen dankbaar zijn dat Internet Explorer 6 niet langer de industriestandaard is.
Image Credit: Christian Heilmann op Flickr