LuckyTemplates 視頻:如何嵌入您的報告

在 LuckyTemplates,我們發布了很多使用 LuckyTemplates 中的最新功能和可視化技術創建報表的教程。但是,尚未真正涵蓋一個基礎主題 — 如何在報表中添加和播放 LuckyTemplates 視頻。 您可以在本博客底部觀看本教程的完整視頻。

這個問題有幾個解決方案。在今天的博客中,您將了解到我處理這個問題的方法,以及一些由於我們必須處理的一些限製而根本不起作用的其他方法。

目錄

樣本報告

讓我們從一個示例報告開始,其中添加了一個視頻。 

LuckyTemplates 視頻:如何嵌入您的報告

正如我們所看到的,該報告有一個播放按鈕,該按鈕實際播放託管在外部網站(  Azure Blob Storage)上的視頻。 

要了解其工作原理,請單擊字段窗格中的視頻來查看度量。該措施使用HTML 視頻標籤和 Blob 存儲鏈接將我們引導至 MP4 視頻文件。 

LuckyTemplates 視頻:如何嵌入您的報告

這可以通過HTML CSS Viewer自定義視覺實現,它允許我們在報告中播放視頻。

但具體是怎麼做到的呢?以下是數據分析師在其報表中嵌入和播放LuckyTemplates視頻所使用的三種常用方法。

方法 1:為 LuckyTemplates 視頻創建按鈕

實現我們目標的最簡單方法之一是在我們的報告中插入一個按鈕。我們可以通過轉到“插入”、“按鈕”,然後在下拉列表中 選擇“空白”來完成此操作。

LuckyTemplates 視頻:如何嵌入您的報告

創建按鈕後,轉到格式窗格並打開操作。在類型字段下選擇Web URL,然後將您想要的視頻的鏈接複製到Web URL字段中。 

LuckyTemplates 視頻:如何嵌入您的報告

例如,Web URL 可以是 YouTube 上託管的視頻。這是用戶單擊按鈕後應該去的地方。

例如,當我們點擊我們創建的按鈕時,我們將被直接帶到我們的視頻鏈接。

方法 2:嵌入 YouTube 視頻

我們的第一種方法是一種非常簡單的方法,但有時,我們希望在報告本身中包含視頻。 

有些人想知道如果我們可以只使用 YouTube 鏈接,為什麼我們需要添加按鈕。不幸的是,儘管這種方法很常見,但它根本行不通。讓我們試試看它是如何出現的。

首先轉到 YouTube,單擊“共享”,然後從選項中選擇“嵌入” 。

LuckyTemplates 視頻:如何嵌入您的報告

我們將獲得一個嵌入代碼,通常用於在網站上添加視頻。 

LuckyTemplates 視頻:如何嵌入您的報告

我們可以假設相同的代碼也適用於我們的 LuckyTemplates 報表,所以讓我們複製代碼並在 LuckyTemplates 中創建一個新度量。

在字段窗格中右鍵單擊視頻並選擇新建度量。

LuckyTemplates 視頻:如何嵌入您的報告

將其命名為youtube,然後將我們的 YouTube 代碼粘貼到下一行,如下所示。請記住,每當我們將 HTML 代碼添加到DAX時,我們都必須將雙引號替換為單引號。 

為了簡化這個過程,只需突出顯示其中一個雙引號,然後按 CTRL + SHIFT + L。這將突出顯示代碼中的每個雙引號。 

然後,鍵入單引號以替換已刪除的每個雙引號。 

接下來,我們將在開頭和結尾添加雙引號,留下如下所示的代碼。

LuckyTemplates 視頻:如何嵌入您的報告

我們的新措施為我們提供了這種空白的黑色視覺效果。我們沒有收到任何錯誤消息,但我們已經可以看到它不會在 LuckyTemplates 桌面上播放,並且此方法最終不起作用。 

LuckyTemplates 視頻:如何嵌入您的報告

但是,如果我們將此報告發佈到 LuckyTemplates 服務,會發生什麼情況?

