Wideo dotyczące usługi LuckyTemplates: jak osadzać je w raportach

W LuckyTemplates opublikowaliśmy wiele samouczków dotyczących tworzenia raportów przy użyciu najnowszych funkcji i technik wizualizacji w usłudze LuckyTemplates. Jednak jeden podstawowy temat nie został jeszcze omówiony — jak dodawać i odtwarzać klipy wideo usługi LuckyTemplates w raportach. Możesz obejrzeć pełny film z tego samouczka na dole tego bloga.

Istnieje kilka rozwiązań tego problemu. W dzisiejszym blogu dowiesz się, w jaki sposób podchodzę do tego problemu i poznasz kilka innych metod, które po prostu nie działają z powodu kilku ograniczeń, z którymi musimy się uporać.

Spis treści

• Przykładowy raport
• Metoda 1: tworzenie przycisków dla klipów wideo w usłudze LuckyTemplates
• Metoda 2: Osadzanie wideo z YouTube
  • Konto Azure Blob Storage do przechowywania filmów LuckyTemplates
• Metoda 3: Korzystanie z magazynu plików
  • Korzystanie z tokena w usłudze LuckyTemplates
  • Bez tokena SAS
• Wniosek

Przykładowy raport

Zacznijmy od przykładowego raportu z dodanym filmem. 

Jak widać, ten raport zawiera przycisk Odtwórz , który faktycznie odtwarza wideo hostowane w zewnętrznej witrynie internetowej — usłudze  Azure Blob Storage . 

Aby zrozumieć, jak to działa, spójrz na miarę, klikając Wideo w okienku pól. Miara wykorzystuje tag wideo HTML i łącze Blob Storage, które prowadzi nas do pliku wideo MP4. 

Jest to możliwe dzięki niestandardowej wizualizacji HTML CSS Viewer , która pozwala nam odtwarzać filmy w raporcie.

Ale jak dokładnie to zrobiono? Oto trzy popularne metody stosowane przez analityków danych do osadzania i odtwarzania klipów wideo usługi LuckyTemplates w swoich raportach.

Metoda 1: tworzenie przycisków dla klipów wideo w usłudze LuckyTemplates

Jednym z najprostszych sposobów osiągnięcia naszego celu jest wstawienie przycisku w naszym raporcie. Możemy to zrobić, przechodząc do Wstaw, Przycisk, a następnie wybierz Pusty z listy rozwijanej. 

Po utworzeniu przycisku przejdź do okienka formatowania i otwórz Akcje. Wybierz Web URL w polu Typ, a następnie skopiuj link do wybranego filmu do pola Web URL . 

Internetowym adresem URL może być na przykład film hostowany w serwisie YouTube. To jest miejsce, do którego użytkownik powinien się udać po kliknięciu przycisku.

Na przykład, gdy klikniemy utworzony przez nas przycisk, zostaniemy przeniesieni bezpośrednio do naszego łącza wideo.

Metoda 2: Osadzanie wideo z YouTube

Nasza pierwsza metoda to bardzo prosty sposób na zrobienie tego, ale czasami chcemy, aby wideo znajdowało się w samym raporcie. 

Niektórzy zastanawiają się, dlaczego musimy dodać przycisk, skoro zamiast tego moglibyśmy użyć linku do YouTube. Niestety, choć powszechna, ta metoda po prostu nie działa. Spróbujmy zobaczyć, jak to wygląda.

Zacznij od przejścia do YouTube, kliknij Udostępnij i wybierz Osadź z opcji.

Otrzymamy kod osadzania, zwykle używany do dodawania filmów na stronach internetowych. 

Możemy założyć, że ten sam kod działałby również w naszym raporcie LuckyTemplates, więc skopiujmy kod i utwórzmy nową miarę w LuckyTemplates.

Kliknij prawym przyciskiem Wideo w okienku pól i wybierz Nowa miara.

