10 dingen waarvan u niet wist dat uw webbrowser dat nog zou kunnen
Webbrowsers groeien de laatste jaren op. Nu Internet Explorer 6's hold op het web is verbroken, hebben browsers verschillende coole nieuwe functies geïmplementeerd waarvan websites vandaag profiteren.
Dit artikel richt 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.
Drag and Drop to Upload
Op veel websites kun je nu bestanden uploaden door ze gewoon in je browservenster te slepen - een welkome verandering omdat je op een bladerknop moet klikken en een bestandskiezer moet gebruiken, zoals we dat enkele jaren geleden nog moesten doen. 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. Dit zorgt ervoor dat Google Maps de kaart met OpenGL rendert, 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, is de Quake 3-engine aangepast om in WebGL in uw browser te werken. Deze website maakt ook gebruik van de pointer lock (of muisvergrendeling) -specificatie om uw muisaanwijzer te pakken en deze binnen het speelveld te houden.
Communiceer 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-game, 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.
Speel video's en muziek zonder flits af
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 Silverlight nog steeds voor zijn video's. De 'video-tag' van HTML5 kan er net zo uitzien als een op Flash gebaseerde videospeler, dus u zult misschien nooit merken dat een website deze gebruikt - behalve dat het afspelen van video op mobiele apparaten werkt en beter zal werken.
Voer Web Apps offline uit
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, zelfs 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 de Hangouts van Google helemaal geen plug-in nodig en Skype wordt ook in uw browser uitgevoerd.
Maak meldingspop-ups
Met browsers kunnen webpagina's bureaubladmeldingen weergeven. 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 met een speciale GPS-chip gebruikt, zal de browser uw GPS-hardware gebruiken om uw locatie te identificeren. 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.
Maak Web Apps uw standaard applicaties
Met browsers kunnen webapps nu uw standaardtoepassingen worden, dus u kunt Gmail in uw browser gebruiken om e-mails te verzenden wanneer u op een mailto: link klikt op uw computer - zelfs buiten uw browser.
Voer native code uit in uw browser
Enigszins controversieel omvat Chrome de native client van Google. 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. Het zou het pad kunnen zijn naar meer geavanceerde applicaties op Chrome OS. De Chrome Web Store bevat een verscheidenheid aan games 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