Видеоролики LuckyTemplates: как встроить в свои отчеты

В LuckyTemplates мы разместили множество руководств по созданию отчетов с использованием новейших функций и методов визуализации в LuckyTemplates. Однако одна фундаментальная тема еще не раскрыта — как добавлять и воспроизводить видео LuckyTemplates в отчетах. Вы можете посмотреть полное видео этого урока в нижней части этого блога.

Есть несколько решений этой проблемы. В сегодняшнем блоге вы узнаете, как я подхожу к этой проблеме, и некоторые другие методы, которые просто не работают из-за пары ограничений, с которыми нам приходится иметь дело.

Оглавление

• Образец отчета
• Способ 1: создание кнопок для видео LuckyTemplates
• Способ 2: встраивание видео с YouTube
  • Учетная запись хранилища BLOB-объектов Azure для хранения видео LuckyTemplates
• Способ 3: использование хранилища файлов
  • Использование токена в LuckyTemplates
  • Без токена SAS
• Заключение

Образец отчета

Начнем с примера отчета с добавленным в него видео. 

Как мы видим, в этом отчете есть кнопка «Воспроизвести» , которая фактически воспроизводит видео, размещенное на внешнем веб-сайте — в  хранилище BLOB-объектов Azure . 

Чтобы понять, как это работает, просмотрите меру, щелкнув Видео на панели полей. Мера использует тег видео HTML и ссылку хранилища BLOB-объектов, ведущую к видеофайлу MP4. 

Это возможно с помощью пользовательского визуального элемента HTML CSS Viewer , который позволяет нам воспроизводить видео в отчете.

Но как именно это было сделано? Вот три распространенных метода, используемых аналитиками данных для встраивания и воспроизведения видео LuckyTemplates в своих отчетах.

Способ 1: создание кнопок для видео LuckyTemplates

Один из самых простых способов достичь нашей цели — вставить кнопку в наш отчет. Мы можем сделать это, выбрав «Вставка», «Кнопка», затем выберите «Пустой» в раскрывающемся списке. 

После создания кнопки перейдите на панель форматирования и откройте «Действия». Выберите «URL-адрес в Интернете» в поле «Тип», затем скопируйте ссылку на нужное видео в поле «URL-адрес в Интернете ». 

Веб-URL может быть, например, видео, размещенным на YouTube. Это то место, куда должен перейти пользователь после нажатия на кнопку.

Например, когда мы нажимаем на созданную нами кнопку, мы попадаем прямо на нашу ссылку на видео.

Способ 2: встраивание видео с YouTube

Наш первый метод очень прост, но иногда мы хотим, чтобы видео было внутри самого отчета. 

Некоторые люди задаются вопросом, зачем нам нужно добавлять кнопку, если вместо нее можно было бы просто использовать ссылку на YouTube. К сожалению, несмотря на распространенность, этот метод просто не работает. Давайте попробуем и посмотрим, как он появится.

Начните с перехода на YouTube, нажмите «Поделиться» и выберите «Вставить» из вариантов.

Нам будет предоставлен код для встраивания, который обычно используется для добавления видео на веб-сайты. 

Мы можем предположить, что тот же код будет работать и с нашим отчетом LuckyTemplates, поэтому давайте скопируем код и создадим новую меру в LuckyTemplates.

Щелкните правой кнопкой мыши видео на панели полей и выберите «Новая мера».

Назовите его youtube, затем вставьте наш код YouTube в следующую строку, как показано ниже. Помните, что всякий раз, когда мы добавляем HTML-код в DAX , мы должны заменить двойные кавычки одинарными. 

Чтобы упростить этот процесс, просто выделите одну из двойных кавычек, затем нажмите CTRL + SHIFT + L. Это выделит каждую двойную кавычку в коде. 

Затем введите одинарную кавычку, чтобы заменить каждую удаленную двойную кавычку. 

Далее мы добавим двойные кавычки в начале и в конце, оставив нам код, который выглядит следующим образом.

Наша новая мера дает нам этот пустой черный визуальный элемент. Мы не получаем никакого сообщения об ошибке, но мы уже видим, что он не будет воспроизводиться на рабочем столе LuckyTemplates, и этот метод в конечном итоге не работает. 

Но что произойдет, если мы опубликуем этот отчет в службе LuckyTemplates?

В отличие от рабочего стола, мы можем видеть сообщение об ошибке при использовании браузера. Это будет довольно техническое сообщение об ошибке, но давайте все же посмотрим на него. 

