LuckyTemplates videók: Hogyan ágyazzuk be a jelentéseket

A LuckyTemplates-nél sok oktatóanyagot tettünk közzé a jelentések elkészítéséhez a LuckyTemplates legújabb funkcióival és megjelenítési technikáival. Egy alapvető témával azonban még nem foglalkoztunk: hogyan adhatunk hozzá és játszhatunk le LuckyTemplates-videókat a jelentésekben. Az oktatóanyag teljes videóját a blog alján tekintheti meg.

Van néhány megoldás erre a problémára. A mai blogban megtudhatja, hogyan közelítem meg ezt a problémát, és néhány más módszert, amelyek egyszerűen nem működnek néhány korlátozás miatt, amelyekkel meg kell küzdenünk.

Tartalomjegyzék

• Mintajelentés
• 1. módszer: Gombok létrehozása a LuckyTemplates videókhoz
• 2. módszer: YouTube-videó beágyazása
  • Azure Blob Storage-fiók a LuckyTemplates videók tárolására
• 3. módszer: Fájltároló használata
  • A Token használata a LuckyTemplatesben
  • SAS token nélkül
• Következtetés

Mintajelentés

Kezdjük egy mintajelentéssel, amelyhez egy videó is van hozzáadva. 

Amint látjuk, ebben a jelentésben van egy Lejátszás gomb, amely valójában egy külső webhelyen tárolt videót játszik le – az  Azure Blob Storage-on . 

A működésének megértéséhez tekintse meg a mértéket a Mezők ablaktáblán a Videók lehetőségre kattintva. Az intézkedés a HTML videocímkét és a Blob Storage hivatkozást használja, amely az MP4 videófájlhoz vezet. 

Ez lehetséges az egyéni vizualizációval, amely lehetővé teszi a videók lejátszását a jelentésben.

De hogyan is készült pontosan? Íme az adatelemzők által használt három általános módszer a videók jelentéseikbe való beágyazására és lejátszására.

1. módszer: Gombok létrehozása a LuckyTemplates videókhoz

Célunk elérésének egyik legegyszerűbb módja egy gomb beszúrása a jelentésünkbe. Ezt úgy tehetjük meg, hogy a Beszúrás, Gomb menüpontot választjuk, majd a legördülő menüből  válasszuk az Üres lehetőséget .

A gomb létrehozása után lépjen a Formázás ablakba, és nyissa meg a Műveletek elemet. Válassza a Web URL lehetőséget a Típus mezőben, majd másolja be a kívánt videó linkjét a Web URL mezőbe . 

A web URL lehet például egy YouTube-on tárolt videó. Ide kell mennie a felhasználónak, miután rákattint a gombra.

Például, amikor az általunk létrehozott gombra kattintunk, közvetlenül a videó linkjére kerülünk.

2. módszer: YouTube-videó beágyazása

Az első módszerünk egy nagyon egyszerű módja ennek, de néha azt szeretnénk, hogy a videó a jelentésben legyen. 

Vannak, akik csodálkoznak, miért kell hozzáadnunk a gombot, ha helyette használhatnánk egy YouTube-linket. Sajnos, bár elterjedt, ez a módszer egyszerűen nem működik. Próbáljuk meg, hogyan jelenik meg.

Kezdje azzal, hogy nyissa meg a YouTube-ot, kattintson a Megosztás elemre, és válassza a Beágyazás lehetőséget a lehetőségek közül.

Kapunk egy beágyazási kódot, amelyet általában videók hozzáadására használnak a webhelyeken. 

Feltételezhetjük, hogy ugyanaz a kód működne a LuckyTemplates jelentésünkön is, ezért másoljuk ki a kódot, és hozzunk létre egy új mértéket a LuckyTemplatesben.

Kattintson a jobb gombbal a Videó elemre a Mezők ablaktáblában, és válassza az Új mérték lehetőséget.

Nevezzük youtube-nak , majd illessze be YouTube-kódunkat a következő sorba az alábbiak szerint. Ne feledje, hogy amikor HTML kódot adunk hozzá, a dupla idézőjeleket szimpla idézőjelekre kell cserélnünk. 

A folyamat egyszerűsítéséhez egyszerűen jelölje ki az egyik kettős idézőjelet, majd nyomja meg a CTRL + SHIFT + L billentyűket. Ezzel minden dupla idézőjel kiemelésre kerül a kódban. 

Ezután írjon be egyetlen idézőjelet minden törölt kettős idézőjel helyére. 

Ezután dupla idézőjeleket adunk az elejére és a végére, így a kód így néz ki.

Az új mértékünk ezt az üres fekete látványt adja. Nem kapunk hibaüzenetet, de már látjuk, hogy a LuckyTemplates asztalon nem fog lejátszani, és ez a módszer végül nem működik. 

De mi történne, ha ezt a jelentést közzétennénk a LuckyTemplates szolgáltatásban?

Ellentétben az asztali számítógéppel, a hibaüzenetet valójában böngésző használatakor láthatjuk. Eléggé technikai hibaüzenet lesz, de azért nézzük meg. 

