Compartilhar via

Adicionando um controle deslizante

  • Artigo

[O recurso associado a esta página, Reprodutor Multimídia do Windows SDK, é um recurso herdado. Foi substituído pelo MediaPlayer. O MediaPlayer foi otimizado para Windows 10 e Windows 11. A Microsoft recomenda fortemente que o novo código use o MediaPlayer em vez de Reprodutor Multimídia do Windows SDK, quando possível. A Microsoft sugere que o código existente que usa as APIs herdadas seja reescrito para usar as novas APIs, se possível.]

Você pode adicionar um controle deslizante para mostrar a posição atual da mídia e também permitir que o usuário altere a posição no arquivo de mídia atual.

Primeiro, você deve adicionar o 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"/>

Isso define um valor máximo com base na duração do arquivo de mídia atual. Isso usa um pequeno bitmap de imagem de polegar que é apenas um quadrado verde de 10 pixels por 10 pixels. A tela de fundo do controle deslizante será vermelha e o primeiro plano será azul. Quando o usuário arrasta a imagem do polegar para uma nova posição e solta o botão do mouse, a mídia muda para essa posição.

Mas o controle deslizante não será movido sozinho, a menos que você meça a posição atual com o atributo currentPosition_onchange do elemento CONTROLS , que está inserido no elemento PLAYER .

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

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

</PLAYER>

Quando a posição da mídia é alterada, isso aciona um evento que, em seguida, executa a linha de código que altera o valor do controle deslizante para a posição atual da mídia.

Você pode ver uma pele de controle deslizante de trabalho semelhante na seção de exemplo do SDK.

Guia de Criação de Pele