LuckyTemplates-videoer: Slik bygger du inn i rapportene dine

Hos LuckyTemplates har vi lagt ut mange opplæringsprogrammer for å lage rapporter ved å bruke de nyeste funksjonene og visualiseringsteknikkene i LuckyTemplates. Et grunnleggende emne har imidlertid ikke blitt dekket ennå – hvordan legge til og spille av LuckyTemplates-videoer i rapportene dine. Du kan se hele videoen av denne opplæringen nederst på denne bloggen.

Det er et par løsninger på dette problemet. I dagens blogg vil du lære hvordan jeg nærmer meg dette problemet, og noen andre metoder som rett og slett ikke fungerer på grunn av et par restriksjoner som vi må forholde oss til.

Innholdsfortegnelse

• Eksempelrapport
• Metode 1: Lage knapper for LuckyTemplates-videoer
• Metode 2: Bygge inn en YouTube-video
  • Azure Blob Storage-konto for å lagre LuckyTemplates-videoer
• Metode 3: Bruke en fillagring
  • Bruke tokenet i LuckyTemplates
  • Uten SAS Token
• Konklusjon

Eksempelrapport

La oss starte med en eksempelrapport med en video lagt til. 

Som vi kan se, har denne rapporten en Play- knapp som faktisk spiller av en video som er vert på et eksternt nettsted –  Azure Blob Storage . 

For å forstå hvordan det fungerer, se på målingen ved å klikke på Videoer i feltruten. Tiltaket bruker HTML-videokoden og Blob Storage-koblingen som fører oss til MP4-videofilen. 

Dette er mulig med det tilpassede visuelle bildet som lar oss spille av videoer i rapporten.

Men hvordan ble det gjort? Her er de tre vanlige metodene som brukes av dataanalytikere for å bygge inn og spille av videoer i rapportene deres.

Metode 1: Lage knapper for LuckyTemplates-videoer

En av de enkleste måtene å nå målet vårt er å sette inn en knapp i rapporten vår. Vi kan gjøre dette ved å gå til Insert, Button, og velg deretter Blank i rullegardinmenyen. 

Når knappen er opprettet, går du til formateringsruten og åpner Handlinger. Velg Nettadresse under Type-feltet, og kopier deretter koblingen til den tiltenkte videoen til Nettadresse- feltet . 

Nettadressen kan for eksempel være en video som er vert på YouTube. Dette er hvor brukeren skal gå når de klikker på knappen.

Når vi for eksempel klikker på knappen vi opprettet, blir vi tatt rett til videolenken vår.

Metode 2: Bygge inn en YouTube-video

Vår første metode er en veldig enkel måte å gjøre det på, men noen ganger vil vi ha videoen inne i selve rapporten. 

Noen lurer på hvorfor vi må legge til knappen hvis vi bare kunne bruke en YouTube-kobling i stedet. Dessverre, selv om den er vanlig, fungerer den metoden rett og slett ikke. La oss prøve og se hvordan det ser ut.

Start med å gå til YouTube, klikk Del, og velg Bygg inn fra alternativene.

Vi vil få en innebygd kode, vanligvis brukt til å legge til videoer på nettsteder. 

Vi kan anta at den samme koden også vil fungere på LuckyTemplates-rapporten vår, så la oss kopiere koden og lage et nytt mål i LuckyTemplates.

Høyreklikk på Video i feltruten og velg Ny mål.

Kall det youtube og lim inn YouTube-koden vår i neste linje som vist nedenfor. Husk at når vi legger til HTML-kode i , må vi erstatte de doble anførselstegnene med enkle anførselstegn. 

For å forenkle denne prosessen, uthev ganske enkelt ett av de doble anførselstegnene, og trykk deretter CTRL + SHIFT + L. Dette vil markere hvert dobbelte anførselstegn i koden. 

Skriv deretter inn et enkelt anførselstegn for å erstatte hvert dobbelte anførselstegn som har blitt slettet. 

Deretter legger vi til doble anførselstegn i begynnelsen og slutten, og etterlater oss med en kode som ser slik ut.

Vårt nye mål gir oss denne blanke svarte visualiseringen. Vi får ingen feilmelding, men vi kan allerede se at det ikke vil spille på LuckyTemplates-skrivebordet, og denne metoden fungerer til slutt ikke. 

Men hva ville skje hvis vi publiserte denne rapporten til LuckyTemplates-tjenesten?

