CaptionsButton (플레이어, 옵션 선택 , 준비 선택 )

캡션 전환 및 선택을 위한 버튼 구성 요소

새로운 CaptionsButton (플레이어, 옵션 선택 , 준비 선택 )
control-bar/text-track-controls/captions-button.js , 13행

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

매개 변수 :
이름 유형 속성 설명
플레이어 플레이어

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

플레이어 옵션의 키/값 저장소입니다.
준비된 구성요소~ReadyCallback <선택 과목>

이 구성 요소가 준비되었을 때 호출할 함수입니다.

확장하다

회원

보호된 hideThreshold_ :숫자
menu/menu-button.js , 116행

항목 수가 이 임계값보다 작거나 같으면 메뉴를 숨깁니다. 기본값은 0이며 메뉴에 숨길 수 있는 항목을 추가할 때마다 값이 증가합니다. createMenu를 실행할 때마다 값을 재설정해야 하기 때문에 여기에 나열합니다.

재정의:

행동 양식

$ (선택자, 문맥 선택 ) → {Element|null}
component.js , 라인 778

선택기 와 일치하는 단일 DOM 요소를 찾습니다. 이는 Component 의 contentEl() 또는 다른 사용자 지정 컨텍스트 내에 있을 수 있습니다.

매개 변수 :
이름 유형 속성 기본값 설명
선택자 끈

querySelector 에 전달될 유효한 CSS 선택기입니다.
문맥 요소 | 끈 <선택 과목>
 this.contentEl()

쿼리할 DOM 요소입니다. 첫 번째로 일치하는 요소가 컨텍스트로 사용되는 경우 선택자 문자열일 수도 있습니다. 누락된 경우 this.contentEl()이 사용됩니다. this.contentEl()이 아무 것도 반환하지 않으면 document 로 돌아갑니다.
반환:
요소 | 널 -

발견된 dom 요소 또는 null

재정의:
참조:

$$ (선택기, 컨텍스트 선택 ) → {NodeList}
component.js , 라인 800

선택기 와 일치하는 모든 DOM 요소를 찾습니다. 이는 Component 의 contentEl() 또는 다른 사용자 지정 컨텍스트 내에 있을 수 있습니다.

매개 변수 :
이름 유형 속성 기본값 설명
선택자 끈

querySelectorAll 에 전달될 유효한 CSS 선택기입니다.
문맥 요소 | 끈 <선택 과목>
 this.contentEl()

쿼리할 DOM 요소입니다. 첫 번째로 일치하는 요소가 컨텍스트로 사용되는 경우 선택자 문자열일 수도 있습니다. 누락된 경우 this.contentEl()이 사용됩니다. this.contentEl()이 아무 것도 반환하지 않으면 document 로 돌아갑니다.
반환:
노드 목록 -

발견된 dom 요소 목록

재정의:
참조:

addChild (자식, 옵션 선택 , 색인 선택 ) → { 구성 요소 }
component.js , 라인 469

현재 Component 안에 자식 Component를 추가합니다.

매개 변수 :
이름 유형 속성 기본값 설명
어린이 문자열 | 요소

추가할 자식의 이름 또는 인스턴스입니다.
옵션 물체 <선택 과목>
 {}

자식의 자식에게 전달될 옵션의 키/값 저장소입니다.
색인 숫자 <선택 과목>
 this.children_.length

자식을 추가하려고 시도하는 인덱스입니다.
반환:
구성요소 -

자식으로 추가되는 구성 요소 입니다. 문자열을 사용할 때 구성 요소는 이 프로세스에 의해 생성됩니다.

재정의:

addClass (클래스에 추가)
component.js , 라인 824

Component 요소에 CSS 클래스 이름을 추가합니다.

매개 변수 :
이름 유형 설명
추가할 클래스 끈

추가할 CSS 클래스 이름
재정의:

흐림 ()
menu/menu-button.js , 라인 272

이 요소가 아닌 실제 버튼에서 포커스를 제거합니다.