Nazwij to youtube, a następnie wklej nasz kod YouTube w następnym wierszu, jak pokazano poniżej. Pamiętaj, że za każdym razem, gdy dodajemy kod HTML do języka DAX , musimy zastąpić podwójne cudzysłowy pojedynczymi cudzysłowami. 

Aby uprościć ten proces, po prostu zaznacz jeden z podwójnych cudzysłowów, a następnie naciśnij CTRL + SHIFT + L. Spowoduje to wyróżnienie każdego podwójnego cudzysłowu w kodzie. 

Następnie wpisz pojedynczy cudzysłów, aby zastąpić każdy podwójny cudzysłów, który został usunięty. 

Następnie dodamy podwójne cudzysłowy na początku i na końcu, pozostawiając nam kod, który wygląda tak.

Nasza nowa miara daje nam ten pusty czarny obraz. Nie dostajemy żadnego komunikatu o błędzie, ale już widzimy, że nie będzie odtwarzany na pulpicie LuckyTemplates i ta metoda ostatecznie nie działa. 

Ale co by się stało, gdybyśmy opublikowali ten raport w usłudze LuckyTemplates?

W przeciwieństwie do pulpitu, podczas korzystania z przeglądarki możemy zobaczyć komunikat o błędzie. Będzie to dość techniczny komunikat o błędzie, ale mimo wszystko spójrzmy na to. 

Otwórzmy LuckyTemplates i znajdźmy nasz zapisany raport LuckyTemplates.

Powinien otworzyć tę samą wizualizację, którą otrzymaliśmy w programie LuckyTemplates Desktop. Wideo nadal się nie odtwarza, ale w przeglądarce możemy przejść do Ustawień z trzech kropek w prawym górnym rogu ekranu, przewinąć w dół do Więcej narzędzi, a następnie wybrać Narzędzia programistyczne. 

Każda nowoczesna przeglądarka ma Narzędzia programistyczne, chociaż mogą one wyglądać nieco inaczej lub znajdować się w innej części przeglądarki. 

Po otwarciu Narzędzi dla programistów możemy zobaczyć kilka błędów, z których część pochodzi z YouTube.

YouTube zgłasza błąd, ponieważ każda niestandardowa wizualizacja ma ograniczoną funkcjonalność. Nasza grafika znajduje się technicznie w ograniczonym elemencie iframe w trybie piaskownicy w przeglądarce z ograniczoną funkcjonalnością. 

To jest powód, dla którego niektóre funkcje po prostu nie są dla nas możliwe, jak widzimy w naszej próbce. Jesteśmy w ramce iframe piaskownicy, która nie „ pozwala na to samo pochodzenie ”, połączenie ograniczeń YouTube i Microsoft. 

Niestety nie ma na to obejścia, dlatego zaleca się zamiast tego korzystanie z usługi Azure Blob Storage. Doskonale sprawdza się w raporcie LuckyTemplates i zapewnia pełną kontrolę nad tym, kto i jak ma dostęp do plików.

Konto Azure Blob Storage do przechowywania filmów LuckyTemplates

Jeśli nie masz jeszcze konta Azure Blob Storage, przeprowadzimy Cię przez proces tworzenia zupełnie nowego konta magazynu w Azure Portal i pokażemy, jak przekazywać filmy.

Obejmuje to również generowanie bezpiecznych linków, które nie są publicznie dostępne na wypadek, gdybyś chciał ograniczyć dostęp do swoich filmów.

Metoda 3: Korzystanie z magazynu plików

Aby rozpocząć, odwiedź Azure Portal i otwórz swoją subskrypcję. W naszym przykładzie nasza subskrypcja nosi nazwę TEST/TEMP. 

Gdy wybierzemy tę subskrypcję TEST, przejdziemy do innej strony, na której możemy kliknąć grupy zasobów.

Następnie utworzymy nową pustą grupę zasobów, którą nazwiemy test_video . Następnie zdefiniujmy lokalizację, w której chcemy to utworzyć. Kliknij Utwórz lub Wprowadź.

