LuckyTemplates 비디오: 보고서에 포함하는 방법

LuckyTemplates에서는 LuckyTemplates의 최신 기능과 시각화 기술을 사용하여 보고서를 만들기 위한 많은 자습서를 게시했습니다. 그러나 보고서에서 LuckyTemplates 비디오를 추가하고 재생하는 방법이라는 한 가지 기본 주제는 아직 다루지 않았습니다. 이 블로그 하단에서 이 튜토리얼의 전체 비디오를 볼 수 있습니다.

이 문제에 대한 몇 가지 해결책이 있습니다. 오늘의 블로그에서는 이 문제에 접근하는 방식과 처리해야 하는 몇 가지 제한 사항으로 인해 작동하지 않는 다른 방법을 배우게 됩니다.

목차

• 샘플 보고서
• 방법 1: LuckyTemplates 비디오용 단추 만들기
• 방법 2: YouTube 동영상 삽입
  • LuckyTemplates 비디오를 저장하기 위한 Azure Blob Storage 계정
• 방법 3: 파일 저장소 사용
  • LuckyTemplates에서 토큰 사용
  • SAS 토큰 없이
• 결론

샘플 보고서

동영상이 추가된 샘플 보고서부터 시작하겠습니다. 

보시다시피 이 보고서에는 외부 웹 사이트( Azure Blob Storage ) 에서 호스팅되는 비디오를 실제로 재생하는  재생 버튼이 있습니다 . 

작동 방식을 이해하려면 필드 창에서 비디오를 클릭하여 측정값을 살펴보십시오. 측정은 MP4 비디오 파일로 연결되는  HTML 비디오 태그 와 Blob Storage 링크를 사용합니다.

이는 보고서 내에서 비디오를 재생할 수 있는 HTML CSS 뷰어 사용자 지정 시각적 개체를 사용하면 가능합니다.

그러나 정확히 어떻게 이루어졌습니까? 다음은 데이터 분석가가 보고서에 LuckyTemplates 비디오를 포함하고 재생하는 데 사용하는 세 가지 일반적인 방법입니다 .

방법 1: LuckyTemplates 비디오용 단추 만들기

목표를 달성하는 가장 간단한 방법 중 하나는 보고서에 버튼을 삽입하는 것입니다. Insert, Button 으로 이동한 다음 드롭다운에서  Blank를 선택하여 이 작업을 수행할 수 있습니다.

단추가 생성되면 서식 창으로 이동하여 작업을 엽니다. 유형 필드에서 웹 URL을 선택한 다음 원하는 비디오의 링크를 웹 URL 필드 에 복사합니다 . 

웹 URL은 예를 들어 YouTube에서 호스팅되는 비디오일 수 있습니다. 사용자가 버튼을 클릭하면 이동해야 하는 곳입니다.

예를 들어, 우리가 만든 버튼을 클릭하면 비디오 링크로 바로 이동합니다.

방법 2: YouTube 동영상 삽입

첫 번째 방법은 매우 간단한 방법이지만 때때로 보고서 자체에 비디오가 포함되기를 원합니다. 

어떤 사람들은 YouTube 링크를 대신 사용할 수 있는데 왜 버튼을 추가해야 하는지 궁금해합니다. 불행히도 일반적이긴 하지만 이 방법은 작동하지 않습니다. 어떻게 나타나는지 봅시다.

먼저 YouTube로 이동하여 공유를 클릭 하고 옵션에서 삽입을 선택합니다.

일반적으로 웹사이트에 동영상을 추가하는 데 사용되는 임베드 코드가 제공됩니다. 

동일한 코드가 LuckyTemplates 보고서에서도 작동한다고 가정할 수 있으므로 코드를 복사하고 LuckyTemplates에서 새 측정값을 만들어 보겠습니다.

필드 창에서 비디오를 마우스 오른쪽 버튼으로 클릭 하고 새 측정값을 선택합니다.