I motsetning til på skrivebordet kan vi faktisk se feilmeldingen når vi bruker en nettleser. Det vil være en ganske teknisk feilmelding, men la oss se på den likevel. 

La oss åpne LuckyTemplates og finne vår lagrede LuckyTemplates-rapport.

Den skal åpne den samme visualiseringen som vi fikk i LuckyTemplates-skrivebordet. Videoen spilles fortsatt ikke av, men i nettleseren kan vi gå til innstillingene fra de tre prikkene øverst til høyre på skjermen, bla ned til Flere verktøy og deretter velge Utviklerverktøy. 

Hver moderne nettleser har utviklerverktøyene, selv om de kan se litt annerledes ut eller være plassert i en annen del av nettleseren din. 

Når utviklerverktøyene åpnes, kan vi se et par feil, hvorav noen kommer fra YouTube.

YouTube gir en feilmelding fordi hver egendefinerte visualisering er begrenset i funksjonalitet. Visualiseringen vår er teknisk sett inne i et begrenset sandkasse-iframe-element i nettleseren med begrenset funksjonalitet. 

Det er grunnen til at noe funksjonalitet rett og slett ikke er mulig for oss å gjøre som vi ser i utvalget vårt. Vi er i en sandkasse-iframe som ikke " tillater samme opprinnelse ", en kombinasjon av restriksjoner fra YouTube og fra Microsoft. 

Dessverre er det ingen løsning for det, derfor anbefales det å bruke en Azure Blob Storage i stedet. Det fungerer perfekt i LuckyTemplates-rapporten din og gir deg full kontroll over hvem og hvordan filene kan nås.

Azure Blob Storage-konto for å lagre LuckyTemplates-videoer

I tilfelle du ikke har en Azure Blob Storage-konto ennå, vil vi gå gjennom prosessen med å opprette en helt ny lagringskonto i Azure-portalen, og vise deg hvordan du også laster opp videoer.

Dette inkluderer også å generere sikre lenker som ikke er offentlige for verden i tilfelle du vil begrense tilgangen til videoene dine.

Metode 3: Bruke en fillagring

For å starte, besøk Azure Portal og åpne abonnementet ditt. I vårt eksempel heter abonnementet vårt TEST/TEMP. 

Når vi velger dette TEST-abonnementet, tar det oss til en annen side hvor vi kan klikke på Ressursgrupper.

Vi vil da opprette en ny tom ressursgruppe som vi kaller test_video . La oss deretter definere hvilket sted vi vil at dette skal opprettes. Klikk Opprett eller Enter.

Vi har nettopp opprettet en ny ressursgruppe. Og i denne ressursgruppen legger du til en lagringskonto. 

For å gjøre det, klikk på Opprett og søk deretter " lagring" i den resulterende søkelinjen. 

Velg det første resultatet, lagringskontoen fra Microsoft, og klikk på Opprett.

Deretter må vi definere hvilket abonnement og hvilken ressursgruppe kontoen skal være i. Vi bør også gi den et navn og velge regionen vi er i. 

Med hver Azure-ressurs er det mange innstillinger vi kan gå gjennom, for eksempel de nedenfor. 

Men for denne opplæringen vil vi bruke standardinnstillingene fordi de fungerer helt fint for vårt spesifikke tilfelle. 

Så klikk Gjennomgå + opprett og deretter Opprett på neste side.

Utrullingen av en ny ressurs kan ta ett eller to minutter. Vi kan sjekke varslene og se når den fortsatt distribueres.

Når den er distribuert, kan vi gå til lagringskontoen vår og laste opp videoen. 

Vi vil gå til Hjem og åpne den aktuelle abonnements- og ressursgruppen. Vi kan deretter begynne å legge til videoer til den. 

For å gjøre det, åpne lagringskontoen. 

Klikk deretter Lagringsleser (forhåndsvisning) , Blob-beholdere og Legg til beholder. 

Vi vil ganske enkelt kalle det video . Vi må også avgjøre om vi skal gjøre beholderen privat eller anonym. 

For containeren vår, la oss velge Privat (ingen anonym tilgang) først.

Blob (anonym lesetilgang kun for blobs) betyr at alle med URL-en til videoen eller filen i beholderen kan få tilgang til den, mens for Privat (ingen anonym tilgang), trenger man litt mer å sette opp. 

Her er detaljene for vår nye container.

Det neste trinnet er å prøve å legge til en video til den.