與在桌面上不同,我們實際上可以在使用瀏覽器時看到錯誤信息。這將是一個相當技術性的錯誤消息,但無論如何讓我們看一下。 

讓我們打開LuckyTemplates 並找到我們保存的 LuckyTemplates 報告。

它應該打開與我們在 LuckyTemplates 桌面中獲得的相同的視覺效果。視頻仍然無法播放,但在瀏覽器中,我們可以從屏幕右上角的三個點轉到“設置” ,向下滾動到“更多工具”,然後選擇“開發人員工具”。 

LuckyTemplates 視頻:如何嵌入您的報告

每個現代瀏覽器都有開發者工具,儘管它可能看起來有點不同或者位於瀏覽器的不同部分。 

打開開發人員工具後,我們可以看到一些錯誤,其中一些來自 YouTube。

LuckyTemplates 視頻:如何嵌入您的報告

YouTube 出現錯誤,因為每個自定義視覺對象的功能都受到限制。從技術上講,我們的視覺效果位於瀏覽器中功能有限的受限沙盒 iframe 元素內。 

這就是為什麼某些功能根本不可能像我們在示例中看到的那樣執行的原因。我們處於一個不允許“同源”的沙盒 iframe 中,這是來自 YouTube 和 Microsoft 的限制組合。 

不幸的是,沒有解決辦法,因此,建議改用 Azure Blob 存儲。它在您的 LuckyTemplates 報告中完美運行,使您可以完全控制訪問文件的人員和方式。

用於存儲 LuckyTemplates 視頻的 Azure Blob 存儲帳戶

如果您還沒有 Azure Blob 存儲帳戶,我們將介紹在 Azure 門戶中創建全新存儲帳戶的過程,並向您展示如何上傳視頻。

這還包括生成不向世界公開的安全鏈接,以防您想要限制對您視頻的訪問。

方法 3:使用文件存儲

首先,請訪問Azure 門戶並打開您的訂閱。在我們的示例中,我們的訂閱稱為 TEST/TEMP。 

LuckyTemplates 視頻:如何嵌入您的報告

當我們選擇此 TEST 訂閱時,它將帶我們到另一個頁面,我們可以在其中單擊資源組。

LuckyTemplates 視頻:如何嵌入您的報告

然後我們將創建一個新的空資源組,我們將其稱為test_video。然後,讓我們定義要創建的位置。單擊創建輸入。

LuckyTemplates 視頻:如何嵌入您的報告

我們剛剛創建了一個新的資源組。並在此資源組中,添加一個存儲帳戶。 

LuckyTemplates 視頻:如何嵌入您的報告

為此,請單擊“創建” ,然後在出現的搜索欄中 搜索“存儲” 。

LuckyTemplates 視頻:如何嵌入您的報告

選擇第一個結果,Microsoft 的存儲帳戶,然後單擊創建。

LuckyTemplates 視頻:如何嵌入您的報告

然後,我們需要定義帳戶應該在哪個訂閱和資源組中。我們還應該給它一個名稱並選擇我們所在的區域。 

LuckyTemplates 視頻:如何嵌入您的報告

對於每個 Azure 資源,我們都可以進行許多設置,例如下面的設置。 

LuckyTemplates 視頻:如何嵌入您的報告

但對於本教程,我們將使用默認設置,因為它們對我們的特定情況來說效果很好。 

因此,在下一頁中單擊Review + create,然後單擊Create 。

LuckyTemplates 視頻:如何嵌入您的報告

部署新資源可能需要一到兩分鐘。我們可以檢查通知並查看它當前仍在部署的時間。

LuckyTemplates 視頻:如何嵌入您的報告

部署後,我們可以轉到我們的存儲帳戶並上傳視頻。 

我們將轉到主頁並打開相應的訂閱和資源組。然後我們可以開始向其中添加視頻。 

LuckyTemplates 視頻:如何嵌入您的報告

為此,請打開存儲帳戶。 

LuckyTemplates 視頻:如何嵌入您的報告

然後,單擊“存儲瀏覽器(預覽版)”“Blob 容器”“添加容器”。 