이름을 youtube로 지정한 다음 아래와 같이 YouTube 코드를 다음 줄에 붙여넣습니다. DAX 에 HTML 코드를 추가할 때마다 큰따옴표를 작은따옴표로 바꿔야 합니다. 

이 프로세스를 단순화하려면 큰따옴표 중 하나를 강조 표시한 다음 CTRL + SHIFT + L을 누르십시오. 이렇게 하면 코드의 모든 큰따옴표가 강조 표시됩니다. 

그런 다음 작은따옴표를 입력하여 삭제된 모든 큰따옴표를 바꿉니다. 

다음으로 시작과 끝에 큰따옴표를 추가하여 다음과 같은 코드를 남깁니다.

우리의 새로운 측정값은 이 빈 검은색 시각적 개체를 제공합니다. 오류 메시지가 표시되지는 않지만 LuckyTemplates 데스크톱에서 재생되지 않으며 이 방법이 궁극적으로 작동하지 않는다는 것을 이미 알 수 있습니다. 

하지만 이 보고서를 LuckyTemplates 서비스에 게시하면 어떻게 될까요?

데스크톱과 달리 브라우저를 사용할 때 실제로 오류 메시지를 볼 수 있습니다. 상당히 기술적인 오류 메시지가 되겠지만 어쨌든 살펴보겠습니다. 

LuckyTemplates를 열고 저장된 LuckyTemplates 보고서를 찾아보겠습니다.

LuckyTemplates Desktop에서 얻은 것과 동일한 시각적 개체가 열릴 것입니다. 비디오는 여전히 재생되지 않지만 브라우저에서 화면 오른쪽 상단 모서리에 있는 세 개의 점에서 설정 으로 이동하고 추가 도구 로 스크롤한 다음 개발자 도구를 선택할 수 있습니다. 

모든 최신 브라우저에는 개발자 도구가 있지만 모양이 약간 다르거나 브라우저의 다른 부분에 있을 수 있습니다. 

개발자 도구가 열리면 몇 가지 오류가 표시되며 그 중 일부는 YouTube에서 발생합니다.

모든 맞춤 시각적 개체의 기능이 제한되기 때문에 YouTube에서 오류가 발생합니다. 시각적 개체는 기술적으로 기능이 제한된 브라우저의 제한된 샌드박스 iframe 요소 안에 있습니다. 

샘플에서 보는 것처럼 일부 기능을 단순히 수행할 수 없는 이유가 바로 여기에 있습니다. 우리는 YouTube와 Microsoft의 제한 조합인  " 동일 출처 허용"을 허용 하지 않는 샌드박스 iframe에 있습니다 .

안타깝게도 이에 대한 해결 방법이 없으므로 Azure Blob Storage를 대신 사용하는 것이 좋습니다. LuckyTemplates 보고서에서 완벽하게 작동하며 파일에 액세스할 수 있는 사람과 방법을 완전히 제어할 수 있습니다.

LuckyTemplates 비디오를 저장하기 위한 Azure Blob Storage 계정

아직 Azure Blob Storage 계정이 없는 경우 Azure Portal에서 완전히 새로운 스토리지 계정을 만드는 과정을 안내하고 비디오를 업로드하는 방법도 보여줍니다.

여기에는 비디오에 대한 액세스를 제한하려는 경우 전 세계에 공개되지 않는 보안 링크 생성도 포함됩니다.

방법 3: 파일 저장소 사용

시작하려면 Azure Portal을 방문하여 구독을 엽니다. 이 예에서 구독은 TEST/TEMP라고 합니다. 

이 TEST 구독을 선택하면 리소스 그룹을 클릭할 수 있는 다른 페이지로 이동합니다 .

그런 다음 test_video 라고 하는 새로운 빈 리소스 그룹을 만듭니다 . 그런 다음 생성할 위치를 정의하겠습니다. 만들기 또는 입력을 클릭합니다 .

