슬라이더 추가

  • 아티클

[이 페이지와 연결된 기능인 Windows 미디어 플레이어 SDK는 레거시 기능입니다. MediaPlayer로 대체되었습니다. MediaPlayer는 Windows 10 및 Windows 11 최적화되었습니다. 가능한 경우 새 코드에서 Windows 미디어 플레이어 SDK 대신 MediaPlayer를 사용하는 것이 좋습니다. 가능한 경우 레거시 API를 사용하는 기존 코드를 다시 작성하여 새 API를 사용하도록 제안합니다.]

슬라이더를 추가하여 미디어의 현재 위치를 표시하고 사용자가 현재 미디어 파일의 위치를 변경할 수도 있습니다.

먼저 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"/>

이렇게 하면 현재 미디어 파일의 기간을 기준으로 최대값이 설정됩니다. 10픽셀x10픽셀 녹색 정사각형에 불과한 작은 엄지 이미지 비트맵을 사용합니다. 슬라이더의 배경은 빨간색이고 전경은 파란색입니다. 사용자가 엄지 이미지를 새 위치로 끌어 마우스 단추를 놓으면 미디어가 해당 위치로 변경됩니다.

그러나 PLAYER 요소에 포함된 CONTROLS 요소의 currentPosition_onchange 특성으로 현재 위치를 측정하지 않으면 슬라이더가 단독으로 이동되지 않습니다.

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

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

</PLAYER>

미디어의 위치가 변경되면 슬라이더의 값을 미디어의 현재 위치로 변경하는 코드 줄을 실행하는 이벤트가 발생합니다.

SDK의 샘플 섹션에서 비슷한 작업 슬라이더 스킨을 볼 수 있습니다.

스킨 생성 가이드