브라이트코브 플레이어 v5.22.2

수업: VolumeBar

VolumeBar

볼륨 수준을 포함하고 수준을 조정하기 위해 클릭할 수 있는 막대

새로운 VolumeBar(플레이어 [, 옵션])

이 클래스의 인스턴스를 만듭니다.

매개 변수 :
이름 유형 논쟁 설명
플레이어 플레이어

이 클래스를 연결해야 하는 Player 입니다.
옵션 물체 <선택 과목>

플레이어 옵션의 키/값 저장소입니다.
원천:
control-bar/volume-control/volume-bar.js

확장하다

회원

playerEvent :문자열

플레이어에서 이 이벤트가 발생하면 이 Slider에 대한 업데이트 이벤트를 호출합니다.

유형:
  • 끈
원천:
control-bar/volume-control/volume-bar.js

행동 양식

계산거리(이벤트)

슬라이더의 거리 계산

매개 변수 :
이름 유형 설명
이벤트 EventTarget~이벤트

이 함수를 실행하게 만든 이벤트입니다.
다음에서 상속:
원천:
슬라이더/slider.js
반환:

Slider의 현재 위치입니다.

- 수직 `슬라이더`용 position.x
    - 수평 `슬라이더`에 대한 position.y
유형
숫자

체크음소거()

플레이어가 음소거된 경우 음소거를 해제합니다.

원천:
control-bar/volume-control/volume-bar.js

createEl()

구성 요소의 DOM 요소 만들기

재정의:
원천:
control-bar/volume-control/volume-bar.js
반환:

생성된 요소입니다.

유형
요소

getPercent()

볼륨 레벨의 백분율 얻기

원천:
control-bar/volume-control/volume-bar.js
반환:

10진수로 표시되는 볼륨 레벨 퍼센트.

유형
숫자

handleBlur(이벤트)

이 Slider 에서 흐림 이벤트를 처리합니다.

매개 변수 :
이름 유형 설명
이벤트 EventTarget~이벤트

이 함수를 실행하게 만든 흐림 이벤트입니다.
다음에서 상속:
원천:
슬라이더/slider.js
이벤트 수신:
  • 이벤트:흐림

handleClick(이벤트)

클릭이 버튼 메뉴와 같은 상위 요소로 버블링되는 것을 방지하는 데 사용되는 슬라이더의 클릭 이벤트에 대한 리스너입니다.

매개 변수 :
이름 유형 설명
이벤트 물체

이 객체를 실행시킨 이벤트
다음에서 상속:
원천:
슬라이더/slider.js

handleFocus(이벤트)

이 Slider 에서 포커스 이벤트를 처리합니다.

매개 변수 :
이름 유형 설명
이벤트 EventTarget~이벤트

이 함수를 실행하게 만든 포커스 이벤트입니다.
다음에서 상속:
원천:
슬라이더/slider.js
이벤트 수신:
  • 이벤트:포커스

handleKeyPress(이벤트)

Slider 에서 keydown 이벤트를 처리합니다. 왼쪽, 오른쪽, 위쪽 및 아래쪽 화살표 키를 확인합니다. 이 함수는 슬라이더에 포커스가 있을 때만 호출됩니다. Slider#handleFocus 및 Slider#handleBlur 를 참조하십시오.

매개 변수 :
이름 유형 설명
이벤트 EventTarget~이벤트

이 함수를 실행시킨 keydown 이벤트.
다음에서 상속:
원천:
슬라이더/slider.js
이벤트 수신:
  • 이벤트:키다운

handleMouseDown(이벤트)

Slider 에서 mousedown 또는 touchstart 이벤트를 처리합니다.

매개 변수 :
이름 유형 설명
이벤트 EventTarget~이벤트

이 함수를 트리거한 mousedown 또는 touchstart 이벤트
다음에서 상속:
원천:
슬라이더/slider.js
화재:
이벤트 수신:
  • 이벤트:마우스다운
  • 이벤트:터치스타트

handleMouseMove(이벤트)

VolumeMenuButton 에서 이동 이벤트를 처리합니다.

매개 변수 :
이름 유형 설명
이벤트 EventTarget~이벤트

이 함수를 실행하게 만든 이벤트입니다.
재정의:
원천:
control-bar/volume-control/volume-bar.js
이벤트 수신:
  • 이벤트:mousemove

handleMouseUp(이벤트)

Slider 에서 mouseup 또는 touchend 이벤트를 처리합니다.

매개 변수 :
이름 유형 설명
이벤트 EventTarget~이벤트

이 함수를 트리거한 mouseup 또는 touchend 이벤트.
다음에서 상속:
원천:
슬라이더/slider.js
화재:
이벤트 수신:
  • 이벤트:터치엔드
  • 이벤트:마우스업

스텝백()

키보드 사용자를 위해 볼륨을 낮춥니다.

원천:
control-bar/volume-control/volume-bar.js

앞으로 단계()

키보드 사용자를 위한 볼륨 레벨 증가

원천:
control-bar/volume-control/volume-bar.js

업데이트()

Slider 의 진행률 표시줄을 업데이트합니다.

다음에서 상속:
원천:
슬라이더/slider.js

updateARIAAttributes( [이벤트])

ARIA 접근성 속성 업데이트

매개 변수 :
이름 유형 논쟁 설명
이벤트 EventTarget~이벤트 <선택 과목>

이 기능을 실행하게 만든 볼륨 변경 이벤트입니다.
원천:
control-bar/volume-control/volume-bar.js
이벤트 수신:

수직( [부울])

슬라이더가 수직에 대해 수평인지 가져오기/설정

매개 변수 :
이름 유형 논쟁 설명
부울 부울 <선택 과목>
  • 슬라이더가 수직이면 true,
    - false는 수평입니다.
다음에서 상속:
원천:
슬라이더/slider.js
반환:
  • 슬라이더가 수직이고 점점
    - false는 수평이며 점점
  - 설정할 때 이 개체에 대한 참조
유형
부울 | 슬라이더

이벤트

슬라이더액티브

슬라이더가 활성 상태일 때 트리거됨

유형: EventTarget~이벤트
다음에서 상속:
원천:
슬라이더/slider.js

슬라이더 비활성

슬라이더가 더 이상 활성 상태가 아닐 때 트리거됩니다.

유형: EventTarget~이벤트
다음에서 상속:
원천:
슬라이더/slider.js