재정의:

buildCSSClass () → {문자열}
control-bar/text-track-controls/captions-button.js , 37행

기본 DOM className 을 빌드합니다.

반환:
문자열 -

이 개체의 DOM className입니다 .

재정의:

buildWrapperCSSClass () → {문자열}
menu/menu-button.js , 169행

하위 구성 요소가 래퍼 요소에 대한 CSS 클래스 이름을 쌓을 수 있도록 허용

반환:
문자열 -

구성된 래퍼 DOM className

재정의:

cancelAnimationFrame (id) → {숫자}
component.js , 라인 1598

Component#requestAnimationFrame (rAF)에 전달된 대기 중인 콜백을 취소합니다.

Component#requestAnimationFrame 을 통해 rAF 콜백을 대기시키는 경우 window.cancelAnimationFrame 대신 이 함수를 사용하십시오. 그렇지 않으면 dispose 리스너가 Component#dispose 까지 정리되지 않습니다!

매개 변수 :
이름 유형 설명
ID 숫자

지울 rAF ID입니다. Component#requestAnimationFrame 의 반환 값입니다.
반환:
번호 -

지워진 rAF ID를 반환합니다.

재정의:
참조:

cancelNamedAnimationFrame (이름)
component.js , 라인 1573

현재 명명된 애니메이션 프레임이 있는 경우 이를 취소합니다.

매개 변수 :
이름 유형 설명
이름 끈

취소할 requestAnimationFrame의 이름입니다.
재정의:

어린이 () → {배열}
component.js , 386행

모든 자식 구성 요소의 배열 가져오기

반환:
어레이 -

아이들

재정의:

clearInterval (간격 ID) → {숫자}
component.js , 라인 1477

window.setInterval 또는 Component#setInterval을 통해 생성되는 간격을 지웁니다. Component#setInterval을 통해 간격을 설정하는 경우 window.clearInterval 대신 이 함수를 사용하십시오. 그렇지 않으면 dispose 리스너가 Component#dispose 까지 정리되지 않습니다!

매개 변수 :
이름 유형 설명
간격 ID 숫자

지울 간격의 ID입니다. Component#setInterval 또는 window.setInterval 의 반환 값입니다.

반환:
번호 -

지워진 간격 ID를 반환합니다.

재정의:
참조:

clearTimeout (timeoutId) → {숫자}
component.js , 라인 1421

window.setTimeout 또는 Component#setTimeout 을 통해 생성되는 제한 시간을 지웁니다. Component#setTimeout을 통해 타임아웃을 설정했다면 window.clearTimout 대신 이 함수를 사용하세요. 그렇지 않으면 dispose 리스너가 Component#dispose 까지 정리되지 않습니다!

매개 변수 :
이름 유형 설명
timeoutId 숫자

지울 제한 시간의 ID입니다. Component#setTimeout 또는 window.setTimeout 의 반환 값입니다.

반환:
번호 -

지워진 시간 제한 ID를 반환합니다.

재정의:
참조:

contentEl () → {요소}
component.js , 라인 355

Component 의 DOM 요소를 반환합니다. 이것은 아이들이 삽입되는 곳입니다. 이것은 일반적으로 Component#el 에 반환된 요소와 동일합니다.

반환:
요소 -

이 Component 의 콘텐츠 요소입니다.

재정의:

controlText (텍스트 선택 , 엘 선택 ) → {문자열}
menu/menu-button.js , 라인 218

접근성에 사용될 지역화된 제어 텍스트를 가져오거나 설정합니다.

참고 : 내부 menuButton_ 요소에서 가져옵니다.

매개 변수 :
이름 유형 속성 기본값 설명
텍스트 끈 <선택 과목>

요소에 대한 제어 텍스트입니다.
엘자 요소 <선택 과목>
 this.menuButton_.el()

제목을 설정할 요소입니다.
반환:
문자열 -
  • 가져올 때 제어 텍스트
