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

수업: 시크바

시크바

탐색 표시줄 및 진행률 표시줄 홀더

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

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

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

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

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

확장하다

회원

playerEvent :문자열

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

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

행동 양식

계산거리(이벤트)

슬라이더의 거리 계산

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

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

Slider의 현재 위치입니다.

- 수직 `슬라이더`용 position.x
    - 포지셔닝. 수평 슬라이더용
유형
숫자

createEl()

구성 요소의 DOM 요소 만들기

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

생성된 요소입니다.

유형
요소

getPercent()

재생된 비디오의 백분율 얻기

원천:
control-bar/progress-control/seek-bar.js
반환:

플레이 비율

유형
숫자

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(이벤트)

검색 바에서 마우스를 아래로 처리

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

이것을 실행시킨 mousedown 이벤트.
재정의:
원천:
control-bar/progress-control/seek-bar.js
이벤트 수신:
  • 이벤트:마우스다운

handleMouseMove(이벤트)

검색 바에서 마우스 이동 처리

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

이것을 실행시킨 mousemove 이벤트.
재정의:
원천:
control-bar/progress-control/seek-bar.js
이벤트 수신:
  • 이벤트:mousemove

handleMouseUp(이벤트)

검색 바에서 마우스를 위로 핸들

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

이것을 실행시킨 mouseup 이벤트.
재정의:
원천:
control-bar/progress-control/seek-bar.js
이벤트 수신:
  • 이벤트:마우스업

스텝백()

키보드만 사용하는 사용자를 위해 더 빠르게 이동하고 되감기

원천:
control-bar/progress-control/seek-bar.js

앞으로 단계()

키보드만 사용하는 사용자를 위해 더 빠르게 빨리 앞으로 이동

원천:
control-bar/progress-control/seek-bar.js

업데이트()

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

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

updateAriaAttributes(el)

ARIA 접근성 속성 업데이트

매개 변수 :
이름 유형 설명
엘자 요소

aria 접근성 속성으로 업데이트할 요소입니다.
원천:
control-bar/progress-control/seek-bar.js

updateProgress( [이벤트])

검색 막대 툴팁 및 너비를 업데이트합니다.

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

이것이 실행되게 만든 timeupdate 또는 종료된 이벤트입니다.
원천:
control-bar/progress-control/seek-bar.js
이벤트 수신:

수직( [부울])

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

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

이벤트

슬라이더액티브

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

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

슬라이더 비활성

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

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