LuckyTemplates 視頻:如何嵌入您的報告

我們將簡稱為視頻。我們還需要決定是將容器設為私有還是匿名。 

LuckyTemplates 視頻:如何嵌入您的報告

對於我們的容器,讓我們首先選擇私有(無匿名訪問)

Blob(僅限 blob 的匿名讀取訪問權限)意味著每個擁有視頻或容器內文件 URL 的人都可以訪問它,而對於 Private(無匿名訪問),需要進行更多設置。 

這是我們新容器的詳細信息。

LuckyTemplates 視頻:如何嵌入您的報告

下一步是嘗試向其中添加視頻。

因此,讓我們打開在存儲瀏覽器(預覽)中找到的視頻容器然後,單擊上傳按鈕並拖放我們的視頻文件。

LuckyTemplates 視頻:如何嵌入您的報告

視頻文件應該會出現。 

LuckyTemplates 視頻:如何嵌入您的報告

當我們選擇視頻文件時,我們將獲得可以復製到剪貼板的 URL。讓我們將它粘貼到一個私人窗口 (Incognito) 以查看外部用戶的外觀。

LuckyTemplates 視頻:如何嵌入您的報告

結果我們應該得到一條錯誤消息。這是因為 Blob 容器設置為私有的,我們無權訪問它。 

LuckyTemplates 視頻:如何嵌入您的報告

那麼我們如何解決這個問題呢?我們如何訪問視頻? 

我們需要打開 Microsoft Azure 並返回到test_video。

LuckyTemplates 視頻:如何嵌入您的報告

然後,打開存儲瀏覽器(預覽)Blob 容器。  

LuckyTemplates 視頻:如何嵌入您的報告

我們要做的是為整個容器添加一個SAS 令牌。我們將通過單擊右側的三個點並選擇生成 SAS 來完成此操作。 

LuckyTemplates 視頻:如何嵌入您的報告

我們還想將令牌有效期設置為從今天到明年。然後,我們可以生成 SAS 令牌和 URL。

LuckyTemplates 視頻:如何嵌入您的報告

這將在生成 SAS 令牌和 URL按鈕下創建一個字符串形式的令牌。這就是我們需要記住和復制的令牌。

現在,讓我們使用之前的 URL 返回到我們的私人窗口。它仍然不應該如下所示工作。

LuckyTemplates 視頻:如何嵌入您的報告

但是當我們在 URL 的末尾添加一個問號,然後粘貼令牌時,它將對 URL 進行身份驗證,以便我們可以訪問容器中的 blob。

LuckyTemplates 視頻:如何嵌入您的報告

添加令牌後,我們現在可以播放視頻了。這意味著帶有令牌的 URL 也可以用於我們的報告。 

在 LuckyTemplates 中使用令牌

讓我們回到我們的 LuckyTemplates 報告並創建一個新頁面 

LuckyTemplates 視頻:如何嵌入您的報告

我們有之前稱為youtube 的措施,看起來像這樣。 

LuckyTemplates 視頻:如何嵌入您的報告

這次我們將重用和更新此措施以開始工作。 

保留視頻標籤並定義我們希望視頻填充視覺空間的百分之一百(width=100%)。還要添加控件,其中包括用於播放、暫停等的專用按鈕。 

最重要的是,添加新源或添加了 SAS 令牌的 URL。 

LuckyTemplates 視頻:如何嵌入您的報告

接下來,我們從可視化窗格添加HTML CSS 查看器,然後單擊字段窗格下的 視頻。

LuckyTemplates 視頻:如何嵌入您的報告

最終,視頻現在應該顯示在我們的頁面上,允許我們播放上傳到 Blob 存儲的視頻。

LuckyTemplates 視頻:如何嵌入您的報告

請注意,這是私下工作的,因此我們需要有 SAS 令牌。否則我們將無法訪問該視頻。 

沒有 SAS 令牌

讓我們快速了解一下在沒有 SAS 令牌的情況下如何執行此操作的過程。

