Portfolio
eerdere projecten
JW Showcase
Video platform & app voor JW Player

Met JW Showcase maak je in tien minuten je eigen videosite, inclusief iOS en Android apps. Met geïntegreerde functies als verder kijken, favorieten opslaan, aanbevelingen krijgen en zoeken. Je kunt JW Showcase op je eigen server installeren of de hosted versie gebruiken op je eigen domeinnaam.

Probeer JW Shocwase met onze filmtrailer demo

Open source project

Videodock ontwikkelt JW Showcase in opdracht van JWPlayer. De kern van JW Showcase is opgezet als open source project. Ook in 2017 werken we verder aan de ambitieuze roadmap om JW Showcase door te ontwikkelen tot de nieuwe standaard voor videosites. Meer weten over de roadmap, de voortgang, of zelf mee ontwikkelen, check dan de Github repository van JW Showcase hier.

JW Showcase op maat

Videodock levert ook totaaloplossingen op basis van JW Showcase inclusief het JW Platform voor opslag, transcoding, streamen en analytics. Natuurlijk kunnen we verder gaan dan de standaard-mogelijkheden en zijn we bij uitstek geschikt om maatwerkaanpassingen te realiseren, zoals bijvoorbeeld inloggen met een Facebook- of eigen account en zaken als secure streaming. Voor meer informatie, neem contact op met Bauke Freiburg.

Features

  • Laagdrempelig omdat je geen developer-ervaring nodig hebt. Kopieer de JW Showcase files naar je web server, pas één tekstdocument aan en je video's worden automatisch getoond in een strakke shelf-layout;
  • super snelle & responsive mobile first design met licht en donker basisthema;
  • eenvoudig aanpasbaar theme design met eigen header logo en achtergrond;
  • goed te integreren in eigen site met header/footer integratie;
  • brand control: host je eigen video platform op je eigen domein en versterk je branding. Controleer je merk ook binnen de Apple en Android App Stores
  • live event streaming: met o.a. Facebook Simulcast & DVR support
  • engagement optimalization: grotere betrokkenheid, langere doorkijktijden en meer terugkerende bezoekers. Dankzij JW's eigen Deepwalk deep learning algorithme (veel geavanceerder dan de standaard Association Rule Mining of Colaborative Filtering die vaak gebruikt wordt) krijgen kijkers gepersonaliseerde video recommendations (meer over het Deep Walk algorithme vind je op de site van JW Player)

Technologie

  • Cordova app voor iOS 8+ (App store), Android 4.1+ (Google Play) en meest recente desktop browsers;
  • Javascript op basis van Angular en Ionic Framework;
  • RESTful API;
  • live & video on demand playback met JW Player;
  • build automation van Cordova apps met Jenkins;
  • geautomatiseerde end-to-end tests gebaseerd op Selenium, Browserstack & Appium

Demo

  • PICL: JW Showcase demo met filmtrailers
  • JWPLAYER TV: de eigen demo van JW Player, gevuld met testimonials, insights van eigen conferenties en andere interviews
Debat Direct
live debatapp voor Tweede Kamer der Staten Generaal

Met Debat Direct volg je overal live de plenaire debatten en openbare commissievergaderingen van de Tweede Kamer. Kijk onderweg of thuis via smartphone of tablet. Gebruik de app in combinatie met televisie ook als zogenaamde ‘second screen app’: je kijkt het debat op tv terwijl de app de bijbehorende debat- en sprekersinformatie toont. Zit je op de publieke tribune? Ook daar werkt de Debat Direct second screen-functie. De app werd op 17 mei 2016 gelanceerd en is sindsdien te downloaden in de Apple app store, de Google Play app store en de Windows Store.

Project

Debat Direct biedt een inleiding bij het debat, vertelt wie aan het woord is, welke sprekers nog verwacht worden en welke stukken bij het betreffende debat horen. Voorbereide moties zijn in te zien. Meer informatie over sprekers uit de Tweede Kamer is direct toegankelijk. Ook kun je verschillende notificaties activeren in Debat Direct. De app stuurt je dan een bericht wanneer een debat begint, een bepaald onderwerp opnieuw aan de orde komt of wanneer een specifieke politicus gaat spreken.

Met de app beoogt de Tweede Kamer op een laagdrempelige manier toegang te verschaffen tot het vergaderproces en het op een zo helder mogelijke manier te verduidelijken. Ideeën of opmerkingen voor verbetering zijn altijd welkom.

Concept

  • Laagdrempelige toegang bieden tot de live debatten uit de negen vergaderzalen van de Tweede Kamer;
  • de ervaring verrijken, het debat en proces verduidelijken door aanbieden van aanvullende informatie wanneer relevant;
  • toegang tot relevante documenten, actuele sprekersinformatie, live stemmingsuitslagen;
  • mogelijkheid tot notificatie voor specifieke sprekers en debatten.

