วิดีโอ LuckyTemplates: วิธีฝังในรายงานของคุณ

ที่ LuckyTemplates เราได้โพสต์บทช่วยสอนจำนวนมากเพื่อสร้างรายงานโดยใช้ฟีเจอร์ล่าสุดและเทคนิคการแสดงภาพใน LuckyTemplates อย่างไรก็ตาม หัวข้อพื้นฐานหนึ่งหัวข้อยังไม่ได้รับการกล่าวถึง—วิธีเพิ่มและเล่นวิดีโอ LuckyTemplates ในรายงานของคุณ คุณสามารถดูวิดีโอทั้งหมดของบทช่วยสอนนี้ได้ที่ด้านล่างของบล็อกนี้

มีวิธีแก้ไขปัญหานี้สองสามวิธี ในบล็อกของวันนี้ คุณจะได้เรียนรู้วิธีที่ฉันจัดการกับปัญหานี้ และวิธีการอื่นๆ ที่ไม่ได้ผลเนื่องจากข้อจำกัดสองสามข้อที่เราต้องจัดการ

สารบัญ

• รายงานตัวอย่าง
• วิธีที่ 1: การสร้างปุ่มสำหรับวิดีโอ LuckyTemplates
• วิธีที่ 2: การฝังวิดีโอ YouTube
  • บัญชี Azure Blob Storage เพื่อจัดเก็บวิดีโอ LuckyTemplates
• วิธีที่ 3: การใช้ที่เก็บไฟล์
  • การใช้โทเค็นใน LuckyTemplates
  • ไม่มีโทเค็น SAS
• บทสรุป

รายงานตัวอย่าง

เริ่มจากรายงานตัวอย่างที่มีวิดีโอเพิ่มเข้ามา 

อย่างที่เราเห็น รายงานนี้มี ปุ่ม เล่นที่จริงเล่นวิดีโอที่โฮสต์บนเว็บไซต์ภายนอก—ที่  เก็บ  ข้อมูล Azure Blob

เพื่อทำความเข้าใจวิธีการทำงาน ให้ดูการวัดผลโดยคลิกวิดีโอในบานหน้าต่างเขตข้อมูล การวัดนี้ใช้แท็กวิดีโอ HTMLและลิงก์ Blob Storage ที่นำเราไปสู่ไฟล์วิดีโอ 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 วิดีโอยังคงไม่เล่น แต่ในเบราว์เซอร์ เราสามารถไปที่การตั้งค่าจากจุดสามจุดที่มุมขวาบนของหน้าจอ เลื่อนลงไปที่เครื่องมือเพิ่มเติมจากนั้นเลือกเครื่องมือสำหรับนักพัฒนา 

เบราว์เซอร์สมัยใหม่ทุกเบราว์เซอร์มีเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ แม้ว่าอาจดูแตกต่างกันเล็กน้อยหรืออยู่ในส่วนอื่นของเบราว์เซอร์ของคุณ 

เมื่อเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์เปิดขึ้น เราจะเห็นข้อผิดพลาด 2-3 ข้อ ซึ่งบางส่วนมาจาก YouTube

YouTube แสดงข้อผิดพลาดเนื่องจากภาพที่กำหนดเองทั้งหมดถูกจำกัดในการทำงาน วิชวลของเราอยู่ภายในองค์ประกอบ iframe แบบแซนด์บ็อกซ์ที่ถูกจำกัดในเบราว์เซอร์ด้วยฟังก์ชันการทำงานที่จำกัด 

นั่นเป็นเหตุผลว่าทำไมฟังก์ชันบางอย่างจึงเป็นไปไม่ได้ที่เราจะทำตามที่เห็นในตัวอย่างของเรา เราอยู่ใน iframe แบบแซนด์บ็อกซ์ที่ไม่ " อนุญาตแหล่งกำเนิดเดียวกัน " ซึ่งเป็นการรวมข้อจำกัดจาก YouTube และจาก Microsoft 

ขออภัย ไม่มีทางแก้ไขได้ ดังนั้นจึงแนะนำให้ใช้ Azure Blob Storage แทน ทำงานได้อย่างสมบูรณ์ในรายงาน LuckyTemplates ของคุณ และทำให้คุณควบคุมได้อย่างเต็มที่ว่าใครและเข้าถึงไฟล์ได้อย่างไร

