Cette rubrique décrit les propriétés, les méthodes et les événements pris en charge par Aliplayer.
Si vous rencontrez des problèmes lors de l'utilisation d'Aliplayer, consultez la page FAQ sur le lecteur web ou la section Dépannage autonome des erreurs de lecture.
Propriétés
Lors de l'initialisation d'Aliplayer, vous pouvez définir plusieurs propriétés. Celles-ci incluent l'autorisation de licence, les informations sur la source multimédia, les paramètres de l'interface utilisateur du lecteur et le comportement de lecture.
Name | Type | Description |
id | String | ID de l'élément DOM du conteneur externe du lecteur. |
source | String | Lorsque vous utilisez la lecture basée sur une URL, spécifiez l'URL de la vidéo avec cette propriété. Remarque
|
vid | String | ID du média pour le service ApsaraVideo Media Processing. |
playauth | String | Identifiant de lecture. Pour obtenir un identifiant de lecture, consultez Obtain a Playback Credential. |
customVodServer | String | Un domaine personnalisé pour le proxy VOD (pris en charge dans le mode de lecture VidAuth version 2.32.0 et ultérieure). Vous devez déployer un service de proxy de requête dédié. Lorsque le domaine VOD par défaut (*.aliyuncs.com) est inaccessible, le lecteur bascule automatiquement vers votre service de proxy. Cela évite le détournement par les FAI et améliore la stabilité et le taux de réussite de la lecture. |
playConfig | JSON | Paramètres personnalisés utilisés lors de la lecture avec Vid (VidAuth ou VidSts). Ces paramètres sont transmis à l'API VOD. Pour connaître les champs pris en charge et la description des paramètres, consultez Custom PlayConfig Settings for Media Playback. Exemple de valeur : |
authTimeout | Number | Durée de validité de l'URL de lecture vidéo obtenue via Vid (VidAuth ou VidSts). Unité : secondes. Valeur par défaut : 7200. Assurez-vous que cette valeur dépasse la durée réelle de la vidéo afin d'éviter l'expiration de l'URL de lecture avant la fin de la diffusion. |
height | String | Hauteur du lecteur. Valeurs valides :
|
width | String | Largeur du lecteur. Valeurs valides :
|
autoSize | Boolean | String | Ajuste automatiquement la taille du lecteur pour l'adapter au contenu vidéo. Valeurs valides : 'height' ou 'width'. Par exemple, définissez width: '500px' et autoSize: 'height'. Le lecteur conserve une largeur fixe de 500 px et ajuste sa hauteur en fonction du rapport d'aspect de la vidéo. Ou définissez height: '500px' et autoSize: 'width'. Le lecteur conserve une hauteur fixe de 500 px et ajuste sa largeur en fonction du rapport d'aspect de la vidéo. Remarque : autoSize: true équivaut à autoSize: 'height'. L'ajustement automatique de la hauteur est la valeur par défaut. |
videoWidth | String | Largeur de la vidéo. Pour plus d'informations, consultez Set Display Mode. |
videoHeight | String | Hauteur de la vidéo. Pour plus d'informations, consultez Set Display Mode. |
preload | Boolean | Le lecteur se charge automatiquement. |
cover | String | Image de couverture par défaut du lecteur. Saisissez une URL d'image valide. Ce paramètre ne prend effet que lorsque autoplay est défini sur false. |
isLive | Boolean | Indique si le contenu est une diffusion en direct. Lorsqu'elle est activée, les utilisateurs ne peuvent pas faire glisser la barre de progression. Valeur par défaut : false. Définissez sur true pour les diffusions en direct. |
autoplay | Boolean | Active la lecture automatique du lecteur. La lecture automatique échoue sur les appareils mobiles. Valeurs valides :
Remarque En raison des restrictions du navigateur, la lecture automatique peut échouer dans le SDK Web Player. Pour plus de détails, consultez Advanced Features. |
autoplayPolicy | Object | Le lecteur prend en charge une politique adaptative pour la lecture automatique en sourdine. Cette propriété ne prend effet que lorsque Remarque
|
rePlay | Boolean | Active la lecture en boucle automatique. |
useH5Prism | Boolean | Utilise le lecteur HTML5. |
playsinline | Boolean | Active la lecture intégrée pour HTML5. Certains navigateurs Android ne prennent pas en charge cette fonctionnalité. |
skinRes | Url | URL de l'image de l'habillage. Nous ne recommandons pas de modifier ce champ. Pour personnaliser l'habillage, consultez Customize the Player Skin. |
skinLayout | Array | Boolean | Configure la disposition des composants de l'interface utilisateur. Omettez cette propriété pour utiliser la disposition par défaut. Définissez sur false pour masquer tous les composants de l'interface utilisateur. Pour plus d'informations, consultez Configure the skinLayout Property. |
skinLayoutIgnore | Array | Liste des composants de l'interface utilisateur à masquer. Consultez VOD Component Parameter Reference pour les noms des composants. Exemple de configuration : Remarque skinLayoutIgnore est prioritaire sur skinLayout. |
controlBarVisibility | String | Implémentation du panneau de contrôle. Les valeurs valides incluent :
|
showBarTime | Number | Temps en millisecondes avant que la barre de contrôle ne se masque automatiquement. |
enableSystemMenu | Boolean | Active le menu contextuel système. Valeur par défaut : false. |
format | String | Spécifiez le format de l'URL de lecture. Valeurs valides :
Par défaut : vide. |
mediaType | String | Spécifiez s'il faut renvoyer l'audio ou la vidéo. Pris en charge uniquement lors de l'utilisation de la lecture basée sur vid. Valeur par défaut : video. Valeurs valides :
|
qualitySort | String | Spécifiez l'ordre de tri. Pris en charge uniquement lors de l'utilisation de la lecture Vid + PlayAuth. Valeurs valides :
Par défaut : asc. |
definition | String | Définissez les définitions vidéo à afficher. Séparez plusieurs définitions par des virgules (,). Exemple : 'FD,LD'. Il s'agit d'un sous-ensemble des définitions disponibles pour le vid spécifié. Valeurs valides :
|
defaultDefinition | String | Définissez la définition vidéo par défaut. Celle-ci doit correspondre à l'une des définitions disponibles pour le vid spécifié. Valeurs valides :
|
autoPlayDelay | Number | Délai avant le début de la lecture. Unité : secondes. |
language | String | Définissez la langue pour l'internationalisation. Valeur par défaut : zh-cn. Si omis, la langue du navigateur est utilisée. Valeurs valides :
|
languageTexts | JSON | Texte d'internationalisation personnalisé au format JSON. Les clés doivent correspondre à la valeur de la propriété language. Exemple : {jp:{Play:"Play"}}. Pour la liste complète des clés, consultez JSON Structure. |
snapshotWatermark | Object | Configurez les filigranes de capture d'écran pour les lecteurs HTML5. |
useHlsPluginForSafari | Boolean | Active le plugin HLS pour les navigateurs Safari, à l'exception de Safari 11. Valeurs valides :
|
enableStashBufferForFlv | Boolean | Active la mise en cache de la lecture pour FLV dans les lecteurs HTML5. S'applique uniquement à la diffusion en direct. Valeurs valides :
|
stashInitialSizeForFlv | Number | Taille initiale du cache pour FLV dans les lecteurs HTML5. S'applique uniquement à la diffusion en direct. Valeur par défaut : 32 Ko. Une valeur plus petite améliore la vitesse de démarrage. Toutefois, si elle est trop faible, la lecture peut saccader après un court instant. |
loadDataTimeout | Number | Temps en secondes avant d'inviter l'utilisateur à passer à une définition inférieure en raison de la mise en mémoire tampon. Valeur par défaut : 20. |
waitingTimeout | Number | Délai maximal de mise en mémoire tampon. Un message d'erreur apparaît si ce délai est dépassé. Unité : secondes. Valeur par défaut : 60. |
diagnosisButtonVisible | Boolean | Affiche le bouton de diagnostic. Valeurs valides :
|
disableSeek | Boolean | Désactive la recherche avec la barre de progression. Valeurs valides :
|
encryptType | Number | Active le chiffrement vidéo Alibaba Cloud (chiffrement privé). Valeur par défaut : 0. Valeurs valides :
Remarque
|
progressMarkers | Array | Un tableau d'objets de marqueurs de progression. Pour plus d'informations, consultez Progress Bar Markers. |
vodRetry | Number | Nombre de tentatives en cas d'échec de la lecture VOD. Valeur par défaut : 3. |
liveRetry | Number | Nombre de tentatives en cas d'échec de la lecture en direct. Valeur par défaut : 5. |
hlsFrameChasing | Boolean | Active la poursuite d'images pour la diffusion en direct HLS. Valeurs valides :
Remarque Seules les versions du SDK Web Player antérieures à la 2.21.0 prennent en charge la définition de ce paramètre. Pour la version 2.21.0 et ultérieure, pour activer la synchronisation des images en mode de diffusion en direct HLS, reportez-vous à la propriété |
chasingFirstParagraph | Number | Durée du premier segment de poursuite d'images. Unité : secondes. Valeur par défaut : 20. Remarque Vous ne pouvez définir ce paramètre que dans les versions du SDK Web Player antérieures à la 2.21.0. Pour la version 2.21.0 et ultérieure, pour définir la synchronisation des images en mode de diffusion en direct HLS, consultez la propriété |
chasingSecondParagraph | Number | Durée du deuxième segment de poursuite d'images. Unité : secondes. Valeur par défaut : 40. Remarque Seules les versions du SDK Web Player antérieures à la 2.21.0 prennent en charge la définition de ce paramètre. Pour les versions 2.21.0 et ultérieure, pour définir la synchronisation des images en mode de diffusion en direct HLS, consultez la propriété |
chasingFirstSpeed | Number | Vitesse de lecture pour le premier segment de poursuite d'images. Valeur par défaut : 1,1×. Remarque Seules les versions du SDK Web Player antérieures à la 2.21.0 prennent en charge la configuration de ce paramètre. Pour les versions 2.21.0 et ultérieure, pour configurer la synchronisation des images en mode de diffusion en direct HLS, consultez la propriété |
chasingSecondSpeed | Number | Vitesse de lecture pour le deuxième segment de poursuite d'images. Valeur par défaut : 1,2×. Remarque Seules les versions du SDK Web Player antérieures à la 2.21.0 prennent en charge la définition de ce paramètre. Pour les versions 2.21.0 et ultérieure, pour configurer la synchronisation des images en mode de diffusion en direct HLS, consultez la propriété |
hlsOption.maxLiveSyncPlaybackRate | Number | Définissez la vitesse de lecture pour la poursuite d'images en diffusion en direct HLS. Valeur par défaut : 1 (pas de poursuite d'images).
Remarque Ce paramètre est pris en charge uniquement dans les versions 2.21.0 et ultérieures du SDK Web Player. |
flvFrameChasing | Boolean | Activez la synchronisation des images pour le streaming en direct FLV. Valeurs valides :
Par défaut : false. |
keyShortCuts | Boolean | Activez les raccourcis clavier. Valeurs valides :
Par défaut : false. Remarque Les touches fléchées (gauche/droite) contrôlent l'avance et le retour rapides. Les touches fléchées (haut/bas) contrôlent le volume. La barre d'espace permet de basculer entre la lecture et la pause. |
keyFastForwardStep | Number | Intervalle de temps pour l'avance et le retour rapides. Unité : secondes. Par défaut : 10. |
rtsFallback | Boolean | Lorsque le navigateur ne prend pas en charge RTS ou que l'extraction du flux RTS échoue, le lecteur revient automatiquement au format FLV ou HLS. Il privilégie le format FLV pour une latence plus faible. Si le navigateur ne prend pas en charge FLV, il revient au format HLS. Cette fonctionnalité est activée par défaut. Pour la désactiver, définissez ce paramètre sur false. |
rtsFallbackType | String | Spécifiez le protocole vers lequel revenir depuis RTS. Valeurs valides : HLS ou FLV. Par défaut, le lecteur effectue une sélection automatique, en privilégiant le format FLV pour une latence plus faible. Si le navigateur ne prend pas en charge FLV, il revient au format HLS. |
rtsFallbackSource | String | Nous vous recommandons d'utiliser la stratégie de secours par défaut du lecteur. Toutefois, si vous souhaitez spécifier une URL de flux fixe pour le repli, utilisez ce paramètre. |
traceId | String | Votre identifiant utilisateur unique. Transmettez cette valeur aux points d'instrumentation publics pour suivre la génération des journaux. Par défaut, le SDK Web Player active la génération des journaux. La transmission de traceId permet d'identifier les utilisateurs. S'il est omis, le SDK Web Player génère et stocke un UUID dans le cache du navigateur. Remarque Pris en charge à partir de la version 2.10.0 du SDK Web Player. |
textTracks | Array | Configurez les sous-titres WebVTT externes. Exemple : Descriptions des champs :
Remarque
|
ratio | Number | Définissez le lecteur pour qu'il s'adapte selon un rapport d'aspect fixe. Par exemple, pour un rapport d'aspect vidéo de 16:9, définissez les paramètres du lecteur sur |
extLanguageTexts | Object | Le SDK Web Player inclut des textes d'interface utilisateur intégrés en chinois et en anglais. Utilisez cette propriété pour personnaliser le texte d'éléments spécifiques de l'interface utilisateur. Par exemple, pour modifier l'affichage de HD de high definition à 1080p : |
speedLevels | Array | Personnalisez la liste des vitesses de lecture. Chaque objet contient une clé (valeur de vitesse) et un texte (libellé de l'interface utilisateur). S'il est omis, la liste par défaut est utilisée. Exemple : |
logo | Array | Configurez des images de logo personnalisées. Exemple : Descriptions des champs :
|
license | Object | Pour utiliser des fonctionnalités à valeur ajoutée telles que Surveillance de la qualité de lecture (héritée), Dépannage ponctuel ou Lecture vidéo H.265/H.266, soumettez d'abord le Formulaire de demande de services à valeur ajoutée du SDK Web Player afin d'obtenir une licence. Intégrez ensuite la licence comme suit : |
mute | Boolean | Activez la lecture en sourdine. Configurez ce paramètre pour activer la lecture automatique en sourdine lorsque les navigateurs bloquent la lecture automatique. Pour plus de détails, consultez Fonctionnalités avancées. |
clickPause | Boolean | Cliquez sur la zone vidéo pour mettre en pause ou reprendre la lecture.
Par défaut : true sur ordinateur, false sur mobile. N'utilisez pas ce paramètre avec dbClickSkip pour éviter les conflits d'interaction. |
disablePip | Boolean | Masquez le bouton Picture-in-Picture (PiP) natif du navigateur. Remarque
|
env | String | Par défaut, les données de télémétrie du lecteur sont téléchargées vers le centre de données en Chine. Si vous avez des exigences de conformité pour les données hors de Chine, définissez env: 'SEA' pour télécharger les données vers le centre de données de Singapour. |
watchStartTime | Number | Utilisez seul pour définir l'heure de début de la lecture. Utilisez avec watchEndTime pour activer la lecture par plage horaire. Les utilisateurs peuvent uniquement lire et rechercher dans la plage horaire spécifiée. Unité : secondes |
watchEndTime | Number | Utilisez avec watchStartTime pour activer la lecture par plage horaire. Les utilisateurs peuvent uniquement lire et rechercher dans la plage horaire spécifiée. Si cette valeur est inférieure à watchStartTime, watchStartTime est ignoré. Unité : secondes |
start | Number | Utilisez avec end pour extraire un segment de la vidéo. Par exemple, si la vidéo originale dure 60 secondes et que vous définissez start: 10 et end: 30, le lecteur affiche une vidéo de 20 secondes commençant à la 10e seconde de la vidéo originale. |
end | Number | Utilisez avec start pour extraire un segment de la vidéo. Par exemple, si la vidéo originale dure 60 secondes et que vous définissez start: 10 et end: 30, le lecteur affiche une vidéo de 20 secondes commençant à la 10e seconde de la vidéo originale. |
dbClickFullscreen | Boolean | Activez le double-clic pour passer en plein écran. Activé par défaut sur ordinateur. |
longPressFastForward | Boolean | Activez l'avance rapide par appui long (mobile uniquement). Valeurs valides :
|
dbClickSkip | Boolean | Double-cliquez sur le côté gauche pour revenir en arrière, double-cliquez sur le côté droit pour avancer rapidement (mobile uniquement). Valeurs valides :
N'utilisez pas ce paramètre avec clickPause pour éviter les conflits d'interaction. |
enableMockFullscreen | Boolean | Activez le pseudo-plein écran basé sur CSS. Par défaut, le lecteur appelle l'API plein écran du navigateur. Sur iOS et certains navigateurs Android, le lecteur système prend le contrôle du plein écran, ce qui entraîne des problèmes d'interface utilisateur. Activez ce paramètre pour éviter cette prise de contrôle. Par défaut : false. |
watermark | Object | Configurez des filigranes dynamiques. Exemple : Descriptions des champs :
|
memoryPlay | Object | Pour activer la reprise de la lecture, ajoutez l'option Descriptions des champs :
|
menuMode | String | Définissez l'emplacement d'affichage des commandes de vitesse de lecture, de définition, de sous-titrage et de piste audio. Valeurs valides :
|
**Nom**
|
**Type**
|
**Obligatoire**
|
**Description**
| | --- | --- | --- | --- | |
showPlayButton
|
Boolean
|
Non
|
Affiche le bouton de lecture.
|
replay()
Redémarre la lecture.
Définition de la fonction
() => Player
seek()
Accède à un instant précis.
Définition de la fonction
(time: number) => Player
Paramètres
|
Nom |
Type |
Obligatoire |
Description |
|
time |
number |
Oui |
Instant cible, exprimé en secondes. |
dispose()
Détruit le lecteur.
Définition de la fonction
() => void
getCurrentTime()
Renvoie l'instant actuel de la lecture, en secondes.
Définition de la fonction
() => number
getDuration()
Renvoie la durée totale de la vidéo, en secondes. Appelez cette méthode après le chargement de la vidéo ou après l'événement de lecture.
Définition de la fonction
() => number
getVolume()
Renvoie le volume actuel sous la forme d'un nombre réel compris entre 0 et 1. Cette fonction n'est pas prise en charge sur iOS ni sur certains appareils Android.
Définition de la fonction
() => number | undefined
setVolume()
Définit le volume.
Définition de la fonction
(volume: number) => void
Paramètres
|
Nom |
Type |
Obligatoire |
Description |
|
volume |
number |
Oui |
Valeur réelle comprise entre 0 et 1. Non pris en charge sur iOS et certains appareils Android. |
mute()
Coupe le son de la lecture.
Définition de la fonction
(quiet?: boolean) => Player
Paramètres
|
Nom |
Type |
Obligatoire |
Description |
|
quiet |
boolean |
Non |
Masque l'indicateur de statut muet/activé dans le coin inférieur gauche. |
unMute()
Rétablit le son de la lecture.
Définition de la fonction
(quiet?: boolean) => Player
Paramètres
|
Nom |
Type |
Obligatoire |
Description |
|
quiet |
boolean |
Non |
Indique s'il faut masquer l'invite textuelle dans le coin inférieur gauche lors du rétablissement du son. |
getPlayTime()
Renvoie le temps de lecture effectif (hors périodes de pause). En cas de lecture à vitesse variable, cette valeur correspond au temps écoulé réel, exprimé en secondes.
Définition de la fonction
() => number
loadByUrl()
Bascule vers une autre vidéo. Le basculement n'est possible qu'entre vidéos de même format (MP4, HLS ou FLV). Pour changer de format, détruisez le lecteur et créez une nouvelle instance.
Définition de la fonction
(url: string, seconds?: number, autoPlay?: boolean) => void
Paramètres
|
Nom |
Type |
Obligatoire |
Description |
|
url |
string |
Oui |
URL de la vidéo cible. |
|
seconds |
number |
Non |
Instant de démarrage de la lecture après le basculement. |
|
autoPlay |
boolean |
Non |
Démarre automatiquement la lecture après le basculement. |
replayByVidAndPlayAuth()
Bascule vers une autre vidéo VOD. Le basculement n'est possible qu'entre vidéos de même format.
Définition de la fonction
(vid: string, playauth: string) => void
Paramètres
|
Nom |
Type |
Obligatoire |
Description |
|
vid |
string |
Oui |
ID de la vidéo. |
|
playauth |
string |
Oui |
Identifiant de lecture. |
replayByVidAndAuthInfo()
Bascule vers une autre vidéo MPS. Le basculement n'est possible qu'entre vidéos de même format.
Définition de la fonction
(vid: string, accId: string, accSecret: string, stsToken: string, authInfo: string, domainRegion: string) => void
Pour plus de détails sur les paramètres, consultez Lecture MPS.
replayByMediaAuth()
Bascule vers une autre vidéo Universal Media Service. Le basculement n'est possible qu'entre vidéos de même format.
Définition de la fonction
(mediaAuth: string) => void
Paramètres
|
Nom |
Type |
Obligatoire |
Description |
|
mediaAuth |
string |
Oui |
Identifiant de lecture. |
getBuildInComponent()
Récupère un composant d'interface utilisateur intégré (par exemple, le bouton plein écran ou la barre de progression).
Définition de la fonction
(name: string) => BuildInComponent;
Paramètres
|
Nom |
Type |
Obligatoire |
Description |
|
name |
string |
Oui |
Nom du composant intégré (par exemple, fullScreenButton). Consultez la liste des noms de composants dans Configurer la propriété skinLayout. Chaque composant prend en charge les méthodes hide et show. |
setPlayerSize()
Définit la taille du lecteur.
Définition de la fonction
(width: string, height: string) => void
Paramètres
Nom | Type | Obligatoire | Description |
width | string | Oui | Définit la taille du lecteur. Valeurs acceptées :
|
height | string | Oui |
setSpeed()
Définit manuellement la vitesse de lecture. Cette option peut ne pas fonctionner sur les appareils mobiles (par exemple, WeChat sur Android). Les contrôles de vitesse sont activés par défaut.
Définition de la fonction
(speed: number) => void
Paramètres
|
Nom |
Type de paramètre |
Obligatoire |
Description |
|
speed |
number |
Oui |
Vitesses de lecture prises en charge : de 0,5× à 2×. |
Pour désactiver les contrôles de vitesse :
La désactivation ou la personnalisation des contrôles de vitesse ne peut pas se faire individuellement ; elle doit être appliquée globalement.
-
Pour désactiver les contrôles de vitesse via une substitution CSS :
.prism-setting-speed { display: none !important; }
setTraceId()
Transmet un identifiant commun pour l'instrumentation et le suivi des journaux.
Définition de la fonction
(traceId: string) => void
Paramètres
|
Nom |
Type |
Obligatoire |
Description |
|
traceId |
string |
Oui |
Identifiant unique. |
Prise en charge à partir de la version 2.10.0 du SDK Web Player.
setSanpshotProperties()
Configure les paramètres de capture d'écran.
Définition de la fonction
(width: number, height: number, rate: number) => void
Paramètres
Nom | Type | Obligatoire | Description |
width | number | Oui | Unités de largeur et hauteur : pixels. Plage de qualité de la capture : 0–1 (valeur par défaut : 1). Pour plus de détails, consultez Captures d'écran vidéo. |
height | number | Oui | |
rate | number | Oui |
fullscreenService.requestFullScreen()
Passe en mode plein écran.
Définition de la fonction
() => Player
fullscreenService.cancelFullScreen()
Quitte le mode plein écran. Non pris en charge sur iOS.
Définition de la fonction
() => Player
fullscreenService.getIsFullScreen()
Renvoie l'état du mode plein écran.
Définition de la fonction
() => boolean
getStatus()
Renvoie l'état du lecteur sous forme de chaîne. Exemples :
init : Initialisation.
ready : Prêt.
loading : Chargement.
play : Lecture en cours.
pause : Pause.
playing : Lecture active.
waiting : Mise en mémoire tampon.
error : Erreur.
ended : Terminé.
Définition de la fonction
() => string
liveShiftSerivce.setLiveTimeRange()
Définit les heures de début et de fin du flux en direct. Utilisez cette méthode pour activer le décalage temporel (time shifting).
Définition de la fonction
(start: string, end: string) => void
Paramètres
|
Nom |
Type |
Obligatoire |
Description |
|
start |
string |
Oui |
Heure de début du flux en direct. |
|
end |
string |
Oui |
Heure de fin du flux en direct. |
Exemple
player.liveShiftSerivce.setLiveTimeRange('2025/03/21 12:43:00', '2025/03/21 23:31:00')
setRotate()
Définit l'angle de rotation du lecteur.
Définition de la fonction
(rotate: number) => void
Paramètres
|
Nom |
Type |
Obligatoire |
Description |
|
rotate |
number |
Oui |
Les valeurs positives entraînent une rotation dans le sens horaire, les valeurs négatives dans le sens antihoraire. Exemple : setRotate(90). Pour plus d'informations, consultez Définir le mode d'affichage. |
getRotate()
Renvoie l'angle de rotation du lecteur.
Définition de la fonction
() => number
Pour plus d'informations, consultez Définir le mode d'affichage.
setImage()
Applique un effet de miroir.
Définition de la fonction
(type: string) => void
Paramètres
Nom | Type | Obligatoire | Description |
type | string | Oui | Valeurs acceptées :
Exemple : setImage('horizon'). Pour plus d'informations, consultez Définir le mode d'affichage. |
setCover()
Définit l'image de couverture.
Définition de la fonction
(coverUrl: string) => void
Paramètres
|
Nom |
Type |
Obligatoire |
Description |
|
coverUrl |
string |
Oui |
URL de la vignette. |
setProgressMarkers()
Définit les marqueurs de progression.
Définition de la fonction
(markers: Array<{ time: number, text: string }>) => void
Paramètres
Nom | Type | Obligatoire | Description |
markers | Array<markers> | Oui | markers : Tableau d'objets marqueur (obligatoire). marker.time : Instant du marqueur (obligatoire). marker.text : Libellé textuel du marqueur (obligatoire). Consultez le paramètre progressMarkers pour plus de détails. |
setPreviewTime()
Définit la durée de l'aperçu.
Définition de la fonction
(time: number) => void
Paramètres
|
Nom |
Type |
Obligatoire |
Description |
|
time |
number |
Oui |
Unité : secondes. Pour plus d'informations, consultez Aperçu. |
getPreviewTime()
Renvoie la durée de l'aperçu.
Définition de la fonction
() => number
isPreview()
Vérifie si le mode aperçu est actif.
Définition de la fonction
() => boolean
getCurrentPDT()
Renvoie la valeur ProgramDateTime actuelle pour les flux vidéo HLS.
Définition de la fonction
() => number | undefined
setTextTracks()
Définit un tableau de sous-titres WebVTT.
Définition de la fonction
(textTracks: Array<{ kind: string, label: string, src: string, srclang: string }>) => void
Paramètres
Nom | Type | Obligatoire | Description |
textTracks | Array<object> | Oui | Exemple : Remarque Prise en charge à partir de la version 2.12.0 du SDK Web Player. |
setLogo()
Définit des logos personnalisés.
Définition de la fonction
(logoList: Array<{ width: number, position: string, origin: string, src: string }>) => void
Paramètres
Nom | Type | Obligatoire | Description |
logoList | Array<object> | Oui | Exemple : Pour la description des champs, consultez la propriété : logo. |
setWatchTime()
Met à jour dynamiquement les valeurs watchStartTime/watchEndTime de la vidéo en cours.
Définition de la fonction
(start: number, end: number) => void
Paramètres
|
Nom |
Type |
Obligatoire |
Description |
|
start |
string |
Oui |
Heure de début. |
|
end |
string |
Oui |
Heure de fin. |
setNextWatchTime()
Définit les valeurs watchStartTime/watchEndTime de la vidéo suivante. Si vous utilisez loadByUrl ou replayByVidAndPlayAuth pour changer de vidéo et que la plage horaire de la prochaine vidéo diffère de celle de la vidéo actuelle, appelez d'abord setNextWatchTime.
Définition de la fonction
(start: number, end: number) => void
Paramètres
|
Nom |
Type |
Obligatoire |
Description |
|
start |
string |
Oui |
Heure de début. |
|
end |
string |
Oui |
Heure de fin. |
setStartEnd()
Met à jour dynamiquement les instants de début et de fin de la vidéo en cours.
Définition de la fonction
(start: number, end: number) => void
Paramètres
|
Nom |
Type |
Obligatoire |
Description |
|
start |
string |
Oui |
Heure de début. |
|
end |
string |
Oui |
Heure de fin. |
setNextStartEnd()
Définit les instants de début et de fin de la vidéo suivante. Si vous utilisez loadByUrl ou replayByVidAndPlayAuth pour changer de vidéo et que la plage de segments de la prochaine vidéo diffère de celle de la vidéo actuelle, appelez d'abord setNextStartEnd.
Définition de la fonction
(start: number, end: number) => void
Paramètres
|
Nom |
Type |
Obligatoire |
Description |
|
start |
string |
Oui |
Heure de début. |
|
end |
string |
Oui |
Heure de fin. |
takeSnapshot()
Capture une image. La chaîne base64 renvoyée peut être utilisée directement comme valeur img.src. Utilisez setSnapshotProperties pour configurer la qualité de la capture et snapshotWatermark pour ajouter un filigrane.
Remarque : La fonction de capture peut ne pas fonctionner sur certains navigateurs mobiles où la balise vidéo est interceptée (par exemple, UC Browser ou QQ Browser).
Définition de la fonction
() => { time: number, base64: string, binary: string, error: Error | null }
Valeur de retour
|
Nom |
Type |
Description |
|
time |
string |
Instant de la capture. |
|
base64 |
string |
Contenu de la capture encodé en base64. |
|
binary |
string |
Représentation binaire du contenu de la capture. |
|
error |
Error |
Détails de l'erreur de capture, le cas échéant. |
showControlBar()
Affiche la barre de contrôle.
Définition de la fonction
() => void
hideControlBar()
Masque la barre de contrôle.
Définition de la fonction
() => void
Événements
Événements du lecteur
Nom | Description |
ready | L'interface utilisateur du lecteur termine son rendu. Déclenchez la logique d'initialisation de l'interface après cet événement pour éviter qu'elle ne soit écrasée par l'initialisation par défaut. Remarque Vous pouvez appeler les méthodes du lecteur uniquement après le déclenchement de cet événement. |
play | Se déclenche lorsque la lecture reprend après une pause. |
pause | Se déclenche lorsque la lecture est mise en pause. |
canplay | Se déclenche lorsque la lecture audio ou vidéo peut commencer. Cet événement peut se produire plusieurs fois. Uniquement pour les lecteurs HTML5. |
playing | Se déclenche de manière répétée pendant la lecture. |
ended | Se déclenche à la fin de la lecture de la vidéo actuelle. |
liveStreamStop | Se déclenche lorsqu'un flux en direct s'arrête. Pour les flux en direct HLS, cela se produit après cinq tentatives échouées. Notifiez la couche application que le flux s'est arrêté ou doit être rechargé. Remarque Si un flux en direct HLS échoue ou se déconnecte, le lecteur tente automatiquement cinq nouvelles connexions. N'implémentez pas de logique de nouvelle tentative supplémentaire au niveau de la couche application. |
onM3u8Retry | Se déclenche une fois à chaque nouvelle tentative du lecteur après une interruption d'un flux en direct HLS. |
hideBar | Se déclenche lorsque la barre de contrôle se masque automatiquement. |
showBar | La barre de contrôle s'affiche automatiquement (événements). |
waiting | Se déclenche lors de la mise en mémoire tampon des données. |
timeupdate | Se déclenche lorsque la position de lecture change. Appelez getCurrentTime() pour obtenir l'heure de lecture actuelle. |
snapshoted | Se déclenche à la fin d'une capture d'écran. |
requestFullScreen | Se déclenche lors du passage en mode plein écran. |
cancelFullScreen | Se déclenche lors de la sortie du mode plein écran. Ne se déclenche pas sur iOS. |
error | Se déclenche lorsqu'une erreur se produit. |
startSeek | Le paramètre renvoie l'heure de création du point de glissement au début d'une opération de glissement. |
completeSeek | Lorsque vous terminez l'opération de glissement, les paramètres indiquent l'horodatage du point de glissement. |
resolutionChange | Se déclenche lorsque la source du flux en direct change de résolution. |
seiFrame | Se déclenche lors de la réception de messages SEI via HLS ou FLV. |
rtsFallback | Se déclenche lors du basculement RTS. Le paramètre |
settingSelected | Se déclenche lorsqu'un paramètre (par exemple, vitesse de lecture, définition, sous-titre) est sélectionné. Remarque Étant donné que le plug-in de vitesse open source ne se synchronise pas avec le lecteur, son utilisation nécessite un code personnalisé et une recompilation. Définissez votre propre écouteur d'événements. Pour utiliser l'événement |
rtsTraceId | Cet événement est déclenché lorsque l'extraction du flux RTS réussit ; vous pouvez vous y abonner pour obtenir le RTS TraceId. Dans la sortie du journal, le champ |
autoplay | Se déclenche lorsque la lecture automatique réussit ou échoue. Le paramètre de rappel |
mutedAutoplay | Se déclenche lorsque la lecture automatique en sourdine réussit et que |
videoUnavailable | Se déclenche lorsque la lecture vidéo échoue en raison d'un encodage non pris en charge, provoquant un écran noir. Par exemple, la lecture d'une vidéo H.265 dans un navigateur qui ne prend pas en charge le H.265 entraîne un écran noir avec uniquement l'audio. |
Abonnement aux événements
-
Abonnez-vous aux événements à l'aide de la méthode on de l'instance du lecteur. Par exemple :
function handleReady() {}; player.on('ready', handleReady); // Some events fire frequently. Use player.one to listen once. player.one('canplay', () => {}); -
Désabonnez-vous des événements à l'aide de la méthode off de l'instance du lecteur. Par exemple :
player.off('ready',handleReady);