Nyissuk meg a LuckyTemplates alkalmazást , és keressük meg a mentett LuckyTemplates jelentésünket.

Ugyanazt a vizualizációt kell megnyitnia, mint a LuckyTemplates asztalon. A videót továbbra sem játssza le, de a böngészőben a képernyő jobb felső sarkában lévő három pontból léphetünk a Beállításokba , görgessünk le a További eszközökhöz, majd válasszuk a Fejlesztői eszközöket. 

Minden modern böngésző rendelkezik a Fejlesztői eszközökkel, bár lehet, hogy kicsit másképp néz ki, vagy a böngésző egy másik részén található. 

Miután megnyílik a Fejlesztői eszközök, láthatunk néhány hibát, amelyek egy része a YouTube-ról származik.

A YouTube hibaüzenetet ad, mert minden egyéni vizualizáció korlátozottan működik. Vizuálisunk technikailag egy korlátozott funkcionalitású, korlátozott sandbox iframe elemen belül van a böngészőben. 

Ez az oka annak, hogy bizonyos funkciókat egyszerűen nem tudunk megcsinálni, ahogy a mintánkban látjuk. Egy sandbox iframe-ben vagyunk, amely nem „ engedélyezi ugyanazt az eredetet ” – ez a YouTube és a Microsoft korlátozásainak kombinációja. 

Sajnos ez nem megoldható, ezért javasoljuk az Azure Blob Storage használatát. Tökéletesen működik a LuckyTemplates jelentésben, és teljes mértékben szabályozhatja, hogy kik és hogyan férhetnek hozzá a fájlokhoz.

Azure Blob Storage-fiók a LuckyTemplates videók tárolására

Ha még nem rendelkezik Azure Blob Storage-fiókkal, végigvezetjük egy vadonatúj tárfiók létrehozásának folyamatát az Azure Portalon, és megmutatjuk, hogyan tölthet fel videókat.

Ez magában foglalja a biztonságos linkek létrehozását is, amelyek nem nyilvánosak a világ számára, arra az esetre, ha korlátozni szeretné a hozzáférést a videóihoz.

3. módszer: Fájltároló használata

A kezdéshez keresse fel az Azure Portalt , és nyissa meg az előfizetését. Példánkban az előfizetésünk neve TEST/TEMP. 

Amikor kiválasztjuk ezt a TESZT-előfizetést, egy másik oldalra jutunk, ahol az Erőforráscsoportok elemre kattinthatunk.

Ezután létrehozunk egy új üres erőforráscsoportot, amelyet test_video néven fogunk hívni . Ezután határozzuk meg, hogy melyik helyet szeretnénk létrehozni. Kattintson a Létrehozás vagy az Enter gombra.

Nemrég hoztunk létre egy új erőforráscsoportot. Ezen az erőforráscsoporton belül adjon hozzá egy tárfiókot. 

Ehhez kattintson a Létrehozás gombra , majd keressen a „ tárhely” elemre a megjelenő keresősávban. 

Válassza ki az első eredményt, a Microsoft Storage-fiókját, majd kattintson a Létrehozás gombra.

Ezután meg kell határoznunk, hogy a fiók melyik előfizetésben és erőforráscsoportban legyen. Adjunk nevet is, és válasszuk ki a régiót, amelyben vagyunk. 

Minden Azure-erőforráshoz számos beállítást tudunk végrehajtani, például az alábbiakat. 

De ehhez az oktatóanyaghoz az alapértelmezett beállításokat fogjuk használni, mert ezek jól működnek a mi konkrét esetünkben. 

Tehát a következő oldalon kattintson az Áttekintés + létrehozás, majd a Létrehozás lehetőségre .

Egy új erőforrás telepítése egy-két percig tarthat. Ellenőrizhetjük az értesítéseket, és megnézhetjük, hogy jelenleg mikor van még üzembe helyezve.

A telepítés után beléphetünk a tárfiókunkba, és feltölthetjük a videót. 

A Kezdőlapra lépünk , és megnyitjuk a megfelelő előfizetést és erőforráscsoportot. Ezután elkezdhetjük videókat hozzáadni hozzá. 

Ehhez nyissa meg a tárfiókot. 

Ezután kattintson a Tárböngésző (előnézet) , a Blob-tárolók és a Tároló hozzáadása lehetőségre. 

Egyszerűen csak videónak fogjuk nevezni . Azt is el kell döntenünk, hogy a tárolót privát vagy névtelenné tesszük-e. 

Tárolónk esetében először válassza a Privát (nincs névtelen hozzáférés) lehetőséget.

A Blob (csak a blobok névtelen olvasási hozzáférése) azt jelenti, hogy a videó vagy a tárolóban lévő fájl URL-címével mindenki hozzáférhet, míg a Private (nincs névtelen hozzáférés) esetén egy kicsit többre van szükség a beállításhoz. 

Itt vannak az új konténerünk részletei.

A következő lépés az, hogy megpróbáljon hozzáadni egy videót.

