Videostreaming på et website fra Kontainer

Enterprise- eller tilkøbsfunktion

Stream videoer direkte fra Kontainer til websites og webshops. Hør mere, og kom i gang i dag. Book et møde med Customer Success.

Når videostreamingværktøjet er aktiveret, er I klar. Følg de enkle trin nedenfor for at få et tilpasset indlejringslink eller oprette en skabelon til videoformater.


Aktivér Video CDN

Find jeres videofil, og åbn den i galleritilstand. Sørg for, at infolinjen i højre side af billedet er åben, eller åbn den ved at klikke på "i"-ikonet i menuen øverst.

Nederst i infomenuen finder I muligheden for at aktivere Video CDN.

Når I har sat kryds i Activate, begynder Kontainer at konvertere videofilen, så den er tilgængelig i forskellige størrelser. Det kan tage et par minutter, så I kan roligt gå i gang med andre opgaver og opdatere vinduet for at se, hvornår konverteringen er færdig.

Aktivér video-CDN til videostreaming i Kontainer

Indstillinger for indlejring

Når konverteringen er færdig, får I en URL, I kan kopiere, og en mulighed for Embed settings, hvor I kan tilpasse jeres IFRAME- eller HTML-indlejringslink.

Mulighederne omfatter:

  • Autoafspilning
  • Gentaget video
  • Slået lyden fra
  • Skjulte kontroller
  • Størrelser
  • Aktivér download (skal være aktiveret, før I åbner Embed settings)

Indstillinger for indlejring til videostreaming i Kontainer

For at gøre det hurtigere og nemmere for kolleger og eksterne brugere kan I oprette forudindstillinger.

Forudindstillinger (presets)

Under Resources og Video presets kan I oprette jeres egne hurtigvalg med de samme muligheder som i Embed settings.

Forudindstillinger til videostreaming i Kontainer

Når I er tilfredse med indstillingerne, kopierer I blot IFRAME- eller HTML-linket og indsætter det på jeres website.

Kopiér det færdige link i Embed settings i Kontainers videostreamingværktøj

Så enkelt er det.

Fortæl os, hvordan det går, og skriv, hvis I har spørgsmål. Klik her for at skrive til Customer Success.


Understøttede filtyper

Følgende filtyper understøttes i vores videostreamingværktøj:

'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'


Automatiske undertekster

Kontainer kan automatisk transskribere den talte lyd i en video og lave undertekster, så I ikke selv skal lave dem manuelt eller bruge et separat værktøj.

For at starte transskriptionen klikker I på CC-muligheden og Add subtitle.

Start automatisk transskription af undertekster i videostreaming

Sproggenkendelse

Det talte sprog kan registreres automatisk, eller I kan selv vælge et bestemt sprog, før I starter transskriptionen. Der er ingen grænse for, hvor mange sprog I kan lave undertekster på.

Vælg sprog til undertekster i videostreaming

CC-vinduet

Når der findes en transskription, styres den fra CC-vinduet. Herfra kan I:

  1. Oversætte transskriptionen til andre sprog
  2. Redigere transskriptionen (tekst og timing)
  3. Downloade transskriptionen som en .srt-fil
  4. Duplikere en eksisterende transskription
  5. Slette underteksterne for et valgt sprog

Muligheder i CC-vinduet i videostreaming

Når transskriptionen er færdig, laver Kontainer automatisk et undertekstspor til videoen.

Automatiske undertekster lavet i Kontainer DAM Video Streaming Tool

Upload eksisterende undertekster

Har I allerede en underteksfil til en video, kan I uploade den direkte i stedet for at lave en ny. Kun .srt-filer understøttes ved upload.

Tilføj undertekster til videoer med Kontainer DAM Video Streaming Tool

Bemærk: Undertekster er ikke slået til som standard ved afspilning – seerne skal slå dem til via menuen med tre prikker nederst til højre i videoafspilleren.


Tilgængelige kontroller til videoafspilleren

Udviklere kan styre videoafspilleren programmatisk ved at sende den beskeder via postMessage. Afspilleren kan modtage beskederne og udføre handlinger som afspil, pause, ændr lydstyrke eller fuld skærm – uden at brugeren skal klikke på selve afspilleren.

Det virker også, hvis videoen er indlejret på en anden side eller i en iframe.

Nedenfor ser I en liste over de tilgængelige kontroller til videoafspilleren:

Afspilningskontroller

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

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

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

Lydkontroller

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

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

  • Toggle Mute
    window.postMessage({ type: 'kontainer-video-player', action: 'toggleMute' });

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

Afspilningsposition

  • Seek (hop til et tidspunkt i sekunder)
    window.postMessage({ type: 'kontainer-video-player', action: 'seek', data: { time: 60 } });

Fuldskærmskontroller

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

  • Exit Fullscreen
    window.postMessage({ type: 'kontainer-video-player', action: 'exitFullscreen' });

  • Toggle Fullscreen
    window.postMessage({ type: 'kontainer-video-player', action: 'toggleFullscreen' });

Videokvalitet

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

    • 0 = Auto

    • Eller bestemte opløsninger som 360, 480, 720 osv.

Styr en bestemt afspiller via ID

  • Send en handling til en bestemt afspillerinstans
    window.postMessage({ type: 'kontainer-video-player', action: 'play', targetPlayerId: 'player_12345' });

    Bemærk: playerId kan angives via URL-parameteren ?playerId=your_custom_id, eller den genereres ud fra videokilden.

Brug i iframes

  • Samme kommandoer, men beskederne sendes til iframens contentWindow.

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

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