재정의:

createEl () → {요소}
menu/menu-button.js , 라인 156

MenuButtons DOM 요소를 만듭니다.

반환:
요소 -

생성되는 요소입니다.

재정의:

createItems () → {배열.< CaptionSettingsMenuItems> }
control-bar/text-track-controls/captions-button.js , 51행

캡션 메뉴 항목 만들기

반환:
정렬.< CaptionSettingsMenuItems> -

현재 메뉴 항목의 배열입니다.

재정의:

createMenu () → { 메뉴 }
menu/menu-button.js , 라인 105

메뉴를 만들고 여기에 모든 항목을 추가합니다.

반환:
메뉴 -

구성된 메뉴

재정의:

currentDimension (widthOrHeight) → {숫자}
component.js , 라인 1077

구성요소 요소의 계산된 너비 또는 높이를 가져옵니다.

window.getComputedStyle 을 사용합니다.

매개 변수 :
이름 유형 설명
너비 또는 높이 끈

'너비' 또는 '높이'를 포함하는 문자열. 당신이 얻고 싶은 것.
반환:
번호 -

요청되는 차원 또는 해당 차원에 대해 아무 것도 설정되지 않은 경우 0입니다.

재정의:

currentDimensions () → { Component~DimensionObject }
component.js , 라인 1123

구성요소 요소의 계산된 너비 및 높이 값을 포함하는 객체를 가져옵니다.

window.getComputedStyle 을 사용합니다.

반환:
Component~DimensionObject -

구성요소 요소의 계산된 치수입니다.

재정의:

현재 높이 () → {숫자}
component.js , 라인 1150

구성요소 요소의 계산된 높이를 가져옵니다.

window.getComputedStyle 을 사용합니다.

반환:
번호 -

구성요소 요소의 계산된 높이입니다.

재정의:

전류폭 () → {숫자}
component.js , 라인 1138

구성요소 요소의 계산된 너비를 가져옵니다.

window.getComputedStyle 을 사용합니다.

반환:
번호 -

구성요소 요소의 계산된 너비입니다.

재정의:

치수 (widthOrHeight, num opt , skipListeners opt ) → {숫자}
component.js , 라인 1014

Component 요소의 너비 또는 높이를 가져오거나 설정합니다. 이것은 Component#width 및 Component#height 에 대한 공유 코드입니다.

알아야 할 사항:

  • 숫자의 너비 또는 높이인 경우 'px'가 뒤에 붙은 숫자를 반환합니다.
  • 너비/높이가 퍼센트인 경우 '%'가 뒤에 붙은 퍼센트를 반환합니다.
  • 숨겨진 요소의 너비는 window.getComputedStyle 로 0입니다. 이 함수는 기본적으로 Component 의 style.width를 사용하고 window.getComputedStyle을 사용합니다. 자세한 내용은 이것을 참조하십시오
  • 구성 요소의 계산된 스타일을 원하면 Component#currentWidth 및 {Component#currentHeight를 사용합니다.
매개 변수 :
이름 유형 속성 설명
너비 또는 높이 끈

8 '너비' 또는 '높이'
숫자 번호 | 끈 <선택 과목>

8 새로운 차원
skipListeners 부울 <선택 과목>

componentresize 이벤트 트리거 건너뛰기
화재:
반환:
번호 -

얻을 때 차원 또는 설정되지 않은 경우 0

재정의:

치수 (너비, 높이)
component.js , 라인 980

Component 요소의 너비와 높이를 동시에 설정합니다.

매개 변수 :
이름 유형 설명
폭 번호 | 끈

Component 요소를 설정할 너비입니다.
신장 번호 | 끈

Component 요소를 설정할 높이입니다.
재정의:

비활성화 ()
menu/menu-button.js , 라인 401

MenuButton 을 비활성화합니다. 클릭을 허용하지 마십시오.

재정의:

처분 ()
menu/menu-button.js , 라인 225

