LuckyTemplates-videoer: Sådan integreres i dine rapporter

Hos LuckyTemplates har vi udgivet en masse tutorials til at oprette rapporter ved hjælp af de nyeste funktioner og visualiseringsteknikker i LuckyTemplates. Et grundlæggende emne er dog ikke rigtig blevet dækket endnu – hvordan du tilføjer og afspiller LuckyTemplates-videoer i dine rapporter. Du kan se den fulde video af denne tutorial nederst på denne blog.

Der er et par løsninger på dette problem. I dagens blog vil du lære, hvordan jeg griber dette problem an, og nogle andre metoder, der simpelthen ikke virker på grund af et par begrænsninger, som vi skal forholde os til.

Indholdsfortegnelse

• Eksempelrapport
• Metode 1: Oprettelse af knapper til LuckyTemplates-videoer
• Metode 2: Indlejring af en YouTube-video
  • Azure Blob Storage-konto til at gemme LuckyTemplates-videoer
• Metode 3: Brug af et fillager
  • Brug af token i LuckyTemplates
  • Uden SAS Token
• Konklusion

Eksempelrapport

Lad os starte med en eksempelrapport med en video tilføjet. 

Som vi kan se, har denne rapport en Afspil- knap, der faktisk afspiller en video, der er hostet på et eksternt websted –  Azure Blob Storage . 

For at forstå, hvordan det fungerer, skal du se på målingen ved at klikke på Videoer i feltruden. Målingen bruger HTML-videotagget og Blob Storage-linket, der fører os til MP4-videofilen. 

Dette er muligt med det brugerdefinerede visuelle, som giver os mulighed for at afspille videoer i rapporten.

Men hvordan blev det helt præcist gjort? Her er de tre almindelige metoder, som dataanalytikere bruger til at indlejre og afspille videoer i deres rapporter.

Metode 1: Oprettelse af knapper til LuckyTemplates-videoer

En af de enkleste måder at nå vores mål på er at indsætte en knap i vores rapport. Vi kan gøre dette ved at gå til Indsæt, Knap, og vælg derefter Blank i rullemenuen. 

Når knappen er oprettet, skal du gå til formateringsruden og åbne Handlinger. Vælg Web-URL under Type-feltet, og kopier derefter linket til din påtænkte video ind i Web-URL- feltet . 

Webadressen kan for eksempel være en video, der hostes på YouTube. Det er her brugeren skal gå, når de klikker på knappen.

For eksempel, når vi klikker på den knap, vi oprettede, vil vi blive ført direkte til vores videolink.

Metode 2: Indlejring af en YouTube-video

Vores første metode er en meget enkel måde at gøre det på, men nogle gange vil vi gerne have videoen inde i selve rapporten. 

Nogle mennesker undrer sig over, hvorfor vi skal tilføje knappen, hvis vi bare kunne bruge et YouTube-link i stedet for. Desværre, selvom den er almindelig, virker den metode simpelthen ikke. Lad os prøve og se, hvordan det ser ud.

Start med at gå til YouTube, klik på Del, og vælg Integrer blandt mulighederne.

Vi får udleveret en indlejringskode, som typisk bruges til at tilføje videoer på websteder. 

Vi kan antage, at den samme kode også ville fungere på vores LuckyTemplates-rapport, så lad os kopiere koden og oprette en ny målestok i LuckyTemplates.

Højreklik på Video i feltruden, og vælg Ny måling.

Kald det youtube og indsæt derefter vores YouTube-kode i næste linje som vist nedenfor. Husk, at når vi tilføjer HTML-kode til , skal vi erstatte de dobbelte anførselstegn med enkelte anførselstegn. 

For at forenkle denne proces skal du blot fremhæve et af de dobbelte anførselstegn, og derefter trykke på CTRL + SHIFT + L. Dette vil fremhæve alle dobbelte anførselstegn i koden. 

Indtast derefter et enkelt citat for at erstatte hvert dobbelte citat, der er blevet slettet. 

Dernæst vil vi tilføje dobbelte anførselstegn i begyndelsen og slutningen, hvilket efterlader os med en kode, der ser sådan ud.

Vores nye mål giver os dette tomme sorte billede. Vi får ingen fejlmeddelelse, men vi kan allerede se, at det ikke vil spille på LuckyTemplates-skrivebordet, og denne metode virker i sidste ende ikke. 

Men hvad ville der ske, hvis vi udgiver denne rapport til LuckyTemplates-tjenesten?