บัญชี Azure Blob Storage เพื่อจัดเก็บวิดีโอ LuckyTemplates

ในกรณีที่คุณยังไม่มีบัญชี Azure Blob Storage เราจะแนะนำขั้นตอนการสร้างบัญชีพื้นที่เก็บข้อมูลใหม่ในพอร์ทัล Azure และแสดงวิธีอัปโหลดวิดีโอด้วย

ซึ่งรวมถึงการสร้างลิงก์ที่ปลอดภัยซึ่งไม่ได้เผยแพร่สู่สาธารณะในกรณีที่คุณต้องการจำกัดการเข้าถึงวิดีโอของคุณ

วิธีที่ 3: การใช้ที่เก็บไฟล์

ในการเริ่มต้น ไปที่Azure Portalและเปิดการสมัครของคุณ ในตัวอย่างของเรา การสมัครสมาชิกของเราเรียกว่า TEST/TEMP 

เมื่อเราเลือกการสมัครรับข้อมูลแบบทดสอบนี้ ระบบจะนำเราไปยังหน้าอื่นซึ่งเราสามารถคลิกกลุ่มทรัพยากรได้

จากนั้นเราจะสร้างกลุ่มทรัพยากรใหม่ที่ว่างเปล่าซึ่งเราจะเรียกว่าtest_video จากนั้นมากำหนดตำแหน่งที่เราต้องการสร้าง คลิกสร้างหรือEnter

เราเพิ่งสร้างกลุ่มทรัพยากรใหม่ และภายในกลุ่มทรัพยากรนี้ ให้เพิ่มบัญชีที่เก็บข้อมูล 

โดยคลิกสร้างแล้วค้นหา “ ที่เก็บข้อมูล”ในแถบค้นหาผลลัพธ์ 

เลือกผลลัพธ์แรก บัญชีที่เก็บข้อมูลจาก Microsoft แล้วคลิกสร้าง

จากนั้น เราจำเป็นต้องกำหนดว่าการสมัครสมาชิกและกลุ่มทรัพยากรใดที่ควรอยู่ในบัญชี นอกจากนี้ เราควรตั้งชื่อและเลือกภูมิภาคที่เราอยู่ด้วย 

ด้วยทรัพยากร Azure ทั้งหมด มีการตั้งค่ามากมายที่เราสามารถทำได้ เช่น การตั้งค่าด้านล่าง 

แต่สำหรับบทช่วยสอนนี้ เราจะใช้การตั้งค่าเริ่มต้นเพราะมันใช้ได้ดีกับกรณีเฉพาะของเรา 

ดังนั้นคลิกตรวจทาน + สร้างแล้วสร้างในหน้าถัดไป

การปรับใช้ทรัพยากรใหม่อาจใช้เวลาหนึ่งหรือสองนาที เราสามารถตรวจสอบการแจ้งเตือนและดูว่ายังใช้งานได้อยู่เมื่อใด

เมื่อปรับใช้แล้ว เราสามารถไปที่บัญชีพื้นที่เก็บข้อมูลของเราและอัปโหลดวิดีโอ 

เราจะไปที่หน้าแรกและเปิดการสมัครสมาชิกและกลุ่มทรัพยากรที่เหมาะสม จากนั้นเราสามารถเริ่มเพิ่มวิดีโอเข้าไปได้ 

ในการทำเช่นนั้น ให้เปิดบัญชีพื้นที่เก็บข้อมูล 

จากนั้นคลิก เบราว์เซอร์ที่ เก็บข้อมูล (ตัวอย่าง) คอนเทนเนอร์ Blobและเพิ่มคอนเทนเนอร์ 

เราจะเรียกมันว่าวิดีโอ . เราต้องตัดสินใจว่าจะทำให้คอนเทนเนอร์เป็นแบบส่วนตัวหรือไม่ระบุตัวตน 

สำหรับคอนเทนเนอร์ของเรา ให้เลือกใช้แบบส่วนตัว (ไม่ระบุตัวตน)ก่อน

