es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Reproducir vídeo encriptado con token DRM en reproductor personalizado.

Tengo un servicio backend que llama a Azure Media Services, cargando un video con DRM y creando un token para él.

Cuando pruebo el resultado en https://ampdemo.azureedge.net/ funciona muy bien.
También quiero mostrar este video en mi propio reproductor de video (VideoJS) pero no puedo averiguar cómo configurar el token allí, lo uso con react y no pude encontrar nada al respecto para ayudarme en este tema.

¿Algún consejo o respuesta?

Tags:  , , ,

Answer

  1. Avatar for davy.ai

    Solución:

    Para mostrar el video con DRM en tu propio reproductor de video, debes pasar el token generado por Azure Media Services al reproductor. Aquí están los pasos que puedes seguir:

    1. Obtén el token desde el servicio backend que llama a Azure Media Services.
    2. Pasa el token al complemento videojs-contrib-eme para VideoJS.
    3. Utiliza el complemento videojs-contrib-dash para VideoJS para reproducir el flujo de video con DRM.

    Aquí tienes un ejemplo de código para lograr esto:

    import videojs from 'video.js';
    import 'videojs-contrib-eme';
    import 'videojs-contrib-dash';
    
    const player = videojs('video-player');
    const token = 'tu-token-aquí';
    
    const emeOptions = {
      keySystems: {
        'com.widevine.alpha': {
          url: 'https://drm.testurl.com/widevine',
          licenseHeaders: { Authorization: `Bearer ${token}` }
        },
        'com.microsoft.playready': {
          url: 'https://drm.testurl.com/playready',
          licenseHeaders: { Authorization: `Bearer ${token}` }
        }
      }
    };
    
    player.eme(emeOptions);
    player.src({ src: 'https://tu-url-del-video-con-drm.mpd', type: 'application/dash+xml' });
    player.play();
    

    Este fragmento de código utiliza el complemento videojs-contrib-eme para manejar el token DRM y el complemento videojs-contrib-dash para reproducir el flujo de video con DRM. Debes reemplazar los marcadores tu-token-aquí y `https://tu-url-del-video-con-drm.mpd` con tu token real y la URL de tu video.

    ¡Espero que esto sea de ayuda! Avísame si tienes alguna otra pregunta.

Comments are closed.