Tehát nyissuk meg a Storage böngészőben talált videotárolónkat (előnézet). Ezután kattintson a Feltöltés gombra, és húzza vagy húzza a videófájlt.

A videofájlnak meg kell jelennie. 

És amikor kiválasztjuk a videofájlt, megkapjuk az URL-t, amelyet a vágólapra másolhatunk. Illesszük be egy privát ablakba (inkognitó), hogy megnézzük, hogyan nézne ki egy külső felhasználó számára.

Ennek eredményeként hibaüzenetet kell kapnunk. Ennek az az oka, hogy a Blob-tároló privátra van állítva, és nem férünk hozzá. 

Tehát hogyan oldjuk meg ezt a problémát? Hogyan érhetjük el a videót? 

Meg kell nyitnunk a Microsoft Azure-t, és vissza kell térnünk a teszt_videóhoz.

Ezután nyissa meg a Storage böngészőt (előnézet) és a Blob-tárolókat .  

Amit szeretnénk tenni, az az, hogy hozzáadunk egy SAS tokent a teljes tárolóhoz. Ehhez kattintson a jobb oldalon lévő három pontra , és válassza a SAS generálása lehetőséget. 

A token érvényességi dátumát is a mai naptól a jövő évig szeretnénk beállítani. Ezután létrehozhatjuk a SAS tokent és URL-t.

Ezzel létrehoz egy tokent karakterlánc formájában a SAS token és URL generálása gomb alatt. Ez az a jelző, amelyet emlékeznünk kell és le kell másolnunk.

Most térjünk vissza a privát ablakunkhoz az előző URL-lel. Ennek továbbra sem szabad az alábbiak szerint működnie.

De ha kérdőjelet adunk az URL végéhez, majd beillesztjük a tokent, akkor hitelesíti az URL-t, így hozzáférhetünk a tárolónkban lévő blobokhoz.

A token hozzáadásával már lejátszhatjuk a videót. Ez azt jelenti, hogy a tokent is használhatjuk a jelentésünkhöz. 

A Token használata a LuckyTemplatesben

Térjünk vissza LuckyTemplates jelentésünkhöz, és hozzunk létre egy új oldalt 

Megvan az előző mérték, amit youtube-nak hívtunk , és így néz ki. 

Újra felhasználjuk és frissítjük ezt az intézkedést, hogy ezúttal működni tudjunk. 

Tartsa meg a videocímkét, és határozza meg, hogy azt szeretnénk, hogy a videó a vizualizáció területének száz százalékát kitöltse (szélesség=100%) . Adja hozzá a vezérlőket is , amelyek magukban foglalják a lejátszáshoz, szüneteltetéshez stb. 

A legfontosabb, hogy adja hozzá az új forrást vagy az URL-t a SAS-tokennel. 

Ezután hozzáadjuk a HTML CSS Viewert a Vizualizációk ablaktáblából, és a Mezők ablaktáblában  kattintson a Videó elemre.

Végül a videónak meg kell jelennie az oldalunkon, lehetővé téve a Blob Storage-ra feltöltött videó lejátszását.

Vegye figyelembe, hogy ez privát módon működik, ezért rendelkeznünk kell a SAS tokennel. Ellenkező esetben továbbra sem fogunk hozzáférni a videóhoz. 

SAS token nélkül

Hadd menjünk gyorsan végig a folyamaton, hogyan tehetné ezt meg a SAS token nélkül.

Menjen vissza Storage-fiókunkba, hogy frissítse videotárolónk adatvédelmét. A Privát helyett változtassuk meg Blobs-ra (csak a blobok névtelen olvasási hozzáférése) . Ezután kattintson az OK gombra.

Visszatérve jelentésünkre, eltávolíthatjuk a tokent, és arra számíthatunk, hogy továbbra is meg tudjuk nézni és lejátszani a videót. 

A videótárolónk adatvédelmének megváltoztatása azt is jelenti, hogy a link birtokában mindenki hozzáférhet a videóhoz. Például, ha elhelyezzük az URL-t a böngészőnkben, a videónak a token nélkül is le kell játszania.

Következtetés

A YouTube-videók LuckyTemplates jelentésekbe való közvetlen beágyazása nem lehetséges a Microsoft és a YouTube korlátozásai miatt. 

A probléma megoldásának egyik egyszerű módja, ha hiperhivatkozásokat tartalmazó gombokat adunk a videókhoz. Ez egyéni látványelemek nélkül működik, és kompatibilis a YouTube-videókkal vagy a Blob Storage videóival.

De ha azt szeretné, hogy a videó beágyazódjon a jelentésbe, a legfelhasználóbarátabb megoldás az Azure Blob Storage használata. Könnyen beállítható, kényelmes és viszonylag olcsó is.

A ma tanultakat felhasználhatja következő LuckyTemplates jelentésében. Hasznos lehet például egy végfelhasználói súgóvideó hozzáadása a fejlesztőtől, amely elmagyarázza, hogyan kell használni a jelentést. Sokkal több alkalmazás található a LuckyTemplates videókhoz, és most már kihasználhatja őket.

Minden jót,

Pascal Kiefer