Ce guide explique comment implémenter la fonctionnalité de favoris à l'aide du SDK IMA DAI lorsque vous utilisez l'insertion dynamique d'annonces pour les flux vidéo à la demande. Cela suppose une implémentation IMA DAI fonctionnelle, comme celle présentée dans Premiers pas.
Qu'est-ce que la fonctionnalité de favoris ?
Cette fonctionnalité permet d'enregistrer un point précis du flux de contenu, puis d'y revenir. Supposons qu'un utilisateur regarde cinq minutes de contenu, quitte le flux vidéo, puis y revienne. La fonctionnalité de favoris enregistre la position de l'utilisateur dans le flux de sorte que celui-ci puisse reprendre la lecture là où l'utilisateur s'était arrêté. Cela garantit une expérience homogène à l'utilisateur.
Fonctionnement de la fonctionnalité de favoris pour l'insertion dynamique d'annonces
Lorsque vous ajoutez un flux d'insertion dynamique d'annonces aux favoris, vous devez enregistrer l'ID du flux et l'heure à laquelle l'utilisateur quitte la vidéo. Lorsque l'utilisateur revient, demandez à nouveau le flux et accédez à l'heure enregistrée. Étant donné que chaque instance du flux demandé peut comporter des pauses publicitaires de durées différentes, il ne suffit pas d'enregistrer l'heure du flux. Ce que vous voulez vraiment faire, c'est reprendre la lecture à la même heure de contenu.
Les méthodes de conversion à la rescousse
Le SDK IMA DAI fournit une paire de méthodes pour demander l'heure de contenu d'une heure de flux donnée et l'heure de flux d'une heure de contenu donnée. À l'aide de ces méthodes de conversion, vous pouvez stocker l'heure de contenu ajoutée aux favoris, puis accéder à l'heure de flux correspondante dans la nouvelle instance du flux. Voici l'approche, y compris un lien vers un exemple d'application qui montre une implémentation de la fonctionnalité de favoris.
Enregistrer et charger des favoris de flux d'annonces
Enregistrez un favori lorsque le lecteur de contenu est mis en pause.
onPause() {
var bookmarkTime = Math.floor(
streamManager.contentTimeForStreamTime(videoElement.currentTime));
}
Chargement des favoris
Chargez le favori lorsque vous demandez à nouveau un flux.
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);
}
Application exemple
Téléchargez l'application exemple pour voir une implémentation de la fonctionnalité de favoris.