Давайте откроем LuckyTemplates и найдем наш сохраненный отчет LuckyTemplates.

Он должен открыть тот же визуальный элемент, что и в LuckyTemplates Desktop. Видео по-прежнему не воспроизводится, но в браузере мы можем перейти в « Настройки» с помощью трех точек в правом верхнем углу экрана, прокрутить вниз до « Дополнительные инструменты», затем выбрать «Инструменты разработчика». 

В каждом современном браузере есть инструменты разработчика, хотя они могут выглядеть немного по-другому или располагаться в другой части вашего браузера. 

После открытия инструментов разработчика мы видим пару ошибок, некоторые из которых исходят от YouTube.

YouTube выдает ошибку, потому что функциональность каждого пользовательского визуального элемента ограничена. Технически наш визуал находится внутри изолированного элемента iframe с ограниченным доступом в браузере с ограниченной функциональностью. 

Вот почему мы просто не можем сделать некоторые функции, как мы видим в нашем образце. Мы находимся в песочнице iframe, которая не « разрешает одно и то же происхождение », сочетание ограничений от YouTube и от Microsoft. 

К сожалению, для этого нет обходного пути, поэтому вместо этого рекомендуется использовать хранилище BLOB-объектов Azure. Он отлично работает в вашем отчете LuckyTemplates и дает вам полный контроль над тем, кто и как может получить доступ к файлам.

Учетная запись хранилища BLOB-объектов Azure для хранения видео LuckyTemplates

Если у вас еще нет учетной записи хранилища BLOB-объектов Azure, мы рассмотрим процесс создания новой учетной записи хранения на портале Azure и покажем, как загружать видео.

Это также включает в себя создание безопасных ссылок, которые не являются общедоступными для всего мира, на случай, если вы захотите ограничить доступ к своим видео.

Способ 3: использование хранилища файлов

Для начала посетите портал Azure и откройте свою подписку. В нашем примере наша подписка называется TEST/TEMP. 

Когда мы выбираем эту TEST-подписку, мы попадаем на другую страницу, где мы можем щелкнуть Resource Groups.

Затем мы создадим новую пустую группу ресурсов, которую назовем test_video . Затем давайте определим, какое место мы хотим создать. Нажмите «Создать» или «Ввод».

Мы только что создали новую группу ресурсов. В этой группе ресурсов добавьте учетную запись хранения. 

Для этого нажмите «Создать» , затем выполните поиск « хранилище» в появившейся строке поиска. 

Выберите первый результат, учетную запись хранения от Microsoft, и нажмите «Создать».

Затем нам нужно определить, в какой подписке и группе ресурсов должна находиться учетная запись. Мы также должны дать ей имя и выбрать регион, в котором мы находимся. 

Для каждого ресурса Azure существует множество параметров, которые мы можем использовать, например, приведенные ниже. 

Но для этого урока мы будем использовать настройки по умолчанию, потому что они отлично подходят для нашего конкретного случая. 

Поэтому нажмите «Просмотреть + создать», а затем «Создать» на следующей странице.

Развертывание нового ресурса может занять одну-две минуты. Мы можем проверить уведомления и посмотреть, когда он все еще развертывается.

После развертывания мы можем перейти в нашу учетную запись хранения и загрузить видео. 

Мы пойдем на главную и откроем соответствующую подписку и группу ресурсов. Затем мы можем начать добавлять к нему видео. 

Для этого откройте учетную запись хранения. 

Затем щелкните Браузер хранилища (предварительная версия) , Контейнеры BLOB-объектов и Добавить контейнер. 

Мы будем называть это просто видео . Нам также нужно решить, сделать ли контейнер приватным или анонимным. 

Для нашего контейнера давайте сначала выберем Private (без анонимного доступа) .

Blob (анонимный доступ для чтения только для больших двоичных объектов) означает, что любой, у кого есть URL-адрес видео или файла в контейнере, может получить к нему доступ, в то время как для частного (без анонимного доступа) требуется немного больше настроек. 

Вот детали нашего нового контейнера.

Следующий шаг — попробовать добавить к нему видео.

Итак, давайте откроем наш видеоконтейнер , найденный в браузере хранилища (превью). Затем нажмите кнопку «Загрузить» и перетащите наш видеофайл.

Видеофайл должен появиться. 