Technologie

  • Cordova app voor iOS 8+ (App store), Android 4.1+ (Google Play), Windows 8.1 & 10 (Windows Store) en meest recente desktop browsers;
  • Javascript op basis van React;
  • RESTful API gebaseerd op het Symfony2 framework;
  • NodeJS / Socket.IO backend voor realtime events;
  • RabbitMQ voor realtime backend communication;
  • Varnish voor API caching;
  • live en video on demand playback met Theoplayer;
  • synchronisatie met EXT-PROGRAM-DATE-TIME;
  • Mufin's audio-fingerprinting technologie voor Second Screen synchronisatie;
  • volledig gehost bij Nederlandse datacenters gebaseerd op virtual servers van Tilaa.com, inclusief DNS-gebaseerde scaling & failover;
  • geautomatiseerde end-to-end tests gebaseerd op Codeception, PHPUnit, Selenium, Browserstack & Appium.
Phenicx
een symfonisch avontuur voor Phenicx

PHENICX is een internationaal onderzoeksproject, deels gefinancierd door de Europese Commissie. In dit project bundelen academische onderzoekers, muziekinstituten, musici en bedrijven die actief zijn in nieuwe mediatechnologie hun krachten om een nieuwe digitale klassieke concertbeleving vorm te geven.

Project

Doel van het project was het samenstellen van een mogelijke nieuwe digitale klassieke concertbeleving door gebruik te maken van geavanceerde technologieen. Een concertervaring die de toeschouwer door een uitvoering kan gidsen, met informatie toegesneden op verschillende muzikale achtergrondniveaus.

Concept

Het concept waaronder we de verschillende technologieen hebben gebundeld is dat van de uitgebreide live ervaring. Een live evenement begint voor de bezoeker al voor het daadwerkelijke evenement en kan ook na afloop nog doorklinken in de beleving. Daarnaast kun je een evenement ook deels beleven zonder er daadwerkelijk bij te zijn. Vanui die kerngedachte zijn we gekomen tot een pre-, live- en post-concertervaring:

  1. Vooraf bereidt een bezoeker van het evenement zich voor met een digitaal programmaboekje waarin meer te lezen is over de avond, de dirigent, het orkest, de componist en het stuk. Ook is er een eerdere uitvoering van het geprogrammeerde werk te beluisteren ter voorbereiding.

  2. Tijdens het evenement krijgen bezoekers beperkte aanvullende informatie tijdens het optreden: tekstuele uitleg, aanvullende visuals of meelopende partituur. Dat geldt ook voor de mensen die thuis de live stream volgen.

  3. Na afloop kunnen bezoekers het hele concert terugzien, aangevuld met allerlei verrijkingen rondom de concertopname.

Technologie / features

In het prototype zijn de volgende features geïntegreerd:

  • Score follower: de partituur volgt de muziek, zowel bij video on-demand als live in de zaal;
  • predominant melody: de hoofdmelodie, automatisch gegenereerd en gevisualiseerd
  • orchestra focus: zoom in op een instrumentgroep door het geluid van deze groep uit de opname te 'tillen'. Zie vervolgens hoe de musici van de geselecteerd instrumentgroep in de video worden uitgelicht;
  • recording comparer: wissel naadloos tussen verschillende uitvoeringen van eenzelfde symfonisch werk;
  • structure insight: schematisch overzicht van muziekstuk met uitleg voor verschillende kennisniveaus;
  • text guide: tekstuele duiding op het moment dat het relevant is;
  • program Notes: geintegreerd programmaboekje met voorluisterwerk

Een volledig overzicht van geïmplementeerde technologiëen en bijbehorende documentatie vind je op de projectsite.

Demo

Je kunt ons prototype hier uitproberen. Video screencasts van alle features vind je hier.

UWV player
interactieve player & beheerplatform voor UWV

Het UWV maakt gebruik van video’s om bezoekers van haar websites te voorzien van informatie. Om dat goed te kunnen beheren, ontwikkelde Videodock een complete oplossing met maatwerk-speler en een eenvoudige interface voor het goed instellen van de video's in de player.

Project

Het UWV was op zoek naar een eenvoudige, maar wel complete oplossing voor het gebruik van video als verduidelijkende uitleg op haar site. De video's moesten interactief zijn in die zin dat er binnen de video doorklikmogelijkheden zijn, om op deze manier specifieke routes door de verschillende videoboodschappen te kunnen aanbieden.

Concept

