기술 (옵션 선택 , 준비됨)

HTML5와 같은 미디어 재생 기술 컨트롤러의 기본 클래스입니다.

새로운 기술 (옵션 선택 , 준비됨)
tech/tech.js , 84행

이 기술의 인스턴스를 만듭니다.

매개 변수 :
이름 유형 속성 설명
옵션 물체 <선택 과목>

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

HTML5 Tech가 준비되면 호출할 콜백 함수입니다.

확장하다

회원

featuresFullscreenResize : 부울
tech/tech.js , 라인 1160

Tech가 전체 화면 크기 조정 제어를 지원하는지 여부를 나타내는 부울입니다. 전체 화면 요청을 사용하여 플러그인 크기를 조정하면 플러그인이 다시 로드됩니다.

기능 음소거 제어 : bolean
tech/tech.js , 라인 1151

기술이 음소거 볼륨을 지원하는지 여부를 나타내는 부울입니다.

기본값:
  • 진정한

featuresNativeTextTracks :부울
tech/tech.js , 라인 1212

Tech가 기본 TextTrack 을 지원하는지 여부를 나타내는 부울입니다. 이는 브라우저가 지원하는 경우 네이티브 TextTrack 과 통합하는 데 도움이 됩니다.

featuresPlaybackRate : 부울
tech/tech.js , 라인 1171

기술이 비디오 재생 속도 변경을 지원하는지 여부를 나타내는 부울입니다. 예:

  • 플레이어를 2배(2배) 빠르게 재생하도록 설정
  • 0.5배(절반) 빠르게 플레이하도록 플레이어 설정

featuresProgressEvents :부울
tech/tech.js , 라인 1181

기술이 진행 이벤트를 지원하는지 여부를 나타내는 부울입니다. 이것은 현재 video-js-swf에 의해 트리거되지 않습니다. Tech#manualProgressOn을 호출해야 하는지 여부를 결정하는 데 사용됩니다.

featuresSourceset :부울
tech/tech.js , 라인 1193

Tech가 sourceset 이벤트를 지원하는지 여부를 나타내는 부울입니다.

기술자는 이를 true 로 설정한 다음 Tech#triggerSourceset을 사용하여 새 소스를 가져온 후 가장 빠른 시간에 Tech#event:sourceset를 트리거해야 합니다.

featuresTimeupdateEvents :부울
tech/tech.js , 라인 1203

기술이 timeupdate 이벤트를 지원하는지 여부를 나타내는 부울입니다. 이것은 현재 video-js-swf에 의해 트리거되지 않습니다. Tech#manualTimeUpdates를 호출해야 하는지 여부를 결정하는 데 사용됩니다.

featuresVideoFrameCallback :부울
tech/tech.js , 라인 1220

기술이 requestVideoFrameCallback 을 지원하는지 여부를 나타내는 부울입니다.

featuresVolumeControl :부울
tech/tech.js , 라인 1143

기술이 볼륨 제어를 지원하는지 여부를 나타내는 부울입니다.

기본값:
  • 진정한

방법

정적 canPlaySource (srcObj, 옵션) → {string}
tech/tech.js , 라인 984

기술이 주어진 소스를 지원할 수 있는지 확인

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

소스 개체
옵션 물체

기술자에게 전달된 옵션
반환:
문자열 -

'probably', 'maybe' 또는 ''(빈 문자열)

정적 canPlayType (유형) → {string}
tech/tech.js , 라인 971

이 기술에서 유형을 지원하는지 확인하십시오.

기본 기술은 어떤 유형도 지원하지 않지만 소스 처리기가 이를 덮어쓸 수 있습니다.

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

확인할 미디어 유형
반환:
문자열 -

기본 동영상 요소의 응답을 반환합니다.

정적 getTech (이름) → { 기술 |정의되지 않음}
tech/tech.js , 라인 1051

이름으로 공유 목록에서 기술을 가져옵니다.

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

가져올 Tech의 camelCase 또는 TitleCase 이름
반환:
기술 | 정의되지 않은 -

요청한 이름의 기술이 없는 경우 기술 또는 정의되지 않음.

정적 registerTech (이름, 기술)
tech/tech.js , 라인 1015

videojs의 공유 목록에 기술을 등록합니다.

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

등록할 기술 의 이름입니다.
기술 물체

등록할 Tech 클래스입니다.

정적 withSourceHandlers (_Tech)
tech/tech.js , 라인 1234

