Nieuwsbrief

Schrijf je in voor onze nieuwsbrief om op de hoogte te blijven van Blue Billywig en ander nieuws over online video.

360 video Technology

360° Video Technology

We hebben een wereldprimeur: 360°-video in Safari werkt nu ook voor de Iphone.  Tijd voor een aantal vragen aan onze hoofddevelopers! Zij vertellen je over onze 360°-video technology.

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.

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 gebruikt 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.

Development team

De Blue Billywig software zou niet dezelfde zijn zonder ons development team. Kom met een goed idee en zij bouwen het in een mum van tijd, of het nu gaat om nieuwe toepassingen of om het verbeteren van onze software. Hoewel niet vaak op de voorgrond, ze zijn voor Blue Billywig absoluut onmisbaar!