Blob (การเข้าถึงแบบอ่านแบบไม่ระบุตัวตนสำหรับ Blob เท่านั้น) หมายความว่าทุกคนที่มี URL ของวิดีโอหรือไฟล์ภายในคอนเทนเนอร์สามารถเข้าถึงได้ ในขณะที่สำหรับแบบส่วนตัว 

นี่คือรายละเอียดของคอนเทนเนอร์ใหม่ของเรา

ขั้นตอนต่อไปคือลองเพิ่มวิดีโอเข้าไป

เรามาเปิดคอนเทนเนอร์วิดีโอ ของเรา ในเบราว์เซอร์ Storage (ดูตัวอย่าง) จากนั้นคลิก ปุ่ม อัปโหลดแล้วลากหรือวางไฟล์วิดีโอของเรา

ไฟล์วิดีโอควรปรากฏขึ้น 

และเมื่อเราเลือกไฟล์วิดีโอแล้ว เราก็จะได้ URL ที่เราสามารถคัดลอกไปยังคลิปบอร์ดได้ ให้เราวางลงในหน้าต่างส่วนตัว (ไม่ระบุตัวตน) เพื่อดูว่าผู้ใช้ภายนอกจะมีลักษณะอย่างไร

เราควรได้รับข้อความแสดงข้อผิดพลาดเป็นผลลัพธ์ เนื่องจากคอนเทนเนอร์ Blob ถูกตั้งค่าเป็นแบบส่วนตัว และเราไม่สามารถเข้าถึงได้ 

แล้วเราจะแก้ปัญหานี้อย่างไร? เราจะเข้าถึงวิดีโอได้อย่างไร 

เราจำเป็นต้องเปิด Microsoft Azure และกลับไปที่test_video

จากนั้นเปิด เบรา ว์   เซอร์ที่เก็บข้อมูล (ตัวอย่าง)และคอนเทนเนอร์ Blob

สิ่งที่เราต้องการทำคือเพิ่มโทเค็น SASให้กับคอนเทนเนอร์ทั้งหมด เราจะทำเช่นนั้นโดยคลิกที่จุดสามจุดทางด้านขวาแล้วเลือกสร้าง SAS 

เราต้องการกำหนดวันที่ใช้โทเค็นของเราตั้งแต่วันนี้จนถึงปีหน้า จากนั้น เราสามารถสร้างโทเค็น SAS และ URL

สิ่งนี้จะสร้างโทเค็นในรูปแบบของสตริงภายใต้ปุ่มสร้างโทเค็น SAS และ URL นั่นคือโทเค็นที่เราต้องจดจำและคัดลอก

ตอนนี้กลับไปที่หน้าต่างส่วนตัวของเราด้วย URL ก่อนหน้า มันยังไม่ควรทำงานตามที่แสดงด้านล่าง

แต่เมื่อเราเพิ่มเครื่องหมายคำถามที่ท้าย URL แล้ววางโทเค็น โทเค็นจะตรวจสอบความถูกต้องของ URL เพื่อให้เราสามารถเข้าถึง blobs ภายในคอนเทนเนอร์ของเราได้

เมื่อเพิ่มโทเค็นแล้ว เราสามารถเล่นวิดีโอได้แล้ว ซึ่งหมายความว่า URL ที่มีโทเค็นคือสิ่งที่เราสามารถใช้สำหรับรายงานของเราได้เช่นกัน 

การใช้โทเค็นใน LuckyTemplates

กลับไปที่รายงาน LuckyTemplates ของเราและสร้างหน้าใหม่ 

เรามีมาตรการก่อนหน้านี้ที่เราเรียกว่าyoutubeซึ่งมีลักษณะเช่นนี้ 

เราจะใช้ซ้ำและอัปเดตมาตรการนี้เพื่อให้ใช้งานได้ในเวลานี้ 

เก็บแท็กวิดีโอไว้และกำหนดว่าเราต้องการให้วิดีโอเติมเต็มพื้นที่ของภาพเต็มร้อยเปอร์เซ็นต์(ความกว้าง=100% ) นอกจากนี้ ยังเพิ่มส่วนควบคุมซึ่งรวมถึงปุ่มเฉพาะสำหรับเล่น หยุดชั่วคราว และอื่นๆ 