Właśnie utworzyliśmy nową grupę zasobów. W ramach tej grupy zasobów Dodaj konto magazynu. 

Aby to zrobić, kliknij Utwórz , a następnie wyszukaj „ pamięć” w wynikowym pasku wyszukiwania. 

Wybierz pierwszy wynik, Konto magazynu firmy Microsoft, i kliknij Utwórz.

Następnie musimy określić, w której subskrypcji i grupie zasobów ma znajdować się konto. Należy również nadać mu nazwę i wybrać region, w którym się znajdujemy. 

W przypadku każdego zasobu platformy Azure istnieje wiele ustawień, przez które możemy przejść, takich jak te poniżej. 

Ale w tym samouczku użyjemy ustawień domyślnych, ponieważ działają one dobrze w naszym konkretnym przypadku. 

Więc kliknij Przejrzyj + utwórz, a następnie Utwórz na następnej stronie.

Wdrożenie nowego zasobu może zająć jedną lub dwie minuty. Możemy sprawdzić powiadomienia i zobaczyć, kiedy jest nadal wdrażany.

Po wdrożeniu możemy przejść do naszego konta magazynu i przesłać wideo. 

Przejdziemy do strony głównej i otworzymy odpowiednią subskrypcję i grupę zasobów. Następnie możemy zacząć dodawać do niego filmy. 

Aby to zrobić, otwórz konto magazynu. 

Następnie kliknij pozycję Przeglądarka magazynu (wersja zapoznawcza) , Kontenery obiektów BLOB i Dodaj kontener. 

Nazwiemy to po prostu wideo . Musimy również zdecydować, czy kontener ma być prywatny, czy anonimowy. 

W przypadku naszego kontenera wybierzmy najpierw opcję Prywatny (bez dostępu anonimowego) .

Blob (anonimowy dostęp do odczytu tylko dla blobów) oznacza, że ​​każdy, kto ma adres URL do wideo lub pliku w kontenerze, może uzyskać do niego dostęp, podczas gdy dla Private (bez dostępu anonimowego) potrzeba trochę więcej do skonfigurowania. 

Oto szczegóły naszego nowego kontenera.

Następnym krokiem jest próba dodania do niego wideo.

Otwórzmy więc nasz kontener wideo znajdujący się w przeglądarce Storage (wersja zapoznawcza). Następnie kliknij przycisk Prześlij i przeciągnij lub upuść nasz plik wideo.

Powinien pojawić się plik wideo. 

A kiedy wybierzemy plik wideo, otrzymamy adres URL, który możemy skopiować do schowka. Wklejmy go do prywatnego okna (incognito), aby zobaczyć, jak będzie wyglądać dla użytkownika zewnętrznego.

W rezultacie powinniśmy otrzymać komunikat o błędzie. Dzieje się tak, ponieważ kontener Blob jest ustawiony jako prywatny i nie mamy do niego dostępu. 

Jak więc rozwiązać ten problem? Jak możemy uzyskać dostęp do wideo? 

Musimy otworzyć Microsoft Azure i wrócić do test_video.

Następnie otwórz przeglądarkę Storage (wersja zapoznawcza) i kontenery obiektów BLOB .  

To, co chcemy zrobić, to dodać token SAS do całego kontenera. Zrobimy to, klikając trzy kropki po prawej stronie i wybierając Generuj SAS. 

Chcemy również ustawić datę ważności naszego tokena od dzisiaj do przyszłego roku. Następnie możemy wygenerować token SAS i adres URL.

Spowoduje to utworzenie tokenu w postaci ciągu pod przyciskiem Generuj token SAS i adres URL . To jest token, który musimy zapamiętać i skopiować.

Wróćmy teraz do naszego prywatnego okna z poprzednim adresem URL. Nadal nie powinno działać, jak pokazano poniżej.