메뉴 버튼 과 모든 자식 구성 요소를 폐기하십시오.

재정의:

엘 () → {요소}
component.js , 라인 248

Component 의 DOM 요소 가져오기

반환:
요소 -

이 Component 의 DOM 요소입니다.

재정의:

활성화 ()
menu/menu-button.js , 라인 413

MenuButton 을 활성화합니다. 클릭하도록 허용합니다.

재정의:

enableTouchActivity ()
component.js , 라인 1320

이 기능은 터치 이벤트가 발생할 때마다 사용자 활동을 보고합니다. 이것은 터치 이벤트가 다른 방식으로 작동하기를 원하는 하위 구성 요소에 의해 꺼질 수 있습니다.

터치 이벤트가 발생할 때 사용자 터치 활동을 보고합니다. 컨트롤을 표시하거나 숨길 시기를 결정하는 데 사용자 활동이 사용됩니다. 모든 마우스 이벤트가 컨트롤을 표시해야 하므로 마우스 이벤트에 관해서는 간단합니다. 그래서 우리는 플레이어에게 버블링되는 마우스 이벤트를 캡처하고 그런 일이 발생할 때 활동을 보고합니다. 터치 이벤트를 사용하면 touchstart 및 touchend 토글 플레이어 컨트롤만큼 쉽지 않습니다. 따라서 터치 이벤트는 플레이어 수준에서도 도움이 되지 않습니다.

사용자 활동은 비동기식으로 확인됩니다. 그래서 일어날 수 있는 일은 비디오의 탭 이벤트가 컨트롤을 끄는 것입니다. 그런 다음 touchend 이벤트가 플레이어에게 거품을 일으킵니다. 사용자 활동을 보고하면 제어 기능이 다시 켜집니다. 또한 터치 이벤트가 버블링되는 것을 완전히 차단하고 싶지 않습니다. 또한 touchmove 이벤트 및 탭 이외의 이벤트는 컨트롤을 다시 켜서는 안 됩니다.

이벤트 수신:
  • Component#event:touchstart
  • Component#event:touchmove
  • Component#event:touchend
  • Component#event:touchcancel
재정의:

초점 ()
menu/menu-button.js , 라인 265

이 요소가 아닌 실제 버튼에 포커스를 설정합니다.

재정의:

getAttribute (속성) → {string|null}
component.js , 라인 904

Component 요소의 속성 값을 가져옵니다.

매개 변수 :
이름 유형 설명
기인하다 끈

값을 가져올 속성의 이름입니다.
반환:
문자열 | 널 -
  • 요청된 속성의 값입니다. - 속성이 존재하지 않거나 값이 없는 경우 일부 브라우저에서 빈 문자열이 될 수 있습니다. - 속성이 존재하지 않거나 값이 없는 경우 대부분의 브라우저는 null을 반환합니다.
재정의:
참조:

getChild (이름) → { 구성요소 |정의되지 않음}
component.js , 라인 412

주어진 이름을 가진 자식 Component를 반환합니다.

매개 변수 :
이름 유형 설명
이름 끈

가져올 자식 구성 요소 의 이름입니다.
반환:
구성요소 | 정의되지 않은 -

지정된 이름 또는 정의되지 않은 자식 구성 요소 입니다.

재정의:

getChildById (id) → { 구성요소 |정의되지 않음}
component.js , 399행

주어진 id 를 가진 자식 Component를 반환합니다.

매개 변수 :
이름 유형 설명
ID 끈

가져올 자식 구성 요소 의 ID입니다.
반환:
구성요소 | 정의되지 않은 -

주어진 id 또는 정의되지 않은 자식 구성 요소 입니다.

재정의:

getDescendant (…이름) → { 구성 요소 |정의되지 않음}
component.js , 라인 434

주어진 자손 이름 뒤에 오는 자손 Component를 반환합니다. 예를 들어 ['foo', 'bar', 'baz']는 현재 구성 요소에서 'foo', 'foo' 구성 요소에서 'bar', 'bar' 구성 요소에서 'baz'를 가져오려고 시도하고 다음과 같은 경우 정의되지 않음을 반환합니다. 그 중 하나도 존재하지 않습니다.

