Appearance
ESADPlayerViewComponent
属性
onProgressChangedCallback
功能描述
播放进度回调方法。
参数
属性 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|
onProgressChangedCallback | Function | null | 否 | 回调播放进度 |
示例代码
点击查看源码
js
<es-ad-player-view-component
ref="es_ad_player"
:on-progress-changed-callback="onProgressChanged"
<script>
export default {
methods: {
onProgressChanged(progress) {
}
},
}
</script>
注意
无
onDurationChangedCallback
功能描述
播放进度回调方法。
参数
属性 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|
onDurationChangedCallback | Function | null | 否 | 回调视频时长 |
示例代码
点击查看源码
js
<es-ad-player-view-component
ref="es_ad_player"
:on-duration-changed-callback="onDurationChanged"
<script>
export default {
methods: {
onDurationChanged(duration) {
}
},
}
</script>
注意
无
方法
init(String channelCode, Boolean testServer, Boolean debug)
功能描述
初始化广告模块。
参数
属性 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|
channelCode | String | null | 是 | 广告位 |
testServer | Boolean | false | 是 | 是否开启测试环境 |
debug | Boolean | false | 是 | 是否开启调试模式 |
示例代码
点击查看源码
js
this.$refs.es_ad_player.init(
'xxx', false, false,
);
注意
无
play(String url, Number type, String mediaId, Number adCount, Number leftVolume, Number rightVolume, Number playerType, Boolean playerMediaCodec, Array playerOptionArray, Boolean muteAD)
功能描述
播放。
参数
属性 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|
url | String | null | 是 | 广告位id |
type | Number | null | 是 | 广告类型 |
mediaId | String | null | 是 | 媒资的id |
adCount | Number | null | 是 | 广告的数量 |
leftVolume | String | null | 是 | 左声道音量 |
rightVolume | String | null | 是 | 右声道音量 |
playerType | Number | null | 是 | 广告的类型 |
usingHardwareDecode | Boolean | null | 是 | 是否使用系统解码 |
playerOptions | Array | null | 是 | 播放器器的配置参数 |
muteAD | Boolean | null | 是 | 是否静音广告 |
type:
export const ES_AD_TYPE_LAUNCH = 0;//开屏
export const ES_AD_TYPE_FRONT = 1;//前贴
export const ES_AD_TYPE_PAUSED = 2;//暂停
export const ES_AD_TYPE_NATIVE = 3;//native ad
export const ES_AD_TYPE_POINT = 4;//打点广告
export const ES_AD_TYPE_BEHIND = 1;//后贴
playerType:
export const ES_PLAYER_TYPE_SYSTEM = 1;//android
export const ES_PLAYER_TYPE_ES = 2;//ijk
Volume:
export const ES_PLAYER_MAX_VOLUME = 1;//
export const ES_PLAYER_MIN_VOLUME = 0;//
示例代码
点击查看源码
js
this.$refs.es_ad_player.play(
'http://www.huan.tv/aaa/xxx.mp4', ES_PLAYER_AR_ASPECT_FIT_PARENT, 1, 1,
);
注意
无
start()
功能描述
开始播放。
参数
无
示例代码
点击查看源码
js
this.$refs.es_ad_player.start(10000);
注意
无
resume()
功能描述
继续播放。
参数
无
返回值
无
示例代码
点击查看源码
js
this.$refs.es_ad_player.resume();
注意
无
pause()
功能描述
暂停播放。
参数
无
返回值
无
示例代码
点击查看源码
js
this.$refs.es_ad_player.pause();
注意
无
stop()
功能描述
停止播放。
参数
无
返回值
无
示例代码
点击查看源码
js
this.$refs.es_ad_player.stop();
注意
无
release()
功能描述
回收播放器。
参数
无
返回值
无
示例代码
点击查看源码
js
this.$refs.es_ad_player.release();
注意
无
getCurrentPosition()
功能描述
获取当前的播放进度。
参数
无
返回值
无
示例代码
点击查看源码
js
this.$refs.es_ad_player.getCurrentPosition();
注意
通过onProgressChangedCallback回调方法返回当前的播放进。
getDuration()
功能描述
获取当前的播放时长。
参数
无
返回值
无
示例代码
点击查看源码
js
this.$refs.es_ad_player.getDuration();
注意
通过onDurationChangedCallback回调方法返回播放时长。
getADCanExitTime()
功能描述
获取广告可以跳过的时间。
参数
无
返回值
无
示例代码
点击查看源码
js
this.$refs.es_ad_player.getADCanExitTime();
注意
无
clickPlayerView()
功能描述
点击播放器view。
参数
无
返回值
无
示例代码
点击查看源码
js
this.$refs.es_ad_player.clickPlayerView();
注意
无
requestPlayerViewLayout()
功能描述
重新绘制播放器view。
参数
无
返回值
无
示例代码
点击查看源码
js
this.$refs.es_ad_player.requestPlayerViewLayout();
注意
无
回调事件
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-ad-player-view-component
ref="es_ad_player"
@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-ad-player-view-component
ref="es_ad_player"
@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-ad-player-view-component
ref="es_ad_player"
@player-error="onPlayerError"
<script>
export default {
methods: {
onPlayerError(event) {
let errorCode = event.errorCode;
let errorMessage = event.errorMessage;
},
},
}
</script>
注意
无