소스 처리기 패턴을 사용하려는 기술자를 위한 기능적 혼합입니다. 소스 처리기는 특정 형식을 처리하기 위한 스크립트입니다. 소스 처리기 패턴은 비디오 데이터를 수동으로 로드하고 소스 버퍼(Media Source Extensions)에 공급하는 적응형 형식(HLS, DASH)에 사용됩니다. 예: Tech.withSourceHandlers.call(MyTech);

매개 변수 :
이름 유형 설명
_기술 기술

소스 처리기 기능을 추가하는 기술입니다.
혼합:
  • Tech~SourceHandlerAdditions

$ (선택자, 문맥 선택 ) → {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 클래스 이름
재정의:

addRemoteTextTrack (옵션, manualCleanup 선택 ) → { HTMLTrackElement }
tech/tech.js , 라인 773

원격 텍스트 추적 개체를 만들고 html 추적 요소를 반환합니다.

참고: 이것은 에뮬레이트된 HTMLTrackElement 또는 네이티브 요소일 수 있습니다.

매개 변수 :
이름 유형 속성 기본값 설명
옵션 물체

자세한 속성은 Tech#createRemoteTextTrack을 참조하세요.
수동정리 부울 <선택 과목>
 진정한
  • false인 경우: 원본이 변경될 때마다 TextTrack이 비디오 요소에서 자동으로 제거됩니다. - True인 경우: TextTrack은 수동으로 정리해야 합니다.
반환:
HTMLTrackElement -

Html 트랙 요소.

더 이상 사용되지 않음:
  • 이 기능의 기본 기능은 향후 "manualCleanup=false"와 동일합니다. manualCleanup 매개변수도 제거됩니다.

addTextTrack (종류, 레이블 선택 , 언어 선택 ) → { TextTrack }
tech/tech.js , 716행

원격 TextTrack 객체를 만들고 반환합니다.

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

TextTrack 종류(자막, 캡션, 설명, 장 또는 메타데이터)
상표 끈 <선택 과목>

텍스트 트랙을 식별하는 레이블
언어 끈 <선택 과목>

두 글자 언어 약어
반환:
텍스트 트랙 -

생성되는 TextTrack입니다.

addWebVttScript_ ()
tech/tech.js , 596행

필요한 경우 vtt.js를 사용하여 TextTracks 에뮬레이션

화재:

오디오 트랙 () → { 오디오 트랙 목록 }
tech/tech.js , 라인 1076

AudioTrackList 가져오기

반환:
오디오트랙리스트

흐림 ()
component.js , 라인 1164

이 구성 요소에서 포커스를 제거합니다.

재정의:

버퍼링됨 () → {TimeRange}
tech/tech.js , 282행

버퍼링을 위한 TimeRange 개체를 가져오고 만듭니다.

반환:
시간 범위 -

생성된 시간 범위 개체입니다.

bufferedPercent () → {숫자}
tech/tech.js , 294행

현재 버퍼링된 현재 비디오의 백분율을 가져옵니다.

반환:
번호 -

버퍼링된 비디오의 십진수 백분율을 나타내는 0에서 1 사이의 숫자입니다.

추상 buildCSSClass () → {문자열}
component.js , 라인 695

기본 DOM 클래스 이름을 빌드합니다. 하위 구성요소에 의해 재정의되어야 합니다.

반환:
문자열 -

이 개체의 DOM 클래스 이름입니다.

재정의:

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의 이름입니다.
재정의:

cancelVideoFrameCallback (ID)
tech/tech.js , 라인 892

cancelVideoFrameCallback의 대체 구현

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

취소할 콜백의 ID

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

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

반환:
어레이 -

아이들

재정의:

cleanupAutoTextTracks ()
tech/tech.js , 라인 424

자동 가비지 수집 플래그가 지정된 addRemoteTextTrack을 통해 추가된 모든 TextTrack을 제거합니다.

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를 반환합니다.

재정의:
참조:

clearTracks (유형)
tech/tech.js , 라인 402

단일 TrackList 또는 이름이 지정된 TrackList 배열을 지웁니다.

참고: 소스 핸들러가 없는 기술자는 동영상 소스 간에 이것을 호출해야 합니다. & 오디오 트랙. 당신은 트랙 사이에 사용하고 싶지 않아!

매개 변수 :
이름 유형 설명
유형 정렬.< 끈> | 끈

지울 TrackList 이름, 유효한 이름은 video , audio 및 text 입니다.

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

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

반환:
요소 -

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

재정의:

createEl (tagName 선택 , 속성 선택 , 속성 선택 ) → {요소}
component.js , 라인 267

구성 요소의 DOM 요소를 만듭니다.

매개 변수 :
이름 유형 속성 설명
태그 이름 끈 <선택 과목>

요소의 DOM 노드 유형입니다. 예: 'div'
속성 물체 <선택 과목>

설정해야 하는 속성의 개체입니다.
속성 물체 <선택 과목>

설정해야 하는 속성의 개체입니다.
반환:
요소 -

생성되는 요소입니다.

재정의:

createRemoteTextTrack (옵션) → { HTMLTrackElement }
tech/tech.js , 라인 745

addRemoteTextTrack에서 사용할 에뮬레이트된 TextTrack 만들기

이는 기본 또는 사용자 정의 TextTrack을 생성하기 위해 Tech에서 상속하는 클래스에 의해 재정의됩니다.

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

객체는 TextTrack을 초기화하는 옵션을 포함해야 합니다.

속성
이름 유형 속성 설명
친절한 끈 <선택 과목>

TextTrack 종류(자막, 캡션, 설명, 장 또는 메타데이터).
상표 끈 <선택 과목>

텍스트 트랙을 식별하는 레이블
언어 끈 <선택 과목>

두 글자 언어 약어.
반환:
HTMLTrackElement -

생성되는 트랙 요소입니다.

추상 crossOrigin ()
tech/tech.js , 449행

기술에서 crossOrigin 의 가치를 얻으십시오.

참조:

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 요소를 설정할 높이입니다.
재정의:

추상 disablePictureInPicture ()
tech/tech.js , 라인 852

'disablePictureInPicture' 값을 확인하는 메서드

처분 ()
tech/tech.js , 375행

모든 이벤트 폴리필을 끄고 Tech s AudioTrackList , VideoTrackList 및 TextTrackList 를 지우고 이 Tech를 폐기합니다.

화재:
재정의:

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

Component 의 DOM 요소 가져오기

반환:
요소 -

이 Component 의 DOM 요소입니다.

재정의:

EmulateTextTracks ()
tech/tech.js , 라인 655

텍스트 트랙 에뮬레이션

enableTouchActivity ()
component.js , 라인 1320

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

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

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

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

오류 (오류 선택 ) → { MediaError |null}
tech/tech.js , 라인 470

Tech에서 오류를 가져오거나 설정합니다.

매개 변수 :
이름 유형 속성 설명
잘못 미디어 오류 <선택 과목>

기술 설정 오류
반환:
미디어 오류 | 널 -

기술의 현재 오류 개체 또는 없는 경우 null입니다.

초점 ()
component.js , 라인 1157

이 구성 요소에 초점 설정

재정의:

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'를 가져오려고 시도하고 다음과 같은 경우 정의되지 않음을 반환합니다. 그 중 하나도 존재하지 않습니다.

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

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

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

재정의:

추상 getVideoPlaybackQuality () → {객체}
tech/tech.js , 라인 820

W3C의 미디어 재생 품질 API에서 지정한 대로 사용 가능한 미디어 재생 품질 메트릭을 가져옵니다.

반환:
객체 -

지원되는 미디어 재생 품질 메트릭이 있는 객체

참조:

handleKeyDown (이벤트)
component.js , 라인 1175

이 구성 요소가 처리하지 않는 keydown 이벤트를 수신하면 이벤트를 플레이어에 전달하여 처리합니다.

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

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

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

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

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

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

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

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

재정의:

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 를 추가하고 초기화합니다.

재정의:

initTrackListeners ()
tech/tech.js , 라인 551

VideoTrackList , {AudioTrackList 및 TextTrackList 이벤트에 대한 리스너를 켭니다.

이렇게 하면 addtrack 및 removetrack 에 대한 EventTarget~EventListeners가 추가됩니다.

화재:

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

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

재정의:

manualProgressOff ()
tech/tech.js , 218행

다음을 위해 폴리필을 끕니다. 진전에서 생성된 이벤트 Tech#manualProgressOn

manualProgressOn ()
tech/tech.js , 라인 205

기본적으로 지원하지 않는 브라우저의 경우 진행 이벤트를 폴리필합니다.

참조:

manualTimeUpdatesOff ()
tech/tech.js , 324행

다음을 위해 폴리필을 끕니다. 시간 업데이트에서 생성된 이벤트 Tech#manualTimeUpdatesOn

manualTimeUpdatesOn ()
tech/tech.js , 313행

지원하지 않는 브라우저에 대해서는 timeupdate 이벤트를 폴리필하십시오.

참조:

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

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

반환:
문자열 -

이 Component 의 이름입니다.

재정의:

onDurationChange (이벤트)
tech/tech.js , 272행

Tech#duration을 호출하여 durationchange 이벤트에서 내부 기간을 업데이트합니다.

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

이것을 실행하게 만든 durationchange 이벤트입니다.
이벤트 수신:
  • 기술#이벤트:기간변경

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

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

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

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

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

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

재정의:

추상 overrideNativeAudioTracks (재정의)
tech/tech.js , 라인 929

기본 오디오 트랙을 강제로 재정의하려고 시도합니다.

매개 변수 :
이름 유형 설명
우세하다 부울

true로 설정하면 기본 오디오가 무시되고, 그렇지 않으면 기본 오디오가 잠재적으로 사용됩니다.

추상 overrideNativeVideoTracks (재정의)
tech/tech.js , 라인 939

기본 비디오 트랙을 강제로 재정의하려고 시도합니다.

매개 변수 :
이름 유형 설명
우세하다 부울

true로 설정하면 네이티브 비디오가 재정의되고, 그렇지 않으면 네이티브 비디오가 잠재적으로 사용됩니다.

추상 플레이 ()
tech/tech.js , 라인 502

재생 시작

참조:

재생 () → {TimeRange}
tech/tech.js , 488행

현재 소스에 대해 재생된 TimeRange 를 반환합니다.

참고 : 이 구현은 불완전합니다. 재생된 TimeRange 를 추적하지 않습니다. 소스가 전혀 재생되었는지 여부만 확인합니다.

반환:
시간 범위 -
  • 이 동영상이 재생된 경우 단일 시간 범위 - 재생되지 않은 경우 빈 범위 집합입니다.

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

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

반환:
플레이어 -

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

재정의:

추상 플레이인라인 ()
tech/tech.js , 라인 912

'playsinline'의 존재를 확인하는 방법

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

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

반환:
구성요소 -

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

재정의:

remoteTextTrackEls () → { HtmlTrackElementList }
tech/tech.js , 라인 1097

원격 요소 HtmlTrackElementList 가져오기

반환:
HtmlTrackElementList

remoteTextTracks () → { TextTrackList }
tech/tech.js , 라인 1090

원격 요소 TextTrackList 가져오기

반환:
TextTrackList

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

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

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

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

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

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

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

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

removeClass (classToRemove)
component.js , 라인 834

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

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

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

removeRemoteTextTrack (트랙)
tech/tech.js , 라인 800

원격 TextTrackList 에서 원격 텍스트 트랙을 제거합니다.

매개 변수 :
이름 유형 설명
길 TextTrack

TextTrackList 에서 제거할 TextTrack

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

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

추상 requestPictureInPicture () → {Promise|undefined}
tech/tech.js , 라인 838

사용자가 장치에서 다른 콘텐츠 사이트 또는 응용 프로그램과 상호 작용하는 동안 미디어를 계속 소비할 수 있도록 항상 다른 창 위에 플로팅 비디오 창을 만들려고 합니다.

반환:
약속 | 정의되지 않은 -

브라우저가 Promise를 지원하는 경우 Picture-in-Picture 창이 포함된 Promise(또는 하나가 옵션으로 전달됨). 그렇지 않으면 정의되지 않은 값을 반환합니다.

참조:

requestVideoFrameCallback (cb) → {숫자}
tech/tech.js , 라인 869

requestAnimationFrame을 사용하는 requestVideoFrameCallback의 폴백 구현

매개 변수 :
이름 유형 설명
cb 기능
반환:
번호 -

요청 ID

추상 재설정 ()
tech/tech.js , 라인 440

기술을 재설정하면 모든 소스가 제거되고 내부 readyState가 재설정됩니다.

추상 스크러빙 ()
tech/tech.js , 라인 520

스크러빙 여부 확인

참조:

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

Component 요소의 속성 값 설정

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

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

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

추상 세트CrossOrigin (crossOrigin)
tech/tech.js , 라인 459

기술에 crossOrigin 값을 설정합니다.

매개 변수 :
이름 유형 설명
크로스오리진 끈

crossOrigin 값
참조:

setCurrentTime ()
tech/tech.js , 라인 528

Tech#manualTimeUpdatesOn이 이전에 호출된 경우 수동 시간 업데이트가 발생합니다.

화재:

추상 setDisablePictureInPicture ()
tech/tech.js , 라인 861

'disablePictureInPicture'를 설정 또는 해제하는 방법

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

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

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

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

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

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

재정의:
참조:

추상 setPlaysinline ()
tech/tech.js , 라인 919

'playsinline'을 설정 또는 해제하는 방법

추상 setPoster ()
tech/tech.js , 라인 905

Tech 에서 포스터를 설정하는 방법입니다.

추상 setScrubbing ()
tech/tech.js , 라인 511

스크러빙 여부 설정

참조:

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' 클래스 이름을 제거하여 표시합니다.

재정의:

stopTrackingCurrentTime ()
tech/tech.js , 361행

에서 생성된 간격 함수를 중지합니다. Tech#trackCurrentTime그래서시간 업데이트더 이상 이벤트가 발생하지 않습니다.

이벤트 수신:
  • {Tech#event:pause}

stopTrackingProgress ()
tech/tech.js , 304행

다음을 위해 폴리필을 끕니다. 진전에서 생성된 이벤트 Tech#manualProgressOn에 설정된 간격을 지워 수동으로 진행 이벤트 추적을 중지합니다. Tech#track 진행 상황 .

textTracks () → { TextTrackList }
tech/tech.js , 라인 1083

TextTrackList 가져오기

반환:
TextTrackList

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

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

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

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

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

트랙현재시간 ()
tech/tech.js , 338행

현재 시간을 추적하고 250밀리초마다 timeupdate를 트리거하는 간격 기능을 설정합니다.

이벤트 수신:
  • Tech#event:play

trackProgress (이벤트)
tech/tech.js , 238행

버퍼링된 백분율이 변경될 때 진행 이벤트를 트리거하는 데 사용됩니다. 버퍼 종료 비율이 변경되었는지 확인하기 위해 500밀리초마다 호출되는 간격 함수를 설정합니다.

이 함수는 Tech#manualProgressOn 에 의해 호출됩니다.

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

이것을 실행하게 만든 준비 이벤트.
화재:
이벤트 수신:

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

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

화재:
재정의:

triggerSourceset (src)
tech/tech.js , 176행

플레이어나 기술이 아직 준비되지 않은 경우 플레이어가 다시 트리거할 수 있는 방식으로 소스 세트를 트리거하는 특수 기능입니다.

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

소스 변경 시점의 소스 문자열입니다.
화재:

videoTracks () → { VideoTrackList }
tech/tech.js , 라인 1069

VideoTrackList 가져오기

반환:
비디오트랙리스트

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

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

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

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

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

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

재정의:

유형 정의

소스 객체
tech/tech.js , 20행

다음과 같은 구조를 포함하는 객체: {src: 'url', type: 'mimetype'} 또는 src url만 포함하는 문자열.

  • var SourceObject = {src: 'http://ex.com/video.mp4', 유형: 'video/mp4'}; var SourceString = 'http://example.com/some-video.mp4';
속성:
이름 유형 설명
소스 끈

소스에 대한 URL
유형 끈

소스의 MIME 유형

이벤트

오디오트랙체인지
tech/tech.js , 라인 552

Tech AudioTrackList 에서 트랙이 추가되거나 제거될 때 트리거됩니다.

유형:

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

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

유형:
재정의:

처분하다
component.js , 라인 155

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

유형:
이 이벤트의 청취자:
속성:
이름 유형 속성 기본값 설명
거품 부울 <선택 과목>
 거짓

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

진전
tech/tech.js , 246행

Player#progress 참조

유형:

준비된
component.js , 라인 750

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

유형:
이 이벤트의 청취자:
재정의:

소스셋
tech/tech.js , 183행

기술에 소스가 설정되어 미디어 요소가 다시 로드될 때 발생합니다.

유형:
참조:

수도꼭지
component.js , 라인 1282

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

유형:
재정의:

텍스트 트랙 변경
tech/tech.js , 566행

Tech TextTrackList 에서 트랙이 추가되거나 제거될 때 트리거됩니다.

유형:

시간 업데이트
control-bar/progress-control/seek-bar.js , 라인 368

탐색을 완료하고 시간이 변경되었기 때문에 timeupdate를 트리거합니다. 시간 표시 시간을 맞추기 위해 플레이어가 일시 중지된 경우에 특히 유용합니다.

유형:

시간 업데이트
tech/tech.js , 343행

250ms 간격으로 트리거되어 비디오에서 시간이 흐르고 있음을 나타냅니다.

유형:

시간 업데이트
tech/tech.js , 라인 531

수동 timeupdate 이벤트입니다.

유형:

비디오트랙체인지
tech/tech.js , 559행

Tech VideoTrackList 에서 트랙이 추가되거나 제거될 때 트리거됩니다.

유형:

vttjs로드됨
tech/tech.js , 라인 620

vtt.js가 로드될 때 시작됩니다.

유형:

vttjs로드됨
tech/tech.js , 629행

오류로 인해 vtt.js가 로드되지 않았을 때 발생

유형: