Agregar un control deslizante

  • Artículo

[La característica asociada a esta página, Reproductor multimedia de Windows SDK, es una característica heredada. Se ha reemplazado por MediaPlayer. MediaPlayer se ha optimizado para Windows 10 y Windows 11. Microsoft recomienda encarecidamente que el nuevo código use MediaPlayer en lugar de Reproductor multimedia de Windows SDK, siempre que sea posible. Microsoft sugiere que el código existente que usa las API heredadas se reescriba para usar las nuevas API si es posible.

Puede agregar un control deslizante para mostrar la posición actual del medio y también permitir que el usuario cambie la posición en el archivo multimedia actual.

En primer lugar, debe agregar el elemento SLIDER :

<SLIDER
  id = "myslider"
  min = "0"
  max = "wmpprop:player.currentMedia.duration"
  onmouseup = "player.controls.currentPosition = myslider.value; "
  tooltip = "current position"
  height = "10"
  width = "180"
  top = "150"
  left = "88"
  backgroundColor = "red"
  foregroundColor = "blue"
  thumbImage = "thumb.bmp"/>

Esto establece un valor máximo basado en la duración del archivo multimedia actual. Esto usa un mapa de bits de imagen de miniatura pequeño que es solo un cuadrado verde de 10 píxeles en 10 píxeles. El fondo del control deslizante será rojo y el primer plano será azul. Cuando el usuario arrastra la imagen de pulgar a una nueva posición y deja ir del botón del mouse, el medio cambiará a esa posición.

Pero el control deslizante no se moverá por sí mismo a menos que mida la posición actual con el atributo currentPosition_onchange del elemento CONTROLS , que está incrustado en el elemento PLAYER .

<PLAYER
    URL = "https://proseware.com/laure.wma">

    <CONTROLS
        currentPosition_onchange = "myslider.value = player.controls.currentPosition; "/>

</PLAYER>

Cuando cambia la posición de los medios, se desencadena un evento que, a continuación, ejecuta la línea de código que cambia el valor del control deslizante a la posición actual del medio.

Puede ver una máscara de control deslizante de trabajo similar en la sección de ejemplo del SDK.

Guía de creación de pieles