매개 변수 :
이름 유형 속성 설명
이름 ...정렬.< 끈> | 끈 <반복 가능>

가져올 자식 구성 요소 의 이름입니다.
반환:
구성요소 | 정의되지 않은 -

지정된 하위 이름을 따르거나 정의되지 않은 하위 구성 요소 입니다.

재정의:

handleClick (이벤트)
menu/menu-button.js , 라인 241

MenuButton 클릭을 처리합니다. 이것이 호출되는 인스턴스는 ClickableComponent#handleClick을 참조하십시오.

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

이 함수를 호출한 keydown , tap 또는 click 이벤트입니다.
이벤트 수신:
  • 이벤트:탭
  • 이벤트:클릭
재정의:

handleKeyDown (이벤트)
menu/menu-button.js , 라인 285

MenuButton 의 탭, 이스케이프, 아래쪽 화살표 및 위쪽 화살표 키를 처리합니다. 이것이 호출되는 인스턴스는 ClickableComponent#handleKeyDown을 참조하십시오.

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

이 함수를 호출한 keydown 이벤트입니다.
이벤트 수신:
  • 이벤트:키다운
재정의:

handleKeyPress (이벤트)
component.js , 라인 1196

많은 구성 요소에 handleKeyPress 메서드가 있었는데, 이 메서드는 keydown 이벤트를 수신했기 때문에 제대로 이름이 지정되지 않았습니다. 이 메서드 이름은 이제 handleKeyDown 에 위임됩니다. 즉, handleKeyPress를 호출하는 사람은 메서드 호출이 중지되는 것을 볼 수 없습니다.

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

이 함수를 호출한 이벤트입니다.
재정의:

추상 핸들 언어 변경 ()
component.js , 346행

구성 요소에서 플레이어의 언어 변경을 처리합니다. 하위 구성요소에 의해 재정의되어야 합니다.

재정의:

handleMenuKeyUp (이벤트)
menu/menu-button.js , 317행

MenuButton 에서 keyup 이벤트를 처리합니다. 이에 대한 리스너가 생성자에 추가됩니다.

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

키 누르기 이벤트
이벤트 수신:
  • 이벤트:키업
재정의:

handleMouseLeave (이벤트)
menu/menu-button.js , 라인 257

MenuButton 에 대한 mouseleave 를 처리합니다.

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

이 함수를 호출한 mouseleave 이벤트입니다.
이벤트 수신:
  • 이벤트:마우스리브
재정의:

handleSubmenuKeyDown (이벤트)
menu/menu-button.js , 라인 345

하위 메뉴에서 keydown 이벤트를 처리합니다. 이에 대한 리스너가 생성자에 추가됩니다.

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

키 누르기 이벤트
이벤트 수신:
  • 이벤트:키다운
재정의:

handleSubmenuKeyPress (이벤트)
menu/menu-button.js , 라인 332

이 메서드 이름은 이제 handleSubmenuKeyDown 에 위임됩니다. 즉, handleSubmenuKeyPress를 호출하는 사람은 자신의 메서드 호출이 중지되는 것을 볼 수 없습니다.

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

이 함수를 호출한 이벤트입니다.
재정의:

hasClass (classToCheck) → {부울}
component.js , 라인 814

구성 요소의 요소에 CSS 클래스 이름이 있는지 확인하십시오.

매개 변수 :
이름 유형 설명
classToCheck 끈

확인할 CSS 클래스 이름입니다.
반환:
부울 -
  • 구성 요소 에 클래스가 있으면 참입니다. - 구성 요소 에 클래스가 없는 경우 False
재정의:

높이 (num opt , skipListeners opt ) → {숫자|문자열}
component.js , 라인 967

