Sign In

Header image for 360° Video Technology

360° Video Technology

Gepost op 13 december, 2016


Tags: 360 video, 360 video safari, Facebook, google, safari browser, video optimalisation

We hebben een wereldprimeur: 360 video in Safari werkt nu ook voor de iPhone. Tijd voor een aantal vragen aan onze hoofddevelopers!

Wat is 360 video?

We spreken van 360 video wanneer een video-opname volledig om een camerapunt wordt opgenomen. Dit camerapunt kan zich verplaatsen, waardoor het niet alleen mogelijk is om in de rondte te kijken, maar zelfs om dit te doen terwijl het beeld zich verplaatst. Met 360°-video kan de kijker dus zelf kiezen in welke richting hij kijkt.

Wat is het verschil tussen 360 video en VR?

Het verschil tussen 360°-video en VR (virtual reality) is dat VR een ervaring is die je hebt door een device dat het beeld vlak voor je ogen laat zien. Daardoor lijkt het alsof je je in de video zelf bevindt.  Een VR-ervaring is vaak ‘game-achtig’ en geeft de gebruiker de vrijheid om te gaan en staan waar hij wil. Het beeld wordt hierbij niet gedirigeerd door de fysieke verplaatsing van de camera('s), maar door de kijker en de grenzen van de fantasie van de maker.

Vertel eens over  360 video technology ?

Er zijn verschillende technieken voor het afspelen van 360 video. Deze technieken komen er eigenlijk allemaal op neer dat de video, die om te beginnen plat is, aan de binnenkant van een 3D-object wordt geprojecteerd. De meeste technieken voor het tonen van 360 video gebruiken hiervoor een bol of een kubus. Omdat wij alleen gebruik maken van web technieken gebruik wij HTML5 en JavaScript voor het behandelen van de video en WebGL om de 3D omgeving te creëren. De beelden uit de video worden verwerkt en gebruikt om de textures van de 3D-objecten te maken.

Om ervoor te zorgen dat het geprojecteerde video materiaal rondom bekeken kan worden dient het vervormd te worden zodat het, na plaatsing rondom het 3D object, wederom op de juiste manier vervormd wordt dat de verhoudingen van het beeld kloppend worden gemaakt. De twee meest gangbare vervormingen voor 360 video zijn equirectangular voor een 3D bol object en cubemap voor en 3D kubus object.

360 video example

example 360 video

Wij hebben bij Blue Billywig gekozen voor de cubemap op een kubus omdat dit de beste performance biedt. De cubemap wordt runtime opgeknipt in 6 losse afbeeldingen op aangebracht op alle zijden van de kubus. Dankzij de vervorming van de video klopt het beeld van de 360 video weer in het oog van de kijker.

Vervolgens wordt er een camera in het 3D-object geplaatst en bepaalt de kijker de kijkrichting. In een desktop browser wordt de kijkrichting bepaald doordat de kijker de muis ingedrukt houd en heen en weer beweegt. Op een mobiel apparaat (tablets en smartphones) wordt gebruik gemaakt van de gyroscoop in het apparaat om te de kijkrichting te bepalen. Het beeld van de camera is uiteindelijk weer het 2D beeld van de 360 video dat getoond wordt aan de kijker.

Google en Facebook hebben al langer een 360 video player, wat is het belangrijkste verschil met onze 360 video technology? 

Het grootste verschil is dat zij de techniek op mobiele apparaten aanbieden in eigen apps. Onze 360 video technology gebruikt alleen web-technieken, waardoor het zowel in browsers als op mobiele apparaten direct inzetbaar is op elke webpagina van onze klanten. Daarnaast kan onze  360 video player ook op de Iphone 360 video in Safari afspelen. 

Waar kan 360 video worden bekeken van Blue Billywig?

Wij hebben momenteel getest met IE11, Edge, Chrome, Firefox en Safari (op zowel mobiel als ook desktop) en wij zijn hierbij uitgegaan van de laatste versies. Extra bijzonder is dus dat 360°-video in Safari nu ook op de Iphone kan worden bekeken.

Waarom past 360 video zo goed in het productaanbod van Blue Billywig en wat hebben klanten eraan?

Als het om video gaat, past het bij Blue Billywig. 360 video is inzetbaar voor veel verschillende klanten. Ik denk dan bijvoorbeeld aan de reisorganisaties, evenementenbureaus en video-analyse voor sport.

Wat viel mee of juist tegen tijdens het ontwikkelen?

De 360 video technology is nog relatief nieuw. De beste oplossingen vinden voor de implementatie komt neer op keuzes die je moet maken zonder dat er al een ‘best practice’ is. Ook problemen met CORS headers (met name in de Safari browser, die deze headers weigert mee te sturen op het video element) heeft op een aantal momenten het ontwikkelingsproces en bijbehorende keuzes beïnvloed.

Van welke toepassing van 360 video was je zelf onder de indruk?

Mijn eerste ervaring was de promotie van de nieuwe Star Wars-film. Dit deden ze met 360 video en op dat moment was ik verkocht.

Auteur Blog author avatar

Development Team

Blue Billywig's software wouldn’t be the same without our developers. Just come up with your ideas and we’re pretty sure our development team can establish it. They innovate and improve our product continuously and they offer the best support for our customers. You probably haven’t seen them much, but they are indispensable!


Auteur Blog author avatar

Development Team

Blue Billywig's software wouldn’t be the same without our developers. Just come up with your ideas and we’re pretty sure our development team can establish it. They innovate and improve our product continuously and they offer the best support for our customers. You probably haven’t seen them much, but they are indispensable!


 

Verder lezen?

Download whitepaper

In samenwerking met Adformatie vroegen we 300 marketeers naar de inzet van online video. Welke vormen van video gebruiken zij het meest? En met welk doel? Wat verwachten ze van de toekomst? Download het gratis whitepaper.

 

We use cookies to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services. You consent to our cookies if you continue to use our website. Read moreOK