Appearance
ESVideoPlayerViewComponent
属性
onProgressChangedCallback
功能描述
播放进度回调方法。
参数
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| onProgressChangedCallback | Function | null | 否 | 回调播放进度 |
示例代码
点击查看源码
js
<es-video-player-view-component
ref="es_video_player_view"
:on-progress-changed-callback="onProgressChanged"
<script>
export default {
methods: {
onProgressChanged(progress) {
}
},
}
</script>注意
无
onDurationChangedCallback
功能描述
播放进度回调方法。
参数
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| onDurationChangedCallback | Function | null | 否 | 回调视频时长 |
示例代码
点击查看源码
js
<es-video-player-view-component
ref="es_video_player_view"
:on-duration-changed-callback="onDurationChanged"
<script>
export default {
methods: {
onDurationChanged(duration) {
}
},
}
</script>注意
无
方法
play(String url, Number aspectRatio, Number leftVolume, Number rightVolume)
功能描述
播放。
参数
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| url | String | null | 是 | 视频地址 |
| aspectRatio | Number | null | 是 | 画面比例 |
| leftVolume | Number | null | 是 | 左声道音量 |
| rightVolume | Number | null | 是 | 右声道音量 |
AspectRatio：
export const ES_PLAYER_AR_ASPECT_FIT_PARENT = 0;//
export const ES_PLAYER_AR_ASPECT_FILL_PARENT = 1;//
export const ES_PLAYER_AR_ASPECT_WRAP_CONTENT = 2;//
export const ES_PLAYER_AR_ASPECT_MATCH_PARENT = 3;//
export const ES_PLAYER_AR_16_9_FIT_PARENT = 4;//
export const ES_PLAYER_AR_4_3_FIT_PARENT = 5;//
export const ES_PLAYER_AR_235_FIT_PARENT = 6;//Volume：
export const ES_PLAYER_MAX_VOLUME = 1;//
export const ES_PLAYER_MIN_VOLUME = 0;//示例代码
点击查看源码
js
this.$refs.es_video_player_view.play(
'http://www.huan.tv/aaa/xxx.mp4', ES_PLAYER_AR_ASPECT_FIT_PARENT, 1, 1,
);注意
无
start(Number progress)
功能描述
开始播放。
参数
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| progress | Number | 0 | 是 | 播放位置 |
示例代码
点击查看源码
js
this.$refs.es_video_player_view.start(10000);注意
无
seekTo(Number progress)
功能描述
快进。
参数
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| progress | Number | 0 | 是 | 播放进度 |
示例代码
点击查看源码
js
this.$refs.es_video_player_view.seekTo(10000);注意
无
resume()
功能描述
继续播放。
参数
无
返回值
无
示例代码
点击查看源码
js
this.$refs.es_video_player_view.resume();注意
无
pause()
功能描述
暂停播放。
参数
无
返回值
无
示例代码
点击查看源码
js
this.$refs.es_video_player_view.pause();注意
无
stop()
功能描述
停止播放。
参数
无
返回值
无
示例代码
点击查看源码
js
this.$refs.es_video_player_view.stop();注意
无
release()
功能描述
回收播放器。
参数
无
返回值
无
示例代码
点击查看源码
js
this.$refs.es_video_player_view.release();注意
无
setPlayRate(Number playRate)
功能描述
快进。
参数
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| playRate | Number | null | 是 | 播放速率 |
播放速率：
export const ES_PLAYER_RATE_0_5 = '0.5';//
export const ES_PLAYER_RATE_0_7_5 = '0.75';//
export const ES_PLAYER_RATE_1 = '1';//
export const ES_PLAYER_RATE_1_2 = '1.2';//
export const ES_PLAYER_RATE_1_2_5 = '1.25';//
export const ES_PLAYER_RATE_1_5 = '1.5';//
export const ES_PLAYER_RATE_1_7_5 = '1.75';//
export const ES_PLAYER_RATE_2 = '2.0';//
export const ES_PLAYER_RATE_2_5 = '2.5';//示例代码
点击查看源码
js
this.$refs.es_video_player_view.setPlayRate(ES_PLAYER_RATE_1_2);注意
无
setDefinition(Number definition)
功能描述
设置清晰度。
参数
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| definition | Number | null | 是 | 清晰度 |
清晰度：
export const ES_PLAYER_DEFINITION_UNKNOWN = -1;//
export const ES_PLAYER_DEFINITION_SD = 0;//
export const ES_PLAYER_DEFINITION_HD = 1;//
export const ES_PLAYER_DEFINITION_FULL_HD = 2;//
export const ES_PLAYER_DEFINITION_ORIGINAL = 3;//
export const ES_PLAYER_DEFINITION_BLUERAY = 4;//
export const ES_PLAYER_DEFINITION_FOURK = 5;//示例代码
点击查看源码
js
this.$refs.es_video_player_view.setDefinition(ES_PLAYER_DEFINITION_FULL_HD);注意
无
setDecode(Number decode)
功能描述
设置解码方式。
参数
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| decode | Number | null | 是 | 解码方式 |
解码：
export const ES_PLAYER_DECODE_IJK = 0;//
export const ES_PLAYER_DECODE_EXO = 1;//
export const ES_PLAYER_DECODE_HARDWARE = 2;//
export const ES_PLAYER_DECODE_IJK_SOFT = 3;//示例代码
点击查看源码
js
this.$refs.es_video_player_view.setDecode(ES_PLAYER_DECODE_HARDWARE);注意
无
setAspectRatio(Number aspectRatio)
功能描述
设置画面比例。
参数
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| aspectRatio | Number | null | 是 | 画面比例 |
画面比例：
export const ES_PLAYER_AR_ASPECT_FIT_PARENT = 0;//
export const ES_PLAYER_AR_ASPECT_FILL_PARENT = 1;//
export const ES_PLAYER_AR_ASPECT_WRAP_CONTENT = 2;//
export const ES_PLAYER_AR_ASPECT_MATCH_PARENT = 3;//
export const ES_PLAYER_AR_16_9_FIT_PARENT = 4;//
export const ES_PLAYER_AR_4_3_FIT_PARENT = 5;//
export const ES_PLAYER_AR_235_FIT_PARENT = 6;//示例代码
点击查看源码
js
this.$refs.es_video_player_view.setAspectRatio(ES_PLAYER_AR_4_3_FIT_PARENT);注意
无
getCurrentPosition()
功能描述
获取当前的播放进度。
参数
无
返回值
无
示例代码
点击查看源码
js
this.$refs.es_video_player_view.getCurrentPosition();注意
通过onProgressChangedCallback回调方法返回当前的播放进。
getDuration()
功能描述
获取当前的播放时长。
参数
无
返回值
无
示例代码
点击查看源码
js
this.$refs.es_video_player_view.getDuration();注意
通过onDurationChangedCallback回调方法返回播放时长。
clickPlayerView()
功能描述
点击播放器view。
参数
无
返回值
无
示例代码
点击查看源码
js
this.$refs.es_video_player_view.clickPlayerView();注意
无
requestPlayerViewLayout()
功能描述
重新绘制播放器view。
参数
无
返回值
无
示例代码
点击查看源码
js
this.$refs.es_video_player_view.requestPlayerViewLayout();注意
无
setUsingHardwareDecoder(Boolean value)
功能描述
设置播放器使用硬解码。
参数
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| value | Boolean | 是 | 设置播放器是否使用硬解码 |
示例代码
点击查看源码
js
this.$refs.es_video_player_view.setUsingHardwareDecoder(true);注意
无
setPlayerType(Number playerType)
功能描述
设置播放器类型。
参数
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| playerType | Number | 是 | 播放器类型 |
播放器类型:
export const ES_PLAYER_TYPE_ANDROID_MEDIA = 1;//
export const ES_PLAYER_TYPE_IJK_MEDIA = 2;//示例代码
点击查看源码
js
this.$refs.es_video_player_view.setPlayerType(ES_PLAYER_TYPE_IJK_MEDIA);注意
无
回调事件
player-status-changed(event)
功能描述
播放状态回调。
参数
Object event
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| playerStatus | Number | 是 | 播放状态 |
playerStatus:
export const ES_PLAYER_STATE_IDLE = 0;//空闲
export const ES_PLAYER_STATE_PREPARING = 1;//正在准备
export const ES_PLAYER_STATE_PREPARED = 2;//准备完毕
export const ES_PLAYER_STATE_BUFFER_START = 3;//正在缓冲
export const ES_PLAYER_STATE_BUFFER_END = 4;//正在缓冲
export const ES_PLAYER_STATE_PLAYING = 5;//正在播放
export const ES_PLAYER_STATE_SEEK_START = 6;//快进开始
export const ES_PLAYER_STATE_SEEK_COMPLETED = 7;//快进完成
export const ES_PLAYER_STATE_PAUSED = 8;//暂停
export const ES_PLAYER_STATE_RESUMED = 9;//继续播放
export const ES_PLAYER_STATE_BEFORE_STOP = 10;//停止之前
export const ES_PLAYER_STATE_STOP = 11;//停止
export const ES_PLAYER_STATE_PLAYBACK_COMPLETED = 12;//播放完毕
export const ES_PLAYER_STATE_ERROR = 13;//错误
export const ES_PLAYER_STATE_VIDEO_SIZE_CHANGED = 14;//视频尺寸变化
export const ES_PLAYER_STATE_PLAYER_VIEW_CHANGED = 15;//播放布局变化
export const ES_PLAYER_STATE_AD_START = 16;//广告开始
export const ES_PLAYER_STATE_AD_END = 17;//广告结束
export const ES_PLAYER_STATE_AD_SKIP = 18;//广告跳过
export const ES_PLAYER_STATE_AD_PAUSED = 19;//广告暂停
export const ES_PLAYER_STATE_AUTHORIZED = 20;
export const ES_PLAYER_STATE_SET_PLAY_RATE_SUCCESS = 21;
export const ES_PLAYER_STATE_SET_PLAY_RATE_ERROR = 22;
export const ES_PLAYER_STATE_AD_RESUMED = 23;//广告RESUME
export const ES_PLAYER_STATE_AD_LOADED = 24;
export const ES_PLAYER_STATE_AD_TIME = 25;//广告倒计时时间
export const ES_PLAYER_STATE_PLAYER_INITIALIZED = 26;//播放器初始化完毕
export const ES_PLAYER_STATE_TIMED_TEXT_CHANGED = 27;
export const ES_PLAYER_STATE_PLAYER_CLICKABLE = 28;//播放器view是否可以点击
export const PLAYER_STATE_START_LOADING = 29;//
export const PLAYER_STATE_LOAD_SUCCESS = 30;//
export const PLAYER_STATE_LOAD_ERROR = 31;//
export const PLAYER_STATE_SKIP_HEADER = 32;//
export const PLAYER_STATE_SKIP_TAIL = 33;//示例代码
点击查看源码
js
<es-video-player-view-component
ref="es_video_player_view"
@player-status-changed="onPlayerStatusChanged"
<script>
export default {
methods: {
onPlayerStatusChanged(event) {
let status = event.playerStatus
}
},
}
</script>注意
无
player-info(event)
功能描述
播放信息回调。
参数
Object event
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| infoType | Number | 是 | 信息类型 | |
| infoCode | Number | 是 | 信息码 | |
| infoMessage | String | 是 | 信息 |
示例代码
点击查看源码
js
<es-video-player-view-component
ref="es_video_player_view"
@player-info="onPlayerInfo"
<script>
export default {
methods: {
onPlayerInfo(event) {
let infoType = event.infoType;
let infoCode = event.infoCode;
let infoMessage = event.infoMessage;
},
},
}
</script>注意
无
player-error(error)
功能描述
播放错误回调。
参数
Object error
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| errorCode | Number | 是 | 错误码 | |
| errorMessage | String | 是 | 错误信息 |
示例代码
点击查看源码
js
<es-video-player-view-component
ref="es_video_player_view"
@player-error="onPlayerError"
<script>
export default {
methods: {
onPlayerError(event) {
let errorCode = event.errorCode;
let errorMessage = event.errorMessage;
},
},
}
</script>注意
无
player-aspect-ratio-list-changed(event)
功能描述
视频画面比例列表变化。
参数
Object event
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| aspectRatioList | Array | 是 | 视频画面比例列表 |
示例代码
点击查看源码
js
<es-video-player-view-component
ref="es_video_player_view"
@player-aspect-ratio-list-changed="onAllAspectRatioChanged"
<script>
export default {
methods: {
onAllAspectRatioChanged(event) {
let aspectRatioList = event.aspectRatioList;
},
},
}
</script>注意
无
player-aspect-ratio-changed(event)
功能描述
视频当前画面比例变化。
参数
Object event
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| aspectRatio | Number | 是 | 当前视频画面比例 |
示例代码
点击查看源码
js
<es-video-player-view-component
ref="es_video_player_view"
@player-aspect-ratio-changed="onAspectRatioChanged"
<script>
export default {
methods: {
onAspectRatioChanged(event) {
let aspectRatio = event.aspectRatio;
},
},
}
</script>注意
无
player-rate-list-changed(event)
功能描述
视频播放速率列表变化。
参数
Object event
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| playRateList | Array | 是 | 视频播放速率列表 |
示例代码
点击查看源码
js
<es-video-player-view-component
ref="es_video_player_view"
@player-rate-list-changed="onAllPlayRateChanged"
<script>
export default {
methods: {
onAllPlayRateChanged(event) {
let playRateList = event.playRateList;
},
},
}
</script>注意
无
player-rate-changed(event)
功能描述
视频当前播放速率。
参数
Object event
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| playRate | Number | 是 | 当前视频播放速率 |
示例代码
点击查看源码
js
<es-video-player-view-component
ref="es_video_player_view"
@player-rate-changed="onPlayRateChanged"
<script>
export default {
methods: {
onPlayRateChanged(event) {
let playRate = event.playRate;
},
},
}
</script>注意
无
player-volume-changed(event)
功能描述
视频音量变化。
参数
Object event
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| leftVolume | Number | 是 | 左声道音量 | |
| rightVolume | Number | 是 | 右声道音量 |
示例代码
点击查看源码
js
<es-video-player-view-component
ref="es_video_player_view"
@player-volume-changed="onPlayerVolumeChanged"
<script>
export default {
methods: {
onPlayerVolumeChanged(evt) {
let leftVolume = evt.leftVolume;
let rightVolume = evt.rightVolume;
},
},
}
</script>注意
无
player-left-volume-changed(leftVolume)
功能描述
左声道音量变化。
参数
Number leftVolume
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| leftVolume | Number | 是 | 左声道音量 |
示例代码
点击查看源码
js
<es-video-player-view-component
ref="es_video_player_view"
@player-left-volume-changed="onLeftVolumeChanged"
<script>
export default {
methods: {
onLeftVolumeChanged(leftVolume) {
let leftVolume = leftVolume;
},
},
}
</script>注意
无
player-right-volume-changed(rightVolume)
功能描述
左声道音量变化。
参数
Number rightVolume
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| rightVolume | Number | 是 | 左声道音量 |
示例代码
点击查看源码
js
<es-video-player-view-component
ref="es_video_player_view"
@player-right-volume-changed="onRightVolumeChanged"
<script>
export default {
methods: {
onRightVolumeChanged(rightVolume) {
let rightVolume = rightVolume;
},
},
}
</script>注意
无