방금 새 리소스 그룹을 만들었습니다. 그리고 이 리소스 그룹 내에서 스토리지 계정을 추가합니다. 

그렇게 하려면 만들기를 클릭한 다음 결과 검색 표시줄에서  " 스토리지"를 검색합니다.

첫 번째 결과인 Microsoft의 저장소 계정을 선택하고 만들기를 클릭합니다.

그런 다음 계정이 있어야 하는 구독 및 리소스 그룹을 정의해야 합니다. 또한 이름을 지정하고 현재 있는 지역을 선택해야 합니다. 

모든 Azure 리소스에는 아래와 같이 많은 설정을 수행할 수 있습니다. 

하지만 이 자습서에서는 기본 설정을 사용할 것입니다. 기본 설정은 특정 경우에 잘 작동하기 때문입니다. 

검토 + 만들기를 클릭한 다음 다음 페이지에서 만들기를 클릭합니다.

새 리소스를 배포하는 데 1~2분이 소요될 수 있습니다. 알림을 확인하고 현재 아직 배포 중인지 확인할 수 있습니다.

배포가 완료되면 스토리지 계정으로 이동하여 비디오를 업로드할 수 있습니다. 

홈 으로 이동하여 적절한 구독 및 리소스 그룹을 엽니다. 그런 다음 비디오를 추가할 수 있습니다. 

이렇게 하려면 저장소 계정을 엽니다. 

그런 다음 스토리지 브라우저(미리 보기) , Blob 컨테이너 및 컨테이너 추가를 클릭합니다. 

우리는 단순히 비디오 라고 부를 것입니다 . 또한 컨테이너를 비공개로 할지 익명으로 할지 결정해야 합니다. 

컨테이너의 경우 먼저 비공개(익명 액세스 없음)를 선택하겠습니다 .

Blob(Blob에 대한 익명 읽기 액세스)은 비디오 또는 컨테이너 내의 파일에 대한 URL이 있는 모든 사람이 액세스할 수 있는 반면 Private(익명 액세스 없음)의 경우 설정하는 데 조금 더 필요함을 의미합니다. 

새 컨테이너의 세부 정보는 다음과 같습니다.

다음 단계는 비디오를 추가하는 것입니다.

이제 Storage 브라우저(미리 보기) 에 있는 비디오 컨테이너를 열어 보겠습니다 . 그런 다음 업로드 버튼을 클릭하고 비디오 파일을 끌어다 놓습니다 .

비디오 파일이 나타납니다. 

그리고 비디오 파일을 선택하면 클립보드에 복사할 수 있는 URL이 표시됩니다. 비공개 창(Incognito)에 붙여넣어 외부 사용자에게 어떻게 보이는지 살펴보겠습니다.

결과적으로 오류 메시지가 나타납니다. 이는 Blob 컨테이너가 비공개로 설정되어 있고 액세스 권한이 없기 때문입니다. 

그렇다면 이 문제를 어떻게 해결할 수 있을까요? 비디오에 어떻게 액세스할 수 있습니까? 

Microsoft Azure를 열고 test_video로 돌아가야 합니다 .

그런 다음 Storage 브라우저(미리 보기) 및 Blob 컨테이너를 엽니다 .  

우리가 원하는 것은 전체 컨테이너에 SAS 토큰을 추가하는 것입니다. 오른쪽에 있는 세 개의 점을 클릭하고 Generate SAS를 선택하여 이를 수행합니다 . 

또한 오늘부터 내년까지 토큰 유효 날짜를 설정하려고 합니다. 그런 다음 SAS 토큰과 URL을 생성할 수 있습니다.

이렇게 하면 SAS 토큰 및 URL 생성 버튼 아래에 문자열 형식의 토큰이 생성됩니다 . 그것이 우리가 기억하고 복사해야 하는 토큰입니다.

이제 이전 URL을 사용하여 비공개 창으로 돌아가겠습니다. 아래와 같이 여전히 작동하지 않아야 합니다.

그러나 URL 끝에 물음표를 추가한 다음 토큰을 붙여넣으면 컨테이너 내의 BLOB에 액세스할 수 있도록 URL을 인증합니다.

토큰이 추가되면 이제 비디오를 재생할 수 있습니다. 이는 토큰이 있는 URL이 보고서에도 사용할 수 있음을 의미합니다. 

LuckyTemplates에서 토큰 사용

LuckyTemplates 보고서로 돌아가서 새 페이지를 만들어 보겠습니다. 

우리는 이와 같이 보이는  youtube 라는 이전 조치를 가지고 있습니다 .

이번에 작업을 시작하기 위해 이 측정값을 재사용하고 업데이트할 것입니다. 

비디오 태그를 유지하고 비디오가 시각적 공간의 100%를 채우도록 정의합니다 (너비=100%) . 또한 재생, 일시 중지 등을 위한 전용 버튼이 포함된  컨트롤을 추가합니다.

가장 중요한 것은 SAS 토큰이 추가된 새 소스 또는 URL을 추가하는 것입니다. 

다음으로 시각화 창에서 HTML CSS 뷰어를 추가 하고 필드 창에서  비디오를 클릭합니다.

궁극적으로 이제 비디오가 페이지에 표시되어 Blob Storage에 업로드한 비디오를 재생할 수 있습니다.

이것은 비공개로 작동하므로 SAS 토큰이 필요합니다. 그렇지 않으면 비디오에 계속 액세스할 수 없습니다. 

SAS 토큰 없이

SAS 토큰 없이 이 작업을 수행하는 방법에 대한 프로세스를 빠르게 살펴보겠습니다.

비디오 컨테이너의 개인 정보를 업데이트하려면 Storage 계정으로 돌아가십시오. Private 대신 Blobs(Blob 전용 익명 읽기 액세스) 로 변경해 보겠습니다 . 그런 다음 확인을 클릭합니다.

보고서로 돌아가서 토큰을 제거하고 비디오를 계속 보고 재생할 수 있다고 예상할 수 있습니다. 

비디오 컨테이너의 개인 정보를 변경하면 링크가 있는 모든 사람이 비디오에 액세스할 수 있습니다. 예를 들어 브라우저에 URL을 입력하면 토큰이 없어도 동영상이 계속 재생됩니다.

LuckyTemplates의 사용자 지정 시각적 개체: DAX에서 글꼴 속성을 제어하는 ​​방법 알아보기
LuckyTemplates Report Builder를 사용하여 빈 보고서 만들기
LuckyTemplates에서 보고서 작성기: 개체 및 시각화 서식 지정

결론

Microsoft와 YouTube의 제한으로 인해 YouTube 비디오를 LuckyTemplates 보고서에 직접 포함할 수 없습니다. 

이 문제를 해결하는 한 가지 쉬운 방법은 비디오에 하이퍼링크가 있는 버튼을 추가하는 것입니다. 이는 사용자 지정 시각적 개체 없이 작동하며 YouTube 비디오 또는 Blob Storage의 비디오와 호환됩니다.

그러나 보고서에 비디오를 포함하려는 경우 가장 사용자 친화적인 접근 방식은 Azure Blob Storage를 사용하는 것입니다. 설정하기 쉽고 편리하며 상대적으로 저렴합니다.

오늘 배운 내용을 다음 LuckyTemplates 보고서 작성에 적용할 수 있습니다. 예를 들어 보고서 사용 방법을 설명하기 위해 개발자의 최종 사용자 도움말 비디오를 추가하면 도움이 됩니다. LuckyTemplates에는 훨씬 더 많은 비디오용 애플리케이션이 있으며 이제 이를 활용할 수 있습니다.

모두 제일 좋다,

파스칼 키퍼