Skip to content

ESADPlayerViewComponent ​

属性 ​

onProgressChangedCallback ​

功能描述 ​

播放进度回调方法。

参数 ​

属性类型默认值必填说明
onProgressChangedCallbackFunctionnull否回调播放进度

示例代码 ​

点击查看源码
js
<es-ad-player-view-component
  ref="es_ad_player"
  :on-progress-changed-callback="onProgressChanged"
  <script>

export default {
  methods: {
    onProgressChanged(progress) {
    }
  },
}
</script>

注意 ​

无

onDurationChangedCallback ​

功能描述 ​

播放进度回调方法。

参数 ​

属性类型默认值必填说明
onDurationChangedCallbackFunctionnull否回调视频时长

示例代码 ​

点击查看源码
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) ​

功能描述 ​

初始化广告模块。

参数 ​

属性类型默认值必填说明
channelCodeStringnull是广告位
testServerBooleanfalse是是否开启测试环境
debugBooleanfalse是是否开启调试模式

示例代码 ​

点击查看源码
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) ​

功能描述 ​

播放。

参数 ​

属性类型默认值必填说明
urlStringnull是广告位id
typeNumbernull是广告类型
mediaIdStringnull是媒资的id
adCountNumbernull是广告的数量
leftVolumeStringnull是左声道音量
rightVolumeStringnull是右声道音量
playerTypeNumbernull是广告的类型
usingHardwareDecodeBooleannull是是否使用系统解码
playerOptionsArraynull是播放器器的配置参数
muteADBooleannull是是否静音广告

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

属性类型默认值必填说明
playerStatusNumber是播放状态

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

属性类型默认值必填说明
infoTypeNumber是信息类型
infoCodeNumber是信息码
infoMessageString是信息

示例代码 ​

点击查看源码
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

属性类型默认值必填说明
errorCodeNumber是错误码
errorMessageString是错误信息

示例代码 ​

点击查看源码
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>

注意 ​

无