И когда мы выберем видеофайл, мы получим URL-адрес, который мы можем скопировать в буфер обмена. Давайте вставим его в приватное окно (Инкогнито), чтобы посмотреть, как это будет выглядеть для внешнего пользователя.

В результате мы должны получить сообщение об ошибке. Это связано с тем, что контейнер BLOB-объектов настроен как частный, и у нас нет к нему доступа. 

Так как же решить эту проблему? Как мы можем получить доступ к видео? 

Нам нужно открыть Microsoft Azure и вернуться к test_video.

Затем откройте браузер хранилища (предварительная версия) и контейнеры BLOB-объектов .  

Что мы хотим сделать, так это добавить токен SAS ко всему контейнеру. Мы сделаем это, щелкнув три точки справа и выбрав «Создать SAS». 

Мы также хотим установить срок действия нашего токена с сегодняшнего дня до следующего года. Затем мы можем сгенерировать токен SAS и URL-адрес.

Это создаст токен в виде строки под кнопкой «Создать токен SAS и URL» . Это токен, который нам нужно запомнить и скопировать.

Теперь вернемся к нашему приватному окну с предыдущим URL. Это все еще не должно работать, как показано ниже.

Но когда мы добавим вопросительный знак в конце URL-адреса, а затем вставим токен, он будет аутентифицировать URL-адрес, чтобы мы могли получить доступ к большим двоичным объектам в нашем контейнере.

После добавления токена мы можем воспроизвести видео. Это означает, что URL-адрес с токеном — это то, что мы также можем использовать для нашего отчета. 

Использование токена в LuckyTemplates

Вернемся к нашему отчету LuckyTemplates и создадим новую страницу. 

У нас есть предыдущая мера, которую мы назвали youtube , которая выглядит так. 

Мы будем повторно использовать и обновлять эту меру, чтобы на этот раз она заработала. 

Сохраните тег видео и укажите, что мы хотим, чтобы видео занимало сто процентов пространства визуального элемента (ширина = 100%) . Также добавьте элементы управления , в том числе специальные кнопки для воспроизведения, паузы и так далее. 

Самое главное, добавьте новый источник или URL-адрес с добавленным к нему токеном SAS. 

Затем мы добавляем средство просмотра HTML CSS из панели визуализаций и нажимаем «Видео» под панелью полей. 

В конечном итоге видео должно появиться на нашей странице, что позволит нам воспроизвести видео, загруженное в хранилище BLOB-объектов.

Обратите внимание, что это работает в частном порядке, поэтому нам нужен токен SAS. В противном случае у нас не будет доступа к видео. 

Без токена SAS

Давайте быстро рассмотрим процесс, как бы вы это сделали без токена SAS.

Вернитесь в нашу учетную запись хранилища, чтобы обновить конфиденциальность нашего видеоконтейнера. Вместо Private давайте изменим его на Blobs (анонимный доступ на чтение только для больших двоичных объектов) . Затем нажмите ОК.

Возвращаясь к нашему отчету, мы можем удалить токен и ожидать, что мы все еще сможем просматривать и воспроизводить видео. 

Изменение конфиденциальности нашего видеоконтейнера также означает, что все, у кого есть ссылка, могут получить доступ к видео. Например, если мы разместим URL-адрес в нашем браузере, видео все равно должно воспроизводиться даже без токена.

Пользовательский визуальный элемент в LuckyTemplates: узнайте, как управлять свойствами шрифта в DAX
Создание пустого отчета с помощью построителя отчетов LuckyTemplates
Построитель отчетов в LuckyTemplates: форматирование объектов и визуализаций

Заключение

Непосредственное встраивание видео YouTube в отчеты LuckyTemplates невозможно из-за ограничений Microsoft и YouTube. 

Один из простых способов решить эту проблему — добавить кнопки с гиперссылками на видео. Это работает без каких-либо пользовательских визуальных элементов и совместимо с видео YouTube или видео из хранилища BLOB-объектов.

Но если вы хотите, чтобы ваше видео было встроено в отчет, наиболее удобным для пользователя подходом является использование хранилища BLOB-объектов Azure. Он прост в настройке, удобен, а также относительно дешев.

Вы можете применить полученные сегодня знания при создании следующего отчета LuckyTemplates. Например, вам будет полезно добавить справочное видео для конечного пользователя от разработчика, объясняющее, как следует использовать отчет. В LuckyTemplates гораздо больше приложений для видео, и теперь вы можете ими воспользоваться.

Всего наилучшего,

Паскаль Кифер