CSS 스타일을 기반으로 구성 요소의 높이를 가져오거나 설정합니다. 자세한 내용은 Component#dimension을 참조하십시오.

매개 변수 :
이름 유형 속성 설명
숫자 번호 | 끈 <선택 과목>

설정하려는 높이는 '%', 'px' 또는 아무것도 뒤에 붙지 않습니다.
skipListeners 부울 <선택 과목>

componentresize 이벤트 트리거 건너뛰기
반환:
번호 | 문자열 -

가져올 때 너비, 너비가 없으면 0입니다. '%' 또는 'px'가 뒤에 붙은 문자열일 수 있습니다.

재정의:

숨기기 ()
component.js , 라인 865

현재 표시되고 있는 경우 'vjs-hidden' 클래스 이름을 추가하여 Component 요소를 숨깁니다.

재정의:

아이디 () → {문자열}
component.js , 라인 365

이 구성 요소 의 ID 가져오기

반환:
문자열 -

이 구성요소 의 ID

재정의:

초기화 어린이 ()
component.js , 라인 592

옵션에 따라 기본 자식 Component 를 추가하고 초기화합니다.

재정의:

isDisposed () → {부울}
component.js , 라인 208

이 구성 요소가 폐기되었는지 확인하십시오.

반환:
부울 -

구성 요소가 삭제된 경우 true 가 됩니다. 그렇지 않으면 false 입니다 .

재정의:

현지화 (문자열, 토큰 선택 , defaultValue 선택 ) → {문자열}
component.js , 309행

주어진 문자열을 영어로 현지화합니다.

토큰이 제공되면 제공된 문자열에서 간단한 토큰 교체를 시도하고 실행합니다. 찾는 토큰은 인덱스가 토큰 배열에 1인덱스가 있는 {1} 과 같습니다.

defaultValue 가 제공되면 제공된 언어 파일에서 값을 찾을 수 없는 경우 문자열을 통해 이를 사용합니다. 이는 토큰 교체를 위한 설명 키가 필요하지만 간결한 현지화된 문자열이 있고 en.json을 포함할 필요가 없는 경우에 유용합니다.

현재 진행률 표시줄 타이밍에 사용됩니다.

{
  "진행률 표시줄 타이밍: currentTime={1} duration={2}": "{1}/{2}"
}

그런 다음 다음과 같이 사용됩니다.

this.localize('진행률 표시줄 타이밍: currentTime={1} duration{2}',
              [this.player_.currentTime(), this.player_.duration()],
              {2} 중 '{1}');

다음과 같이 출력됩니다. 01:23/24:56 .

매개 변수 :
이름 유형 속성 설명
끈 끈

지역화할 문자열과 언어 파일에서 조회할 키입니다.
토큰 정렬.< 끈> <선택 과목>

현재 항목에 대체 토큰이 있는 경우 여기에 토큰을 제공하십시오.
기본값 끈 <선택 과목>

기본값은 string 입니다. 별도의 조회 키가 필요한 경우 토큰 대체에 사용할 기본값이 될 수 있습니다.
반환:
문자열 -

현지화된 문자열 또는 현지화가 없는 경우 영어 문자열입니다.

재정의:

이름 () → {문자열}
component.js , 376행

구성 요소 의 이름을 가져옵니다. 이름은 구성 요소를 참조하는 데 사용되며 등록 중에 설정됩니다.

반환:
문자열 -

이 Component 의 이름입니다.

재정의:

옵션 (obj) → {객체}
component.js , 233행

옵션 개체를 새 옵션과 완전히 병합합니다.

참고: obj 와 options 모두 값이 개체인 속성을 포함하는 경우. 두 속성은 module:mergeOptions를 사용하여 병합됩니다.

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

새 옵션을 포함하는 개체입니다.
반환:
객체 -

this.options_ 와 obj 의 새 개체가 함께 병합되었습니다.

재정의:

플레이어 () → { 플레이어 }
component.js , 라인 218

반환플레이어그요소에 첨부했습니다.

