คู่มือนี้แสดงวิธีใช้การบุ๊กมาร์กโดยใช้ IMA DAI SDK เมื่อใช้การแทรกโฆษณาแบบไดนามิก (DAI) สำหรับสตรีมวิดีโอออนดีมานด์ (VOD) ซึ่งถือว่ามีการใช้งาน IMA DAI ที่ใช้งานได้ เช่น การใช้งานที่แสดงในส่วนเริ่มต้นใช้งาน
การบุ๊กมาร์กคืออะไร
การสร้างบุ๊กมาร์กเป็นความสามารถในการบันทึกจุดที่เฉพาะเจาะจงในสตรีมเนื้อหา แล้วกลับไปยังจุดนั้นได้ สมมติว่าผู้ใช้คนหนึ่งดูเนื้อหานาน 5 นาที ออกจากสตรีมวิดีโอ แล้วกลับมาดูต่อ การสร้างบุ๊กมาร์กจะบันทึกตำแหน่งของผู้ใช้ในสตรีม ดังนั้นสตรีมจะกลับมาที่จุดที่ดูค้างไว้ แล้วให้ผู้ใช้ดูต่อได้อย่างต่อเนื่อง
การบุ๊กมาร์ก DAI เบื้องหลัง
เมื่อบุ๊กมาร์กสตรีม DAI คุณต้องบันทึกรหัสสตรีมและเวลา เมื่อผู้ใช้ออกจากวิดีโอ เมื่อผู้ใช้กลับมา ให้ขอ สตรีมอีกครั้งและข้ามไปยังเวลาที่บันทึกไว้ เนื่องจากสตรีมแต่ละอินสแตนซ์ที่ขออาจมีช่วงพักโฆษณาที่มีระยะเวลาต่างกัน การบันทึกเวลาสตรีมจึงใช้ไม่ได้ สิ่งที่คุณต้องการจริงๆ คือการดูต่อจากเวลาของเนื้อหาเดิม
วิธีการ Conversion ช่วยคุณได้
IMA DAI SDK มีเมธอด 2 รายการสำหรับขอเวลาเนื้อหา สำหรับเวลาสตรีมที่ระบุ และเวลาสตรีมสำหรับเวลาเนื้อหาที่ระบุ เมื่อใช้วิธีการแปลงเหล่านี้ คุณจะจัดเก็บเวลาของเนื้อหาที่บุ๊กมาร์กไว้ แล้วไปยังเวลาของสตรีมที่สอดคล้องกันใน อินสแตนซ์ใหม่ของสตรีมได้ ต่อไปนี้คือแนวทาง รวมถึงลิงก์ ไปยังแอปตัวอย่างที่แสดงการติดตั้งใช้งานการบุ๊กมาร์กที่ใช้งานได้
บันทึกและโหลดบุ๊กมาร์กสตรีมโฆษณา
บันทึกบุ๊กมาร์กเมื่อหยุดเล่นเนื้อหาชั่วคราว
onPause() {
var bookmarkTime = Math.floor(
streamManager.contentTimeForStreamTime(videoElement.currentTime));
}
กำลังโหลดบุ๊กมาร์ก
โหลดบุ๊กมาร์กเมื่อขอสตรีมอีกครั้ง
function loadUrl(url) {
hls.on(Hls.Events.MANIFEST_PARSED, () => {
var startTime = 0;
if (bookmarkTime) {
var startTime = streamManager.streamTimeForContentTime(bookmarkTime);
// Seeking on load triggers the onSeekEnd event, so treat this seek as
// if it's snapback. Without this, resuming at a bookmark kicks you
// back to the ad before the bookmark.
isSnapback = true;
}
hls.startLoad(startTime);
videoElement.addEventListener('loadedmetadata', () => { videoElement.play(); });
});
hls.loadSource(url);
hls.attachMedia(videoElement);
}
แอปตัวอย่าง
ดาวน์โหลดแอปตัวอย่าง เพื่อดูการติดตั้งใช้งานการคั่นหน้า