Ale kiedy dodamy znak zapytania na końcu adresu URL, a następnie wkleimy token, uwierzytelni adres URL, abyśmy mogli uzyskać dostęp do obiektów blob w naszym kontenerze.

Po dodaniu tokena możemy teraz odtwarzać wideo. Oznacza to, że adres URL z tokenem jest tym, czego możemy również użyć w naszym raporcie. 

Korzystanie z tokena w usłudze LuckyTemplates

Wróćmy do naszego raportu LuckyTemplates i utwórzmy nową stronę 

Mamy poprzednią miarę, którą nazwaliśmy youtube , która wygląda tak. 

Wykorzystamy ponownie i zaktualizujemy ten środek, aby tym razem zacząć działać. 

Zachowaj tag wideo i określ, że chcemy, aby wideo wypełniało sto procent przestrzeni wizualnej (width=100%) . Dodaj także elementy sterujące , w tym dedykowane przyciski do odtwarzania, pauzy i tak dalej. 

Co najważniejsze, dodaj nowe źródło lub adres URL z dodanym do niego tokenem SAS. 

Następnie dodajemy przeglądarkę HTML CSS Viewer z okienka wizualizacji i klikamy Wideo pod okienkiem pól. 

Ostatecznie film powinien teraz pojawić się na naszej stronie, umożliwiając nam odtworzenie filmu, który przesłaliśmy do Blob Storage.

Zauważ, że działa to prywatnie, więc musimy mieć token SAS. W przeciwnym razie nadal nie będziemy mieć dostępu do filmu. 

Bez tokena SAS

Pozwól nam szybko przejść przez proces, w jaki sposób możesz to zrobić bez tokena SAS.

Wróć do naszego konta Storage, aby zaktualizować prywatność naszego kontenera wideo. Zamiast Private, zmieńmy go na Blobs (anonimowy dostęp do odczytu tylko dla obiektów blob) . Następnie kliknij OK.

Wracając do naszego raportu, możemy usunąć token i oczekiwać, że nadal będziemy mogli oglądać i odtwarzać wideo. 

Zmiana prywatności naszego kontenera wideo oznacza również, że każdy, kto ma link, może uzyskać dostęp do wideo. Na przykład, jeśli umieścimy adres URL w naszej przeglądarce, wideo powinno nadal odtwarzać się nawet bez tokena.

Niestandardowa wizualizacja w usłudze LuckyTemplates: Dowiedz się, jak kontrolować właściwości czcionek w języku DAX
Tworzenie pustego raportu za pomocą narzędzia do tworzenia raportów usługi LuckyTemplates
Narzędzie do tworzenia raportów w usłudze LuckyTemplates: formatowanie obiektów i wizualizacji

Wniosek

Bezpośrednie osadzanie filmów z serwisu YouTube w raportach usługi LuckyTemplates nie jest możliwe ze względu na ograniczenia zarówno firmy Microsoft, jak i serwisu YouTube. 

Prostym sposobem rozwiązania tego problemu jest dodanie przycisków z hiperłączami do filmów. Działa to bez żadnych niestandardowych elementów wizualnych i jest zgodne z filmami z YouTube lub filmami z Blob Storage.

Jeśli jednak chcesz osadzić wideo w raporcie, najbardziej przyjaznym dla użytkownika podejściem jest użycie usługi Azure Blob Storage. Jest łatwy w konfiguracji, wygodny, a także stosunkowo tani.

To, czego się dzisiaj nauczyłeś, możesz zastosować podczas tworzenia kolejnego raportu usługi LuckyTemplates. Na przykład przydatne będzie dodanie od programisty filmu pomocy dla użytkowników końcowych, wyjaśniającego, w jaki sposób należy korzystać z raportu. W LuckyTemplates jest dużo więcej aplikacji do wideo i teraz możesz z nich skorzystać.

Wszystkiego najlepszego,

Pascal Kiefer