I modsætning til på skrivebordet kan vi faktisk se fejlmeddelelsen, når vi bruger en browser. Det vil være en ret teknisk fejlmeddelelse, men lad os alligevel se på det. 

Lad os åbne LuckyTemplates og finde vores gemte LuckyTemplates-rapport.

Det skulle åbne det samme visuelle billede, som vi fik i LuckyTemplates desktop. Videoen afspilles stadig ikke, men i browseren kan vi gå til Indstillinger fra de tre prikker i øverste højre hjørne af skærmen, rulle ned til Flere værktøjer og derefter vælge Udviklerværktøjer. 

Hver moderne browser har udviklerværktøjerne, selvom de kan se lidt anderledes ud eller være placeret på en anden del af din browser. 

Når udviklerværktøjerne åbner, kan vi se et par fejl, hvoraf nogle kommer fra YouTube.

YouTube giver en fejl, fordi hver brugerdefineret visualisering er begrænset i funktionalitet. Vores visuelle er teknisk set inde i et begrænset sandboxed iframe-element i browseren med begrænset funktionalitet. 

Det er grunden til, at noget funktionalitet simpelthen ikke er muligt for os at gøre, som vi ser i vores eksempel. Vi er i en sandbox iframe, der ikke " tillader samme oprindelse ", en kombination af begrænsninger fra YouTube og fra Microsoft. 

Desværre er der ingen mulighed for det, så det anbefales at bruge en Azure Blob Storage i stedet. Det fungerer perfekt i din LuckyTemplates-rapport og giver dig fuld kontrol over, hvem og hvordan filerne kan tilgås.

Azure Blob Storage-konto til at gemme LuckyTemplates-videoer

Hvis du endnu ikke har en Azure Blob Storage-konto, vil vi gennemgå processen med at oprette en helt ny storage-konto i Azure-portalen og vise dig, hvordan du også uploader videoer.

Dette inkluderer også generering af sikre links, der ikke er offentlige for verden, hvis du vil begrænse adgangen til dine videoer.

Metode 3: Brug af et fillager

For at starte skal du besøge Azure Portal og åbne dit abonnement. I vores eksempel hedder vores abonnement TEST/TEMP. 

Når vi vælger dette TEST-abonnement, fører det os til en anden side, hvor vi kan klikke på Ressourcegrupper.

Vi vil derefter oprette en ny tom ressourcegruppe, som vi kalder test_video . Lad os derefter definere, hvilken placering vi ønsker, at denne skal oprettes. Klik på Opret eller Enter.

Vi har netop oprettet en ny ressourcegruppe. Og inden for denne ressourcegruppe skal du tilføje en lagerkonto. 

For at gøre det skal du klikke på Opret og derefter søge efter " lagring" i den resulterende søgelinje. 

Vælg det første resultat, lagerkontoen fra Microsoft, og klik på Opret.

Derefter skal vi definere, hvilket abonnement og hvilken ressourcegruppe kontoen skal være i. Vi bør også give den et navn og vælge den region, vi er i. 

Med hver Azure-ressource er der en masse indstillinger, som vi kan gennemgå, såsom dem nedenfor. 

Men til denne tutorial vil vi bruge standardindstillingerne, fordi de fungerer fint til vores specifikke sag. 

Så klik på Gennemgå + opret og derefter på Opret på næste side.

Implementeringen af ​​en ny ressource kan tage et eller to minutter. Vi kan tjekke meddelelserne og se, hvornår det stadig er i drift.

Når den er implementeret, kan vi gå til vores lagerkonto og uploade videoen. 

Vi går til Hjem og åbner den relevante abonnements- og ressourcegruppe. Vi kan derefter begynde at tilføje videoer til det. 

For at gøre det skal du åbne lagerkontoen. 

Klik derefter på Lagerbrowser (forhåndsvisning) , Blob-beholdere og Tilføj beholder. 

Vi vil simpelthen kalde det video . Vi skal også beslutte, om vi vil gøre containeren privat eller anonym. 

For vores container, lad os først vælge Privat (ingen anonym adgang) .

Blob (kun anonym læseadgang for blobs) betyder, at alle med URL'en til videoen eller filen i containeren kan få adgang til den, mens man for Privat (ingen anonym adgang) har brug for lidt mere at konfigurere. 

Her er detaljerne om vores nye container.

Det næste trin er at prøve at tilføje en video til den.