Så la oss åpne videobeholderen vår i Storage-nettleseren (forhåndsvisning). Klikk deretter på Last opp -knappen og dra eller slipp videofilen vår.

Videofilen skal vises. 

Og når vi velger videofilen, får vi URL-en som vi kan kopiere til utklippstavlen. La oss lime det inn i et privat vindu (inkognito) for å se hvordan det vil se ut for en ekstern bruker.

Vi bør få en feilmelding som et resultat. Dette er fordi Blob-beholderen er satt til privat, og vi har ikke tilgang til den. 

Så hvordan løser vi dette problemet? Hvordan får vi tilgang til videoen? 

Vi må åpne Microsoft Azure og gå tilbake til test_video.

Deretter åpner du Storage-nettleseren (forhåndsvisning) og Blob-beholdere .  

Det vi ønsker å gjøre er å legge til et SAS-token til hele beholderen. Det gjør vi ved å klikke på de tre prikkene til høyre og velge Generer SAS. 

Vi ønsker også å sette vår token-gyldighetsdato fra i dag til neste år. Deretter kan vi generere SAS-token og URL.

Dette vil lage et token i form av en streng under Generer SAS-token og URL- knappen. Det er symbolet som vi trenger å huske og kopiere.

La oss nå gå tilbake til vårt private vindu med forrige URL. Det skal fortsatt ikke fungere som vist nedenfor.

Men når vi legger til et spørsmålstegn på slutten av URL-en og deretter limer inn tokenet, vil det autentisere URL-en slik at vi får tilgang til blobs i beholderen vår.

Med tokenet lagt til, kan vi nå spille av videoen. Dette betyr at nettadressen med token er det vi også kan bruke til rapporten vår. 

Bruke tokenet i LuckyTemplates

La oss gå tilbake til LuckyTemplates-rapporten vår og lage en ny side 

Vi har det forrige tiltaket vi kalte youtube som ser slik ut. 

Vi vil gjenbruke og oppdatere dette tiltaket for å komme i gang denne gangen. 

Behold video-taggen og definer at vi vil at videoen skal fylle hundre prosent av plassen til det visuelle (bredde=100%) . Legg også til kontrollene , som inkluderer de dedikerte knappene for avspilling, pause og så videre. 

Viktigst av alt, legg til den nye kilden eller URL-en med SAS-tokenet lagt til. 

Deretter legger vi til HTML CSS Viewer fra visualiseringsruten og klikker på Video under feltruten. 

Til syvende og sist skal videoen nå vises på siden vår, slik at vi kan spille av videoen vi lastet opp til Blob Storage.

Merk at dette fungerer privat, så vi må ha SAS-tokenet. Ellers har vi fortsatt ikke tilgang til videoen. 

Uten SAS Token

La oss raskt gå gjennom prosessen for hvordan du ville gjort dette uten SAS-tokenet.

Gå tilbake til lagringskontoen vår for å oppdatere personvernet til videobeholderen vår. I stedet for Privat, la oss endre det til Blobs (kun anonym lesetilgang for blobs) . Klikk deretter OK.

Når vi går tilbake til rapporten vår, kan vi fjerne tokenet og forvente at vi fortsatt kan se og spille av videoen. 

Å endre personvernet til videobeholderen vår betyr også at alle med lenken kan få tilgang til videoen. Hvis vi for eksempel plasserer URL-en i nettleseren vår, skal videoen fortsatt spilles av selv uten token.

Konklusjon

Direkte innbygging av YouTube-videoer i LuckyTemplates-rapporter er ikke mulig på grunn av begrensningene fra både Microsoft og YouTube. 

En enkel måte å løse dette problemet på er å legge til knapper med hyperkoblinger til videoene. Dette fungerer uten egendefinerte bilder og er kompatibelt med YouTube-videoer eller videoer fra Blob Storage.

Men hvis du vil ha videoen din innebygd i rapporten, er den mest brukervennlige tilnærmingen å bruke en Azure Blob Storage. Det er enkelt å sette opp, praktisk og også relativt billig.

Du kan bruke det du lærte i dag til å lage din neste LuckyTemplates-rapport. For eksempel vil du finne det nyttig å legge til en sluttbrukerhjelpevideo fra utvikleren for å forklare hvordan rapporten skal brukes. Det er mange flere applikasjoner for videoer på LuckyTemplates, og du kan nå dra nytte av dem.

Beste ønsker,

Pascal Kiefer