สิ่งสำคัญที่สุดคือเพิ่มแหล่งที่มาใหม่หรือ URL ที่เพิ่มโทเค็น SAS 

ต่อไป เราเพิ่มHTML CSS Viewerจากบานหน้าต่างการแสดงภาพ และคลิกวิดีโอใต้บานหน้าต่างเขตข้อมูล 

ท้ายที่สุดแล้ว ตอนนี้วิดีโอควรแสดงบนหน้าเว็บของเรา ทำให้เราสามารถเล่นวิดีโอที่เราอัปโหลดไปยัง Blob Storage ได้

โปรดทราบว่าสิ่งนี้ใช้งานได้แบบส่วนตัว ดังนั้นเราจำเป็นต้องมีโทเค็น SAS มิฉะนั้นเราจะยังไม่สามารถเข้าถึงวิดีโอได้ 

ไม่มีโทเค็น SAS

ให้เราดำเนินการอย่างรวดเร็วเกี่ยวกับวิธีที่คุณจะดำเนินการโดยไม่ต้องใช้โทเค็น SAS

กลับไปที่บัญชี Storage ของเราเพื่ออัปเดตความเป็นส่วนตัวของคอนเทนเนอร์วิดีโอของเรา แทนที่จะเป็นส่วนตัว มาเปลี่ยนเป็นBlobs (การเข้าถึงการอ่านแบบไม่ระบุชื่อสำหรับ blobs เท่านั้น ) จากนั้นคลิกตกลง

กลับไปที่รายงานของเรา เราสามารถลบโทเค็นและคาดว่าเราจะยังคงดูและเล่นวิดีโอได้ 

การเปลี่ยนความเป็นส่วนตัวของคอนเทนเนอร์วิดีโอของเรายังหมายความว่าทุกคนที่มีลิงก์จะสามารถเข้าถึงวิดีโอได้ ตัวอย่างเช่น หากเราวาง URL ไว้ในเบราว์เซอร์ของเรา วิดีโอควรจะยังคงเล่นอยู่แม้ว่าจะไม่มีโทเค็นก็ตาม

วิชวลแบบกำหนดเองใน LuckyTemplates: เรียนรู้วิธีควบคุมคุณสมบัติฟอนต์ใน DAX
สร้างรายงานเปล่าโดยใช้ตัวสร้างรายงาน LuckyTemplates
ตัวสร้างรายงานใน LuckyTemplates: การจัดรูปแบบวัตถุและการแสดงภาพ

บทสรุป

ไม่สามารถฝังวิดีโอ YouTube โดยตรงลงในรายงาน LuckyTemplates ได้ เนื่องจากข้อจำกัดของทั้ง Microsoft และ YouTube 

วิธีง่ายๆ วิธีหนึ่งในการแก้ไขปัญหานี้คือการเพิ่มปุ่มที่มีไฮเปอร์ลิงก์ไปยังวิดีโอ การทำงานนี้ไม่มีภาพที่กำหนดเองและเข้ากันได้กับวิดีโอ YouTube หรือวิดีโอจาก Blob Storage

แต่ถ้าคุณต้องการให้วิดีโอของคุณฝังอยู่ในรายงาน แนวทางที่เป็นมิตรต่อผู้ใช้มากที่สุดคือการใช้ Azure Blob Storage ติดตั้งง่าย สะดวก และราคาค่อนข้างถูก

คุณสามารถใช้สิ่งที่คุณเรียนรู้ในวันนี้ในการสร้างรายงาน LuckyTemplates ครั้งต่อไปของคุณ ตัวอย่างเช่น คุณจะพบว่ามีประโยชน์ในการเพิ่มวิดีโอช่วยเหลือผู้ใช้ปลายทางจากนักพัฒนาซอฟต์แวร์เพื่ออธิบายวิธีใช้รายงาน มีแอปพลิเคชันมากมายสำหรับวิดีโอบน LuckyTemplates และตอนนี้คุณสามารถใช้ประโยชน์จากแอปพลิเคชันเหล่านั้นได้แล้ว

สิ่งที่ดีที่สุด

ปาสคาล คีเฟอร์