반환:
플레이어 -

이 구성 요소 가 연결된 플레이어입니다.

재정의:

버튼 누르기 ()
menu/menu-button.js , 라인 368

현재 MenuButton을 눌린 상태로 만듭니다.

재정의:

준비 () → { 구성 요소 }
component.js , 라인 709

리스너를 구성 요소의 준비 상태에 바인딩합니다. ready 이벤트가 이미 발생한 경우 즉시 함수를 트리거한다는 점에서 이벤트 리스너와 다릅니다.

반환:
구성요소 -

자신을 반환합니다. 메서드를 연결할 수 있습니다.

재정의:

removeAttribute (속성)
component.js , 라인 931

Component 의 요소에서 속성을 제거합니다.

매개 변수 :
이름 유형 설명
기인하다 끈

제거할 속성의 이름입니다.
재정의:
참조:

removeChild (구성 요소)
component.js , 라인 553

이 Component 의 자식 목록에서 자식 Component를 제거합니다. 또한 이 Component 요소에서 하위 Component 요소를 제거합니다.

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

제거할 자식 Component 입니다.
재정의:

removeClass (classToRemove)
component.js , 라인 834

Component 요소에서 CSS 클래스 이름을 제거합니다.

매개 변수 :
이름 유형 설명
제거할 클래스 끈

제거할 CSS 클래스 이름
재정의:

requestAnimationFrame (fn) → {숫자}
component.js , 라인 1511

requestAnimationFrame(rAF)에 전달할 콜백을 대기하지만 몇 가지 추가 보너스가 있습니다.

  • Component#setTimeout 으로 폴백하여 rAF를 지원하지 않는 브라우저를 지원합니다.

  • 콜백은 Component~GenericCallback 으로 바뀝니다(즉, 구성 요소에 바인딩됨).

  • 구성 요소가 호출되기 전에 삭제되면 rAF 콜백의 자동 취소가 처리됩니다.

매개 변수 :
이름 유형 설명
fn 구성요소~GenericCallback

이 구성 요소에 바인딩되어 브라우저의 다음 다시 그리기 직전에 실행되는 함수입니다.
이벤트 수신:
반환:
번호 -

제한 시간을 식별하는 데 사용되는 rAF ID를 반환합니다. 애니메이션 프레임 콜백을 취소하기 위해 Component#cancelAnimationFrame 에서 사용할 수도 있습니다.

재정의:
참조:

requestNamedAnimationFrame (이름, fn)
component.js , 라인 1547

애니메이션 프레임을 요청하지만 이름이 지정된 애니메이션 프레임 하나만 대기열에 추가됩니다. 이전 항목이 완료될 때까지 다른 항목이 추가되지 않습니다.

매개 변수 :
이름 유형 설명
이름 끈

이 requestAnimationFrame에 제공할 이름
fn 구성요소~GenericCallback

이 구성 요소에 바인딩되어 브라우저의 다음 다시 그리기 직전에 실행되는 함수입니다.
재정의:

setAttribute (속성, 값)
component.js , 라인 919

Component 요소의 속성 값 설정

매개 변수 :
이름 유형 설명
기인하다 끈

설정할 속성의 이름입니다.
값 끈

속성을 설정할 값입니다.
재정의:
참조:

setInterval (fn, 간격) → {숫자}
component.js , 라인 1450

x 밀리초마다 실행되는 함수를 만듭니다. 이 함수는 window.setInterval을 둘러싼 래퍼입니다. 대신 이것을 사용해야 하는 몇 가지 이유가 있습니다.

  1. 통해 클리어됩니다. 구성요소#clearInterval언제컴포넌트#dispose호출됩니다.
  2. 함수 콜백은 Component~GenericCallback이 됩니다.
매개 변수 :
이름 유형 설명
fn 구성요소~GenericCallback

x 초마다 실행되는 함수입니다.
간격 숫자

지정된 함수를 x 밀리초마다 실행합니다.
이벤트 수신:
반환:
번호 -