返回我們的存儲帳戶以更新我們視頻容器的隱私。讓我們將其改為Blobs(僅限 blob 的匿名讀取訪問權限),而不是 Private 。然後,單擊“確定”。

LuckyTemplates 視頻:如何嵌入您的報告

回到我們的報告,我們可以刪除令牌並期望我們仍然可以查看和播放視頻。 

LuckyTemplates 視頻:如何嵌入您的報告

更改我們視頻容器的隱私也意味著知道鏈接的每個人都可以訪問視頻。例如,如果我們將 URL 放在瀏覽器中,即使沒有令牌,視頻也應該可以播放。


LuckyTemplates 中的自定義視覺對象:了解如何在 DAX 中控製字體屬性
使用 LuckyTemplates 報表生成器創建空白報表
LuckyTemplates 中的報表生成器:格式化對象和可視化

結論

由於 Microsoft 和 YouTube 的限制,無法將 YouTube 視頻直接嵌入到 LuckyTemplates 報表中。 

解決此問題的一種簡單方法是添加帶有視頻超鏈接的按鈕。這無需任何自定義視覺效果即可工作,並且與 YouTube 視頻或來自 Blob 存儲的視頻兼容。

但是,如果您希望將視頻嵌入到報告中,對用戶最友好的方法是使用 Azure Blob 存儲。它易於設置、方便,而且相對便宜。

您可以將今天學到的知識應用到製作下一份 LuckyTemplates 報告中。例如,您會發現添加來自開發人員的最終用戶幫助視頻來解釋如何使用報告會很有幫助。LuckyTemplates 上有更多視頻應用程序,您現在可以利用它們。

一切順利,

帕斯卡爾·基弗

Leave a Comment

在 Power Automate 中執行直到循環控制

在 Power Automate 中執行直到循環控制

了解有關 Do Until 循環控制如何在 Power Automate 流中工作的基礎過程,並熟悉所需的變量。

使用 Deneb 為 LuckyTemplates 製作自定義視覺對象

使用 Deneb 為 LuckyTemplates 製作自定義視覺對象

受限於 LuckyTemplates 中提供的標準視覺效果?學習使用 Deneb 和 Vega-Lite 為 LuckyTemplates 創建自定義視覺對象,提升您的數據可視化能力。

在 Power Automate Desktop 中將日期添加到文件名

在 Power Automate Desktop 中將日期添加到文件名

在此博客中,您將了解如何使用 Power Automate Desktop 自動將日期添加到文件名的開頭或結尾。

Power Query:如何快速添加註釋

Power Query:如何快速添加註釋

找出幾種不同的方法在 Power Query 中添加註釋,這對於不喜歡記筆記的人非常有幫助。

Power Apps – SharePoint 集成指南

Power Apps – SharePoint 集成指南

在此博客中,您將了解 MS Power Apps 界面的基礎知識並了解 Power Apps-SharePoint 集成的過程。

什麼是 Python 中的自我:真實世界的例子

什麼是 Python 中的自我:真實世界的例子

什麼是 Python 中的自我:真實世界的例子

如何在 R 中保存和加載 RDS 文件

如何在 R 中保存和加載 RDS 文件

您將學習如何在 R 中保存和加載 .rds 文件中的對象。本博客還將介紹如何將對像從 R 導入 LuckyTemplates。

回顧前 N 個工作日——DAX 編碼語言解決方案

回顧前 N 個工作日——DAX 編碼語言解決方案

在此 DAX 編碼語言教程中,了解如何使用 GENERATE 函數以及如何動態更改度量標題。

在 LuckyTemplates 中使用多線程動態視覺技術展示見解

在 LuckyTemplates 中使用多線程動態視覺技術展示見解

本教程將介紹如何使用多線程動態可視化技術從報告中的動態數據可視化中創建見解。

LuckyTemplates 篩選上下文簡介

LuckyTemplates 篩選上下文簡介

在本文中,我將貫穿過濾器上下文。篩選上下文是任何 LuckyTemplates 用戶最初應該了解的主要主題之一。