Så lad os åbne vores videobeholder , der findes i Storage-browseren (forhåndsvisning). Klik derefter på knappen Upload og træk eller slip vores videofil.

Videofilen skulle vises. 

Og når vi vælger videofilen, får vi URL'en, som vi kan kopiere til udklipsholderen. Lad os indsætte det i et privat vindue (inkognito) for at se, hvordan det ville se ud for en ekstern bruger.

Vi burde få en fejlmeddelelse som et resultat. Dette skyldes, at Blob-beholderen er sat til privat, og vi har ikke adgang til den. 

Så hvordan løser vi dette problem? Hvordan får vi adgang til videoen? 

Vi skal åbne Microsoft Azure og gå tilbage til test_video.

Åbn derefter lagerbrowseren (forhåndsvisning) og Blob-beholdere .  

Det, vi vil gøre, er at tilføje et SAS-token til hele containeren. Det gør vi ved at klikke på de tre prikker til højre og vælge Generer SAS. 

Vi ønsker også at indstille vores tokens gyldighedsdato fra i dag til næste år. Derefter kan vi generere SAS-token og URL.

Dette vil oprette et token i form af en streng under knappen Generer SAS-token og URL-adresse . Det er det token, som vi skal huske og kopiere.

Lad os nu gå tilbage til vores private vindue med den forrige URL. Det burde stadig ikke virke som vist nedenfor.

Men når vi tilføjer et spørgsmålstegn i slutningen af ​​URL'en og derefter indsætter tokenet, vil det autentificere URL'en, så vi kan få adgang til blobs i vores container.

Med tokenet tilføjet, kan vi nu afspille videoen. Det betyder, at URL'en med tokenet er det, vi også kan bruge til vores rapport. 

Brug af token i LuckyTemplates

Lad os gå tilbage til vores LuckyTemplates-rapport og oprette en ny side 

Vi har den tidligere foranstaltning, vi kaldte youtube , der ser sådan ud. 

Vi vil genbruge og opdatere denne foranstaltning for at komme i gang denne gang. 

Behold videotagget og definer, at vi ønsker, at videoen skal fylde hundrede procent af rummet i det visuelle (bredde=100%) . Tilføj også kontrollerne , som omfatter de dedikerede knapper til afspilning, pause og så videre. 

Det vigtigste er, at tilføje den nye kilde eller URL'en med SAS-tokenet tilføjet. 

Dernæst tilføjer vi HTML CSS Viewer fra visualiseringsruden og klikker på Video under feltruden. 

I sidste ende skulle videoen nu dukke op på vores side, så vi kan afspille den video, vi uploadede til Blob Storage.

Bemærk, at dette fungerer privat, så vi skal have SAS-tokenet. Ellers har vi stadig ikke adgang til videoen. 

Uden SAS Token

Lad os hurtigt gennemgå processen for, hvordan du ville gøre dette uden SAS-tokenet.

Gå tilbage til vores lagerkonto for at opdatere privatlivets fred for vores videobeholder. I stedet for Privat, lad os ændre det til Blobs (kun anonym læseadgang for blobs) . Klik derefter på OK.

Går vi tilbage til vores rapport, kan vi fjerne tokenet og forvente, at vi stadig kan se og afspille videoen. 

Ændring af privatlivets fred for vores videobeholder betyder også, at alle med linket kan få adgang til videoen. Hvis vi f.eks. placerer URL'en i vores browser, skal videoen stadig afspilles selv uden tokenet.

Konklusion

Direkte indlejring af YouTube-videoer i LuckyTemplates-rapporter er ikke muligt på grund af begrænsningerne fra både Microsoft og YouTube. 

En nem måde at løse dette problem på er at tilføje knapper med hyperlinks til videoerne. Dette fungerer uden brugerdefinerede billeder og er kompatibelt med YouTube-videoer eller videoer fra Blob Storage.

Men hvis du vil have din video indlejret i rapporten, er den mest brugervenlige tilgang at bruge en Azure Blob Storage. Det er nemt at sætte op, praktisk og også relativt billigt.

Du kan anvende det, du har lært i dag, til at lave din næste LuckyTemplates-rapport. For eksempel vil du finde det nyttigt at tilføje en slutbrugerhjælpevideo fra udvikleren for at forklare, hvordan rapporten skal bruges. Der er mange flere applikationer til videoer på LuckyTemplates, og du kan nu drage fordel af dem.

Alt det bedste,

Pascal Kiefer