간격을 식별하는 데 사용할 수 있는 ID를 반환합니다. 간격을 지우기 위해 Component#clearInterval 에서 사용할 수도 있습니다.

재정의:
참조:

setTimeout (fn, 타임아웃) → {숫자}
component.js , 라인 1385

x 밀리초 제한 시간 후에 실행되는 함수를 만듭니다. 이 함수는 window.setTimeout 을 둘러싼 래퍼입니다. 대신 이것을 사용하는 몇 가지 이유가 있습니다.

  1. 통해 클리어됩니다. 구성요소#clearTimeout언제컴포넌트#dispose호출됩니다.
  2. 함수 콜백은 Component~GenericCallback 으로 바뀝니다.

참고: 이 함수에서 반환된 ID에는 window.clearTimeout을 사용할 수 없습니다. 이렇게 하면 폐기 리스너가 정리되지 않습니다! 대신 Component#clearTimeout 또는 Component#dispose를 사용하십시오.

매개 변수 :
이름 유형 설명
fn 구성요소~GenericCallback

timeout 후에 실행될 함수입니다.
타임 아웃 숫자

지정된 함수를 실행하기 전에 지연되는 시간 제한(밀리초)입니다.
이벤트 수신:
반환:
번호 -

시간 초과를 식별하는 데 사용되는 시간 초과 ID를 반환합니다. 설정된 시간 제한을 지우기 위해 Component#clearTimeout 에서 사용할 수도 있습니다.

재정의:
참조:

보여주다 ()
component.js , 라인 857

Component 요소가 숨겨진 경우 'vjs-hidden' 클래스 이름을 제거하여 표시합니다.

재정의:

toggleClass (classToToggle, 조건자 선택 )
component.js , 라인 849

구성 요소의 요소에서 CSS 클래스 이름을 추가하거나 제거합니다.

매개 변수 :
이름 유형 속성 설명
클래스투토글 끈

추가하거나 제거할 클래스(@link Component#hasClass}
술부 부울 | 돔~술어 <선택 과목>

Dom~predicate 함수 또는 부울
재정의:

트리거준비 ()
component.js , 라인 733

이 Component 에 대한 모든 준비된 리스너를 트리거합니다.

화재:
재정의:

unpressButton ()
menu/menu-button.js , 389행

현재 MenuButton을 눌린 상태에서 해제합니다.

재정의:

업데이트 ()
menu/menu-button.js , 69행

항목의 현재 상태에 따라 메뉴를 업데이트합니다.

재정의:

너비 (num opt , skipListeners opt ) → {숫자|문자열}
component.js , 라인 949

CSS 스타일을 기반으로 구성 요소의 너비를 가져오거나 설정합니다. 자세한 내용은 Component#dimension을 참조하십시오.

매개 변수 :
이름 유형 속성 설명
숫자 번호 | 끈 <선택 과목>

설정하려는 너비는 '%', 'px' 또는 아무것도 뒤에 붙지 않습니다.
skipListeners 부울 <선택 과목>

componentresize 이벤트 트리거 건너뛰기
반환:
번호 | 문자열 -

가져올 때 너비, 너비가 없으면 0입니다. '%' 또는 'px'가 뒤에 붙은 문자열일 수 있습니다.

재정의:

이벤트

구성 요소 크기 조정
component.js , 라인 1032

구성 요소의 크기가 조정될 때 트리거됩니다.

유형:
재정의:

처분하다
component.js , 라인 155

구성 요소가 삭제될 때 트리거됩니다.

유형:
속성:
이름 유형 속성 기본값 설명
거품 부울 <선택 과목>
 거짓

dispose 이벤트가 발생하지 않도록 false로 설정
재정의:

준비된
component.js , 라인 750

구성 요소가 준비되면 트리거됩니다.

유형:
재정의:

수도꼭지
component.js , 라인 1282

구성 요소를 탭하면 트리거됩니다.

유형:
재정의: