Gids voor videostreaming

Enterprise- of add-onfunctie

Stream video's rechtstreeks vanuit Kontainer naar websites en webshops. Lees meer en ga vandaag nog aan de slag. Plan een gesprek met Customer Success.

Zodra de tool voor videostreaming is geactiveerd, kun je aan de slag. Volg de eenvoudige stappen hieronder om een eigen insluitlink te maken of een sjabloon voor videoformaten in te stellen.

---

Video-CDN activeren

Zoek je videobestand en open het in de galerijweergave. Zorg dat de infobalk aan de rechterkant van de afbeelding openstaat, of open die door in het bovenste menu op het "i"-pictogram te klikken.

Onderaan het infomenu vindt je de optie om het video-CDN te activeren.

Zodra je het vakje Activeren hebt aangevinkt, begint Kontainer het videobestand om te zetten, zodat het in verschillende formaten beschikbaar is. Dat kan een paar minuten duren. Je kunt gerust andere taken doen en het venster vernieuwen om te zien of de conversie klaar is.

Insluitinstellingen

Is de conversie klaar, dan krijgt je een URL die je kunt kopiëren en een optie voor insluitinstellingen om je IFRAME- of HTML-insluitlink aan te passen.

De opties zijn onder meer:

• Automatisch afspelen
• Video herhalen
• Geluid dempen
• Bediening verbergen
• Formaten
• Downloaden inschakelen (moet worden geactiveerd voordat je de insluitinstellingen opent)

Om dit sneller en eenvoudiger te maken voor collega's en externe gebruikers, kun je voorinstellingen maken.

Voorinstellingen

Bij Resources kun je onder de videovoorinstellingen je eigen formaten voor snelle selectie instellen, met dezelfde opties als bij de insluitinstellingen.

De IFRAME- of HTML-link kopiëren

Ben je tevreden met je instellingen, dan kopieert je gewoon de IFRAME- of HTML-link en plakt je die in je website.

Zo eenvoudig is het.

Laat ons weten hoe het je vergaat en of je vragen hebt. Klik hier om Customer Success te mailen.

---

Ondersteunde bestandstypen

De volgende bestandstypen worden ondersteund in onze tool voor videostreaming:

'3gp', 'asf', 'avi', 'avs', 'dv', 'dvd', 'f4v', 'flic', 'flv', 'hevc', 'm1v', 'm2ts', 'm2v', 'm4v', 'm4p', 'mjpeg', 'mkv', 'mov', 'mp2', 'mp4', 'mp4v', 'mpeg', 'mpg', 'mpe', 'mpv', 'mts', 'mxf', 'ogv', 'psp', 'rm', 'swf', 'ts', 'vcd', 'vob', 'webm', 'wmv', 'wtv'

---

Automatische ondertiteling

Kontainer kan het gesproken geluid in een video automatisch transcriberen en ondertitels genereren, zodat je die niet handmatig hoeft te maken of een aparte tool nodig hebt.

Om de transcriptie te starten, klik je op de CC-optie en kies je de optie om een ondertitel toe te voegen.

Taaldetectie

De gesproken taal kan automatisch worden gedetecteerd, of je kunt zelf een specifieke taal kiezen voordat je de transcriptie start. Er is geen limiet aan het aantal talen waarvoor je ondertitels kunt genereren.

Het CC-venster

Zodra er een transcriptie bestaat, beheert je die vanuit het CC-venster. Daar kunt u:

1. de transcriptie vertalen naar andere talen
2. de transcriptie bewerken (tekst en timing)
3. de transcriptie als .srt-bestand downloaden
4. een bestaande transcriptie dupliceren
5. de ondertitels voor een geselecteerde taal verwijderen

Zodra de transcriptie klaar is, genereert Kontainer automatisch een ondertitelspoor voor de video.

Bestaande ondertitels uploaden

Heb je al een ondertitelbestand voor een video? Dan kun je dat rechtstreeks uploaden in plaats van een nieuw bestand te genereren. Voor uploaden worden alleen .srt-bestanden ondersteund.

Let op: ondertitels staan tijdens het afspelen niet standaard aan – kijkers moeten ze inschakelen via het menu met de drie puntjes rechtsonder in de videospeler.

---

Beschikbare bedieningsopties van de videospeler

Ontwikkelaars kunnen de videospeler programmatisch aansturen door berichten te sturen via postMessage. De speler kan deze berichten ontvangen en acties uitvoeren, zoals afspelen, pauzeren, het volume wijzigen of op volledig scherm gaan, zonder dat de gebruiker zelf op de speler hoeft te klikken.

Dit werkt ook als de video in een andere pagina of in een iframe is ingesloten.

Hieronder vindt je een lijst met beschikbare bedieningsopties voor de videospeler:

Afspeelbediening

• Afspelen
  window.postMessage({ type: 'kontainer-video-player', action: 'play' });

• Pauzeren
  window.postMessage({ type: 'kontainer-video-player', action: 'pause' });

• Stoppen
  window.postMessage({ type: 'kontainer-video-player', action: 'stop' });

Geluidsbediening

• Dempen
  window.postMessage({ type: 'kontainer-video-player', action: 'mute' });

• Dempen opheffen
  window.postMessage({ type: 'kontainer-video-player', action: 'unmute' });

• Dempen aan/uit
  window.postMessage({ type: 'kontainer-video-player', action: 'toggleMute' });

• Volume instellen (0,0 – 1,0)
  window.postMessage({ type: 'kontainer-video-player', action: 'setVolume', data: { volume: 0.5 } });

Afspeelpositie

• Zoeken (naar een tijdstip in seconden springen)
  window.postMessage({ type: 'kontainer-video-player', action: 'seek', data: { time: 60 } });

Volledig scherm

• Volledig scherm
  window.postMessage({ type: 'kontainer-video-player', action: 'fullscreen' });

• Volledig scherm verlaten
  window.postMessage({ type: 'kontainer-video-player', action: 'exitFullscreen' });

• Volledig scherm aan/uit
  window.postMessage({ type: 'kontainer-video-player', action: 'toggleFullscreen' });

Videokwaliteit

• Kwaliteit instellen
  window.postMessage({ type: 'kontainer-video-player', action: 'setQuality', data: { quality: 720 } });

  • 0 = automatisch

  • Of specifieke resoluties zoals 360, 480, 720 enzovoort.

Een specifieke speler op ID aansturen

• Een actie naar een specifieke spelerinstantie sturen
  window.postMessage({ type: 'kontainer-video-player', action: 'play', targetPlayerId: 'player_12345' });

  Let op: de playerId kan worden ingesteld via de URL-parameter ?playerId=your_custom_id of wordt gegenereerd op basis van de videobron.

Gebruik in iframes

• Dezelfde opdrachten, maar de berichten worden gestuurd naar de contentWindow van het iframe.

  Voorbeeld:
  const iframe = document.getElementById('your-iframe-id');

  iframe.contentWindow.postMessage({ type: 'kontainer-video-player', action: 'play' });