Het UWV heeft haar eigen videoservers en produceert haar eigen video's. Op basis van dat materiaal en de specifieke wensen hebben we ons eigen Videodock Video Management Systeem aangepast voor het toevoegen van een eenvoudige 'click' interactielaag bovenop bestaand videomateriaal. In het aangepaste VMS kan nu zowel productie als archivering van de video's en aanvullende informatie beheerd worden.

Technologie

  • Template gebaseerde interactieve video-infrastructuur;
  • Javascript videoplayer configuratie-systeem voor toevoegen video annotaties;
  • controletool voor evaluatie Webrichtlijnen (WCAG 2.0);
  • gebaseerd op JWPlayer Enterprise edition;
  • geautomatiseerde end-to-end testing gebaseerd op Selenium en Browserstack;
  • streaming via Wowza streaming server.

Demo

De UWV player wordt gebruikt op de website van het UWV.

Na de bevrijding
elastic broadcast voor NTR i.s.m Beeld & Geluid

Hoe stop je uren archiefmateriaal in een uitzending van pakweg één uur? Vroeger was daarop een eenvoudig antwoord te geven: niet. Maar dankzij toepassing van haar elastic broadcasting concept heeft Videodock zeven uitzendingen van het NTR-programma Na de bevrijding weten uit te breiden tot een programma met talloze fragmenten uit het Beeld & Geluid archief als toegevoegde laag. Na de bevrijding XL is vanaf 31 januari te zien op nadebevrijding.nl.

Project

In Na de bevrijding XL wordt een geregisseerd programma gecombineerd met de volledige, originele versies van gebruikte fragmenten. Wanneer in het hoofdprogramma een quote uit een interview of een paar seconden uit een oud videofragment wordt getoond, kan de kijker in de de XL-variant ervoor kiezen om het programma uit te breiden door op dat moment het volledige fragment af te spelen.

Concept

Voor Na de bevrijding XL hebben we ons elastic broadcasting concept gebruikt. Bij elastic broadcasting is een basisfragment de leidraad voor een verdiepende videolaag. In dit geval biedt een extra laag gesynchroniseerde fragmenten aan op het moment dat deze in de hoofduitzending aan bod komen. De kijker bepaalt vervolgens of hij het volledige fragment wil zien, waardoor hij de inhoud en lengte van de aflevering aanpast aan zijn wensen.

Technologie

In Na de bevrijding XL hebben we voor het eerst timeline synchronisatie toegepast in een HTML 5 webapplicatie die op alle grote platformen werkt (Apple & Android tablets en alle standaard computers met een HTML5 webbrowser).

Demo

Na de bevrijding is nog steeds online te bekijken.

RCO Editions
online video magazine voor Koninklijk Concertgebouworkest

RCO Editions is het online video magazine van het Koninklijk Concertgebouworkest. De iPad app biedt een nieuwe digitale concertbeleving door een concertopname te verrijken met videocommentaar van betrokken musici of dirigent binnen een volwaardig thematisch magazine. Het unieke van de videobeleving is dat het commentaar of de bladmuziek synchroon is te bekijken terwijl het concert doorspeelt.

Project

Behalve concertopnames biedt RCO Editions ook een magazine met thematisch verwante artikelen rondom de concertopnames. RCO Editions publiceert 6 keer per jaar een uitgebreid thematisch magazine dat meerdere opnames met elkaar verbindt. Videodock bedacht het concept, ontwikkelde de iPad app samen met aFrogleap en is uitgever van het videomagazine. Ook is er een webversie (bèta) om mensen zonder iPad toegang te geven tot de concertopnames van het orkest.

Concept

Doel van het project was om een onderscheidende videopropositie aan te bieden rondom de concertopnames van het Koninklijk Concertgebouworkest. Na het succes van de Fink meets RCO app koos het orkest bewust voor een gedurfde strategie met gelaagde informatie rondom een concertopname. Het resultaat is een app die via meerdere synchrone lagen rondom een centrale opname en aangevuld met ondersteunende verhalen meer mensen toegang biedt tot klassieke concertopnames van het Koninklijk Concertgebouworkest.

Technologie

  • Video magazine met geintegreerd subscriptie-model (in-app);
  • gesynchroniseerde partituurweergave;
  • gesyncrhoniseerde tweede video stream met commentaar van dirigent;
  • gesynchroniseerde 360 camera feed;
  • ontwikkeling van VOD portal met subscriptie-model;
  • HLSe streaming with multiple audio and video tracks;
  • Cloudfront / Akamai distributie;
  • poc integratie in Liberty Global Horizon app platform.

RCO Editions zelf proberen?

  • Je kunt RCO Editions een maand gratis proberen op je iPad;
  • heb je geen iPad, help ons dan met het testen van de beta release voor het web;
  • meer over RCO Editions en de al gepubliceerde magazines op de RCO Editions website.
UploadTV
Google Hangout tv-interface voor VPRO

De VPRO daagde Videodock uit om het concept UploadTV te vertalen naar een app voor Googles Hangout.

Project

Bij UploadTV worden Youtube filmpjes uitgezonden rondom een thema. Filmpjes die jij als kijker mag uitkiezen en vooraf kan insturen. Tot zover interactie zoals je het gewend bent. Leuk, maar feitelijk niet echt anders dan een briefkaart naar het programma sturen natuurlijk. De VPRO wilde echter een flinke stap verder gaan: Stel je eens voor dat je rondom de live uitzending je eigen – aangepaste – uitzending kan maken…

Concept

Precies dat hebben we gemaakt. Tijdens de uitzending op tv kun jij het programma onderbreken in je eigen hangout en andere filmpjes instarten. De mensen in jouw hangout beslissen samen of het een video is die iedereen moet zien. Zodra dat gebeurt, zien jullie die video met zijn allen en wordt hij ook direct voorgesteld aan de redactie van het programma.

Technologie

We vonden niet alleen een bug in Googles Hangout, we maakten ook een toepassing voor de Hangout-omgeving die volgens Google zijn gelijke nog niet kent. Een mooi compliment, dat we graag in onze zak steken. Vanaf 5 april (2015) is UploadTV te zien op tv voor de luie kijker en online voor de kijker die zijn eigen uitzending wil samenstellen.

Demo

UploadTV is niet meer online.

NPO player
player & maatwerk plugins voor NPO

Voor de Nederlandse Publieke Omroep (NPO) hebben wij de NPO-player ontwikkeld. Deze player wordt door de NPO gebruikt voor de live-streaming van tv-kanalen, maar ook voor NPO.nl en andere omroepsites.

Project

Doel was een player te maken die de NPO verregaande controle geeft over de content op het gebied van beveiliging, metadata, analytics en advertenties en daarnaast omroepen maximale vrijheid geeft bij het intergreren van de NPO player in hun eigen online video experiences.

Technologie

Technisch gezien is de player deels gebaseerd op de JW-Player 6. Tevens heeft Videodock maatwerk plug-ins geschreven voor de inpasbaarheid in de infrastructuur van de NPO. De player is HTML-5 compatibel, maakt gebruik van http live streaming en heeft een fallback naar progressive MP4 en Silverlight.

Live demo

Je kunt de NPO player in actie zien op NPO.nl. NB: ook wij kennen de discussie én de grappen over de kwaliteit van de NPO streams. Dat ligt dus niet aan onze player, zoals de NOS hier uitlegt.

RCO meets Fink
concert as an app voor Koninklijk Concertgebouworkest

Het concert als een app, of de app als een album. Je kunt er lang over discussieren. Feit is dat met de komst van de iPad er nieuwe deuren opengaan voor wie muziek naast live ook thuis wil beleven. Voor het Koninklijk Concertgebouworkest vertaalde Videodock het concert met Fink naar een nieuwe digitale gelaagde concertbeleving.

Project

Hoe vertaal je een concertopname naar een nieuwe gelaagde beleving. Samen met het Koninklijk Concertgebouworkest hebben we die vraag proberen te beantwoorden. De opname van het Koninginnenachtconcert met Fink en het concert vormde de basis, aangevuld met de opnames van de repetitie en apart geproduceerde interviews.

Concept

RCO meets Fink presenteert een gelaagd tijdlijnconcept voor videoproducties dat het begrip second screen herdefinieert. Gecombineerd met Apple TV als hoofdscherm en de iPad als tweede scherm transformeert RCO meets Fink van een Concert As An App naar een nieuwe dimensie van concertbeleving in de huiskamer. RCO meets Fink is als concept een product met intrinsieke niet digitaal te kopiëren waarde en biedt daarmee een nieuwe toekomst voor de exploitatie van muziekverkoop. De app bevat zes uur aan full-HD videomateriaal gerelateerd aan het concert, verspreid over meerdere interactieve tijdlijn videolagen.

Technologie/features

  • Full HD live-opname van het Koninginnenachtconcert met Fink en het Koninklijk Concertgebouworkest;
  • a seat at the Orchestra: 360 uitzicht vanuit het Koninklijk Concertgebouworkest;
  • extra videolaag met uitleg over muzikale keuzes van dirigent Ivan Meylemans, muziekarrangeur Jules Buckley en Fink frontman Finn Greenall;
  • terugkijken met Fink: bandcommentaar bij het hele concert;
  • fragmenten van de generale repetitie.

Demo

De app is nog steeds te verkrijgen in de App Store. Ze werkt vanaf iOS 6 tot en met iOS 9.3.1.