Home

Le DRM-X 4.0 de Haihaisoft pour la vidéo HTML5 utilise une balise vidéo HTML5. Les fournisseurs de contenu peuvent facilement intégrer une vidéo à l'aide d'une balise vidéo HTML5 standard, d'un célèbre lecteur HTML5 tel que VideoJS et de JavaScript pour interagir avec le lecteur HTML5.

 

Comment intégrer le lecteur vidéo html5?

Inclure VideoJS dans la tête:


<!--Inclure la bibliothèque VideoJS-->
<link rel="stylesheet" type="text/css" href="css/video-js.css" />
<script src="js/video.js" type="text/javascript" charset="utf-8"></script>

<!--Utilisation de la peau VideoJS-->
<link rel="stylesheet" type="text/css" href="css/skin/TechSkin-skin.css" />
                            
                        

Vous pouvez également utiliser l'autre skin en fonction du style de votre site web.

Ici, nous recommandons un outil de génération d’apparence VideoJS, vous pouvez personnaliser l’apparence du lecteur. https://codepen.io/heff/pen/EarCt

VideoJS intégré:

Note: Pour iOS, afin de vous assurer que le navigateur Xvast connaît votre balise vidéo, veuillez ne pas modifier l'ID de balise vidéo. Veuillez le garder xvast_player. Si vous n'utilisez pas VideoJS, veuillez nommer l'id de la balise video video: xvast_player_html5_api (veuillez remplacer xvast_player par xvast_player_html5_api si vous n'utilisez pas VideoJS). Donc, Xvast pour iOS peut reconnaître votre tag vidéo.

La dernière version de Xvast pour iOS multimédia indique:

Si vous souhaitez que vos clients lisent vos vidéos sur iOS, vous devez avoir les caractéristiques suivantes dans le lien, avec _P. Par exemple, le lien contient _P.mp4, _P.mp3 ou _P.pdf, sans distinction de casse. Ou contient xvast. Vous pouvez inclure l'une de ces caractéristiques à n'importe quel emplacement du lien de téléchargement, puis Xvast pour iOS reconnaît et prend en charge les téléchargements.

                                    
<div id="LoadingText" style="display: none;" align="center">
  Veuillez patienter, connexion pour obtenir la page de licence...
</div>
<div id="cellular_button" align="center"></div>
<div align="center">
  <script type="text/javascript">
    // Détecter le navigateur actuel, sinon Xvast, il rappellera à l’utilisateur d’ouvrir les fichiers protégés dans le navigateur Xvast,
// et rappelez à l'utilisateur de télécharger le navigateur Xvast. if(navigator.userAgent.indexOf("Xvast") == -1){ document.write('Veuillez ouvrir les fichiers protégés dans le navigateur Xvast. Download Xvast'); }else{ // Utilisez la balise vidéo HTML5; // Xvast changera automatiquement l'ID de la balise vidéo, // ici xvast_player deviendra automatiquement xvast_player_html5_api; // Utiliser l'attribut src spécifie l'URL de la vidéo; // class="video-js" en utilisant VideoJS style. // In data-setup, use "autoplay":true; ajouter un contrôle de lecture automatique; // In data-setup,you can use "playbackRates": [0.5, 0.7, 1, 1.5, 2, 3, 4] ajouter une fonction de vitesse de contrôle.; document.write('<video id="xvast_player" controls="controls" src="https://cn.haihaisoft.com/download/drmx4/Stay_P.mp4" class="video-js" data-setup=\'{ "autoplay":false, "width": 856, "height": 480 }\'></video>'); } </script> </div>

Javascript Code:

                            
<script type="text/javascript">
  document.onreadystatechange = function () {
    if (document.readyState == "complete") { // Une fois la page terminée, exécutez , Obligatoire.;
// Obtenir le lecteur HTML5 // Xvast changera automatiquement xvast_player devenir xvast_player_html5_api; myVid=document.getElementById("xvast_player_html5_api"); // Obtenir des informations détaillées de retour par le joueur,
// si l'utilisateur doit obtenir une licence, il retournera une URL;
// Sinon, il retournera les détails des informations du fichier protégé et des informations de la licence. isSupp=myVid.canPlayType('xvast'); // Vérifiez le type de réseau de téléphonie mobile if(navigator.userAgent.indexOf("Mobile Xvast") > 0){ var con = window.navigator.connection; var network = con.type; // Réseau de téléphonie mobile: cellulaire; wifi: wifi // Vérifiez si votre téléphone utilise un réseau mobile ou wifi if (network == "cellular"){ // Si le téléphone utilise un réseau mobile, vous devez ajouter un bouton pour obtenir une licence sur la page. document.getElementById("cellular_button").innerHTML = '<button style="height: 50px" class="m_g_b" onClick="supportType(event,\'video/ogg\',\'theora, vorbis\')">Lire le fichier protégé (Cliquez 2 fois)</button>'; } } // Si les informations contenues dans le message de retour contiennent une URL,
// il est nécessaire d'obtenir une licence. if(isSupp.indexOf("http")>0){ // Juste un conseil, non indispensable; document.getElementById("LoadingText").style.display='block'; // Utiliser une sous-chaîne pour capturer une URL afin d'obtenir une licence; licURL = isSupp.substring(isSupp.indexOf("http")); // Redirection pour obtenir une page de licence afin de vérifier et d’obtenir une licence. window.location.href = licURL; } } } </script>

La méthode suivante fournit une référence pour obtenir plus d'informations, y compris les informations de licence (Nombre de requêtes ouvertes et date d'expiration). Vous pouvez obtenir ces informations en fonction de vos besoins.

                            
function supportType(e,vidType,codType){
  myVid=document.getElementById("xvast_player_html5_api");
  isSupp=myVid.canPlayType("xvast");
  myVid.play();
  licURL = isSupp.substring(isSupp.indexOf("http"));

  if(isSupp.indexOf("http")>0){
    window.location.href = licURL;
  }else{
    if(isSupp.indexOf("License")>0){

      // Obtenez le compte ouvert
      var openCount=isSupp.substring(isSupp.indexOf(":"),isSupp.indexOf(";"));

      // Obtenir la date d'expiration de la licence
      var ft=isSupp.substring(isSupp.indexOf(";")+1);
      var ut = filetime_to_unixtime(ft);
      var d = new Date(ut * 1000);
      e.target.parentNode.innerHTML ="Nombre ouvert" + openCount + ", Date d'expiration:" + d.toLocaleString();
      return;
    }

    if(isSupp.indexOf("Error ID = 3")>0){
      e.target.parentNode.innerHTML ="La licence a expiré, veuillez ré-ouvrir le fichier protégé pour obtenir une nouvelle licence.";
      return;
    }
  }
}
                            
                        

Posez des questions sur les produits Haihaisoft, les prix, la mise en œuvre ou toute autre chose. Nos représentants hautement qualifiés sont à vos côtés, prêts à aider.