Skip to content

ESPlayerManager

属性

onPlayerProgressChangedCallback

功能描述

播放进度回调方法。

参数

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

示例代码

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  :on-player-progress-changed-callback="onVideoPlayerProgressChanged"/>
  
<script>
export default {
  methods: {
    onVideoPlayerProgressChanged(progress) {
    }
  },
}
</script>

注意

onPlayerDurationChangedCallback

功能描述

播放进度回调方法。

参数

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

示例代码

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  :on-player-duration-changed-callback="onVideoPlayerDurationChanged"/>
  
<script>
export default {
  methods: {
    onVideoPlayerDurationChanged(duration) {
    }
  },
}
</script>

注意

esPlayerList

功能描述

自定义播放器列表。

参数

属性类型默认值必填说明
esPlayerListArraynull自定义播放器列表

示例代码

点击查看源码
js
<es-player-manager
  :es-player-list="esPlayerList"
  ref="es_player_manager"/>
  
data() {
  return {
    esPlayerList: [ESVideoPlayer],
  };
},

注意

esPlayerViewList

功能描述

播放器界面列表。

参数

属性类型默认值必填说明
esPlayerViewListArraynull播放器界面列表

示例代码

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  :es-player-view-list="esPlayerViewList"/>

注意

playSeriesLoop

功能描述

循环播放分集列表。

参数

属性类型默认值必填说明
playSeriesLoopBooleantrue循环播放分集列表

示例代码

点击查看源码
js
<es-player-manager
  :play-series-loop="true"
  ref="es_player_manager"/>

注意

playSeriesPositiveSequence

功能描述

是否正序播放视频分集。

参数

属性类型默认值必填说明
playSeriesPositiveSequenceBooleannull是否正序播放视频分集

示例代码

点击查看源码
js
<es-player-manager
  :play-series-positive-sequence="true"
  ref="es_player_manager"/>

注意

playSeriesAuto

功能描述

调用playSeriesAuto方法后是否自动调用playSeries方法进行播放分集。

参数

属性类型默认值必填说明
playSeriesAutoBooleantrue调用playVideo方法后是否自动调用playSeries方法进行播放分集

示例代码

点击查看源码
js
<es-player-manager
  :play-series-auto="true"
  ref="es_player_manager"/>

注意

playSeriesAutoNext

功能描述

播放分集完毕或者出错是否继续播放下一个分集。

参数

属性类型默认值必填说明
playSeriesAutoNextBooleantrue播放分集完毕或者出错是否继续播放下一个分集

示例代码

点击查看源码
js
<es-player-manager
  :play-series-auto-next="true"
  ref="es_player_manager"/>

注意

playUrlsAuto

功能描述

调用playSeries方法后是否自动调用start方法进行播放。

参数

属性类型默认值必填说明
playUrlsAutoBooleantrue调用playSeries方法后是否自动调用start方法进行播放

示例代码

点击查看源码
js
<es-player-manager
  :play-urls-auto="true"
  ref="es_player_manager"/>

注意

playUrlsAutoNext

功能描述

是否自动播放下一个地址。

参数

属性类型默认值必填说明
playUrlsAutoNextBooleannull是否自动播放下一个地址

示例代码

点击查看源码
js
<es-player-manager
  :play-urls-auto-next="true"
  ref="es_player_manager"/>

注意

playUrlsPositiveSequence

功能描述

是否正序播放分集地址列表。

参数

属性类型默认值必填说明
playUrlsPositiveSequenceBooleantrue是否正序播放分集地址列表

示例代码

点击查看源码
js
<es-player-manager
  :play-urls-positive-sequence="true"
  ref="es_player_manager"/>

注意

initPlayerWindowType

功能描述

播放器窗口类型。

参数

属性类型默认值必填说明
initPlayerWindowTypeNumber1播放器窗口类型

播放器窗口类型:

点击查看源码
js
export const ES_PLAYER_WINDOW_TYPE_SMALL = 1;//
export const ES_PLAYER_WINDOW_TYPE_FULL = 2;//
export const ES_PLAYER_WINDOW_TYPE_FLOAT = 3;//

示例代码

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  :init-player-window-type="2"/>

注意

smallWindowWidth

功能描述

ES_PLAYER_WINDOW_TYPE_SMALL类型播放窗口的宽度。

参数

属性类型默认值必填说明
smallWindowWidthNumber976播放器的宽度

示例代码

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  :small-window-width="976"/>

注意

smallWindowHeight

功能描述

ES_PLAYER_WINDOW_TYPE_SMALL类型播放窗口的高度。

参数

属性类型默认值必填说明
smallWindowHeightNumber557播放器的高度

示例代码

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  :small-window-height="976"/>

注意

fullWindowWidth

功能描述

ES_PLAYER_WINDOW_TYPE_FULL类型播放窗口的宽度。

参数

属性类型默认值必填说明
fullWindowWidthNumber1920播放器的宽度

示例代码

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  :full-window-width="1920"/>

注意

fullWindowHeight

功能描述

ES_PLAYER_WINDOW_TYPE_FULL类型播放窗口的高度。

参数

属性类型默认值必填说明
fullWindowHeightNumber1080播放器的高度

示例代码

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  :full-window-height="1080"/>

注意

floatWindowWidth

功能描述

ES_PLAYER_WINDOW_TYPE_FLOAT类型播放窗口的宽度。

参数

属性类型默认值必填说明
floatWindowWidthNumber400播放器的宽度

示例代码

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  :float-window-width="400"/>

注意

floatWindowHeight

功能描述

ES_PLAYER_WINDOW_TYPE_FLOAT类型播放窗口的高度。

参数

属性类型默认值必填说明
floatWindowHeightNumber230播放器的高度

示例代码

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  :float-window-height="230"/>

注意

playerBackgroundColor

功能描述

播放器的背景颜色。

参数

属性类型默认值必填说明
playerBackgroundColorStringblack播放器的背景颜色

示例代码

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  :player-background-color="black"/>

注意

方法

playVideo(Object playInfo)

功能描述

播放。

参数

Object playInfo

属性类型默认值必填说明
seriesIndexNumbernull播放分集列表的index
seriesListArraynull播放分集列表

示例代码

点击查看源码
js
let videoSeries = {
    id: 0,//自定义分集id,唯一id
    urls: {//分集地址对象
      urlIndex: 0,//要播放的地址的index
      urlList: [{//地址列表
        url: 'http://qcloudcdn-moss.cp47.ott.cibntv.net/project/tvq/qsj_video/2021/12/07/3800609_9c0bae6b6d5df502ffa28f9396a2316e.mp4',
      }],
    },
    type: ES_PLAY_SERIES_TYPE_REAL_URL,
}
let playInfo = {
    seriesIndex: 0,
    seriesList: [videoSeries,]
}
this.$refs.es_player_manager.playVideo(playInfo);

注意

playSeriesById(String seriesId)

功能描述

播放指定id的分集。

参数

属性类型默认值必填说明
seriesIdStringnull分集的id

示例代码

点击查看源码
js
this.$refs.es_player_manager.playSeriesById('Z200105');

注意

playSeriesByIndex(Number seriesIndex)

功能描述

播放指定index的分集。

参数

属性类型默认值必填说明
seriesIndexNumbernull分集的index

示例代码

点击查看源码
js
this.$refs.es_player_manager.playSeriesByIndex(10);

注意

addVideoSeriesToLast(Array videoSeriesList)

功能描述

向分集播放列表末尾添加分集列表。

参数

属性类型默认值必填说明
videoSeriesListArraynull要添加的分集列表

示例代码

点击查看源码
js
let videoSeriesList = [{xx}, {xx}]
this.$refs.es_player_manager.addVideoSeriesToLast(videoSeriesList);

注意

addVideoSeriesToFirst(Array videoSeriesList)

功能描述

向分集播放列表头部添加分集列表。

参数

属性类型默认值必填说明
videoSeriesListArraynull要添加的分集列表

示例代码

点击查看源码
js
let videoSeriesList = [{xx}, {xx}]
this.$refs.es_player_manager.addVideoSeriesToFirst(videoSeriesList);

注意

replaceVideoSeries(Number beginIndex, Array videoSeriesList)

功能描述

替换播放器中部分分集列表。

参数

属性类型默认值必填说明
beginIndexNumbernull替换列表的开始位置
videoSeriesListArraynull要替换的分集列表

示例代码

点击查看源码
js
let videoSeriesList = [{xx}, {xx}]
this.$refs.es_player_manager.replaceVideoSeries(3, videoSeriesList);

注意

getVideoSeriesList()

功能描述

获取PlayerManager播放分集列表。

参数

返回值

属性类型默认值必填说明
VideoSeriesListArraynull播放分集列表

示例代码

点击查看源码
js
this.$refs.es_player_manager.getVideoSeriesList();

注意

getVideoSeriesByIndex(Number index)

功能描述

根据index获取播放列表中指定index的分集。

参数

返回值

属性类型默认值必填说明
seriesObjectnull播放分集

示例代码

点击查看源码
js
this.$refs.es_player_manager.getVideoSeriesByIndex(3);

注意

getPlayingSeriesIndex()

功能描述

获取正在播放的分集的index。

参数

返回值

属性类型默认值必填说明
indexNumbernull播放分集index

示例代码

点击查看源码
js
let index = this.$refs.es_player_manager.getPlayingSeriesIndex();

注意

canPlayNextSeries()

功能描述

是否可以播放下一集。

返回值

属性类型默认值必填说明
Booleannull是否可以播放下一集

示例代码

点击查看源码
js
let can = this.$refs.es_player_manager.canPlayNextSeries();

注意

playNextSeries()

功能描述

播放下一个分集。

参数

无 |

示例代码

点击查看源码
js
this.$refs.es_player_manager.playNextSeries();

注意

canPlayPreviousSeries()

功能描述

是否可以播放上一集。

返回值

属性类型默认值必填说明
Booleannull是否可以播放上一集

示例代码

点击查看源码
js
let can = this.$refs.es_player_manager.canPlayPreviousSeries();

注意

playPreviousSeries()

功能描述

播放上一个分集。

参数

无 |

示例代码

点击查看源码
js
this.$refs.es_player_manager.playPreviousSeries();

注意

start()

功能描述

开始播放。

参数

示例代码

点击查看源码
js
this.$refs.es_player_manager.start();

注意

pause()

功能描述

暂停播放。

参数

返回值

示例代码

点击查看源码
js
this.$refs.es_player_manager.pause();

注意

resume()

功能描述

继续播放。

参数

返回值

示例代码

点击查看源码
js
this.$refs.es_player_manager.resume();

注意

stop()

功能描述

停止播放。

参数

返回值

示例代码

点击查看源码
js
this.$refs.es_player_manager.stop();

注意

seekTo(Number progress)

功能描述

快进。

参数

属性类型默认值必填说明
progressNumber0播放进度

示例代码

点击查看源码
js
this.$refs.es_player_manager.seekTo(10000);

注意

reset()

功能描述

重置播放进度。

参数

返回值

示例代码

点击查看源码
js
this.$refs.es_player_manager.reset();

注意

release()

功能描述

回收播放器。

参数

返回值

示例代码

点击查看源码
js
this.$refs.es_player_manager.release();

注意

getCurrentPosition()

功能描述

获取当前的播放进度。

参数

返回值

示例代码

点击查看源码
js
this.$refs.es_player_manager.getCurrentPosition();

注意

通过onPlayerProgressChangedCallback回调方法返回当前的播放进。

getDuration()

功能描述

获取当前的播放时长。

参数

返回值

示例代码

点击查看源码
js
this.$refs.es_player_manager.getDuration();

注意

通过onPlayerDurationChangedCallback回调方法返回播放时长。

getPlayerWindowType()

功能描述

获取窗口模式。

参数

返回值

属性类型默认值必填说明
playerWindowTypeNumbernull窗口模式

playerWindowType:

点击查看源码
js
export const ES_PLAYER_WINDOW_TYPE_SMALL = 1;//
export const ES_PLAYER_WINDOW_TYPE_FULL = 2;//
export const ES_PLAYER_WINDOW_TYPE_FLOAT = 3;//

示例代码

点击查看源码
js
this.$refs.es_player_manager.getPlayerWindowType();

注意

changeToFloatWindow()

功能描述

切换成浮动窗口模式。

参数

返回值

示例代码

点击查看源码
js
this.$refs.es_player_manager.changeToFloatWindow();

注意

changeToSmallWindow()

功能描述

切换成小窗口模式。

参数

返回值

示例代码

点击查看源码
js
this.$refs.es_player_manager.changeToSmallWindow();

注意

changeToFullWindow()

功能描述

切换成全屏窗口模式。

参数

返回值

示例代码

点击查看源码
js
this.$refs.es_player_manager.changeToFullWindow();

注意

isPlayerWindowTypeFull()

功能描述

是否是全屏窗口模式。

参数

返回值

属性类型默认值必填说明
Booleannull是否是全屏窗口模式

示例代码

点击查看源码
js
this.$refs.es_player_manager.isPlayerWindowTypeFull();

注意

isPlayerWindowTypeSmall()

功能描述

是否是小窗口模式。

参数

返回值

属性类型默认值必填说明
Booleannull是否是小窗口模式

示例代码

点击查看源码
js
this.$refs.es_player_manager.isPlayerWindowTypeSmall();

注意

isPlayerWindowTypeFloat()

功能描述

是否是浮动窗口模式。

参数

返回值

属性类型默认值必填说明
Booleannull是否是浮动窗口模式

示例代码

点击查看源码
js
this.$refs.es_player_manager.isPlayerWindowTypeFloat();

注意

setPlayRate(Number playRate)

功能描述

快进。

参数

属性类型默认值必填说明
playRateNumbernull播放速率

播放速率:

点击查看源码
js
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_player_manager.setPlayRate(ES_PLAYER_RATE_1_2);

注意

setDefinition(Number definition)

功能描述

设置清晰度。

参数

属性类型默认值必填说明
definitionNumbernull清晰度

清晰度:

点击查看源码
js
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_player_manager.setDefinition(ES_PLAYER_DEFINITION_FULL_HD);

注意

setAspectRatio(Number aspectRatio)

功能描述

设置画面比例。

参数

属性类型默认值必填说明
aspectRatioNumbernull画面比例

画面比例:

点击查看源码
js
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_player_manager.setAspectRatio(ES_PLAYER_AR_4_3_FIT_PARENT);

注意

setDecode(Number decode)

功能描述

设置解码方式。

参数

属性类型默认值必填说明
decodeNumbernull解码方式

解码:

点击查看源码
js
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_player_manager.setDecode(ES_PLAYER_DECODE_HARDWARE);

注意

getLeftVolume()

功能描述

获取视频左声道音量。返回值通过onLeftVolumeChanged事件回调

参数

示例代码

点击查看源码
js
this.$refs.es_player_manager.getLeftVolume();

注意

getRightVolume()

功能描述

获取视频左声道音量。返回值通过onRightVolumeChanged事件回调

参数

示例代码

点击查看源码
js
this.$refs.es_player_manager.getRightVolume();

注意

setLeftVolume(Number leftVolume)

功能描述

设置左声道的音量。

参数

属性类型默认值必填说明
leftVolumeNumber音量

示例代码

点击查看源码
js
this.$refs.es_player_manager.setLeftVolume(0.8);

注意

setRightVolume(Number rightVolume)

功能描述

设置右声道的音量。

参数

属性类型默认值必填说明
rightVolumeNumber音量

示例代码

点击查看源码
js
this.$refs.es_player_manager.setRightVolume(0.8);

注意

setVolume(Number volume)

功能描述

设置左右声道的音量。

参数

属性类型默认值必填说明
volumeNumber音量

示例代码

点击查看源码
js
this.$refs.es_player_manager.setVolume(0.8);

注意

setLeftRightVolume(Number leftVolume, Number rightVolume)

功能描述

设置左右声道的音量。

参数

属性类型默认值必填说明
leftVolumeNumber左声道音量
rightVolumeNumber右声道音量

示例代码

点击查看源码
js
this.$refs.es_player_manager.setLeftRightVolume(0.8, 0.8);

注意

setStopped(Boolean stopped)

功能描述

设置播放器停止。

参数

属性类型默认值必填说明
stoppedBoolean设置播放器是否停止

示例代码

点击查看源码
js
this.$refs.es_player_manager.setStopped(true);

注意

setEnabled(Boolean enabled)

功能描述

设置播放器是否可用。

参数

属性类型默认值必填说明
enabledBoolean设置播放器是否可用

示例代码

点击查看源码
js
this.$refs.es_player_manager.setEnabled(true);

注意

回调事件

onVideoPlayerInitialized(playerType)

功能描述

播放器初始化完成。

参数

属性类型默认值必填说明
playerTypeNumber播放器类型

示例代码

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onVideoPlayerInitialized="onVideoPlayerInitialized"/>
  
<script>
export default {
  methods: {
    onVideoPlayerInitialized(playerType) {
    },
  },
}
</script>

注意

onPlayVideo(Object playInfo)

功能描述

播放分集合集。

参数

Object playInfo

属性类型默认值必填说明
seriesIndexNumbernull播放分集列表index
seriesListArraynull播放分集列表 Object series数组

示例代码

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onPlayVideo="onPlayVideo"/>
  
<script>
export default {
  methods: {
    onPlayVideo(playInfo) {
    },
  },
}
</script>

注意

onPlaySeries(Object series, Number seriesIndex)

功能描述

播放分集。

参数

属性类型默认值必填说明
seriesObjectnull分集对象
seriesIndexNumbernull分集index

示例代码

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onPlaySeries="onVideoPlaySeries"/>
  
<script>
export default {
  methods: {
    onVideoPlaySeries(series, seriesIndex) {
    },
  },
}
</script>

注意

onPlayUrls(playUrlsInfo)

功能描述

播放地址信息回调。

参数

Object playUrlsInfo

属性类型默认值必填说明
urlIndexNumbernull播放地址列表index
urlListArraynull播放地址列表 Object playUrl数组

示例代码

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onPlayUrls="onVideoPlayUrls"/>
  
<script>
export default {
  methods: {
    onVideoPlayUrls(playUrlsInfo) {
    },
  },
}
</script>

注意

onPlayUrl(playUrl)

功能描述

播放地址信息回调。

参数

Object playUrl

属性类型默认值必填说明
urlStringnull视频地址
aspectRatioNumbernull画面比例
leftVolumeNumbernull左声道音量
rightVolumeNumbernull右声道音量

示例代码

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onPlayUrl="onVideoPlayUrl"/>
  
<script>
export default {
  methods: {
    onVideoPlayUrl(playUrl) {
    },
  },
}
</script>

注意

onPlayerPreparing()

功能描述

播放preparing状态。

参数

示例代码

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onPlayerPreparing="onVideoPlayerPreparing"/>
  
<script>
export default {
  methods: {
    onVideoPlayerPreparing() {
    },
  },
}
</script>

注意

onPlayerPrepared()

功能描述

播放prepared状态。

参数

示例代码

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onPlayerPrepared="onVideoPlayerPrepared"/>
  
<script>
export default {
  methods: {
    onVideoPlayerPrepared() {
    },
  },
}
</script>

注意

onPlayerPlaying()

功能描述

播放playing状态。

参数

示例代码

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onPlayerPlaying="onVideoPlayerPlaying"/>
  
<script>
export default {
  methods: {
    onVideoPlayerPlaying() {
    },
  },
}
</script>

注意

onPlayerPaused()

功能描述

播放paused状态。

参数

示例代码

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onPlayerPaused="onVideoPlayerPaused"/>
  
<script>
export default {
  methods: {
    onVideoPlayerPaused() {
    },
  },
}
</script>

注意

onPlayerResumed()

功能描述

播放resume状态。

参数

示例代码

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onPlayerResumed="onVideoPlayerResumed"/>
  
<script>
export default {
  methods: {
    onVideoPlayerResumed() {
    },
  },
}
</script>

注意

onPlayerStopped()

功能描述

播放stop状态。

参数

示例代码

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onPlayerStopped="onVideoPlayerStopped"/>
  
<script>
export default {
  methods: {
    onVideoPlayerStopped() {
    },
  },
}
</script>

注意

onPlayerCompleted()

功能描述

播放complete状态。

参数

示例代码

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onPlayerCompleted="onVideoPlayerCompleted"/>
  
<script>
export default {
  methods: {
    onVideoPlayerCompleted() {
    },
  },
}
</script>

注意

onPlayerBufferStart()

功能描述

播放缓冲开始状态。

参数

示例代码

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onPlayerBufferStart="onVideoPlayerBufferStart"/>
  
<script>
export default {
  methods: {
    onVideoPlayerBufferStart() {
    },
  },
}
</script>

注意

onPlayerBufferEnd()

功能描述

播放缓冲结束状态。

参数

示例代码

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onPlayerBufferEnd="onVideoPlayerBufferEnd"/>
  
<script>
export default {
  methods: {
    onVideoPlayerBufferEnd() {
    },
  },
}
</script>

注意

onPlayerSizeChanged()

功能描述

播放器尺寸改变。

参数

示例代码

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onPlayerSizeChanged="onVideoPlayerSizeChanged"/>
<script>
export default {
  methods: {
    onVideoPlayerSizeChanged() {
    },
  },
}
</script>

注意

onNoUrlCanPlay(Boolean next)

功能描述

没有播放地址可以播放。

参数

Boolean next

属性类型默认值必填说明
nextBooleannull向后播放还是向前播放没有播放地址

示例代码

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onNoUrlCanPlay="onVideoNoUrlCanPlay"/>
  
<script>
export default {
  methods: {
    onVideoNoUrlCanPlay(next) {
    },
  },
}
</script>

注意

onPlayerError(Number errorCode, String errorMessage)

功能描述

播放错误。

参数

属性类型默认值必填说明
errorCodeNumbernull播放错误码
errorMessageNumbernull播放错误信息

示例代码

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onPlayerError="onVideoPlayerError"/>
  
<script>
export default {
  methods: {
    onVideoPlayerError(errorCode, errorMessage) {
    },
  },
}
</script>

注意

onAllAspectRatioChanged(aspectRatioList)

功能描述

画面比例列表。

参数

Array aspectRatioList 画面比例列表

示例代码

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onAllAspectRatioChanged="onVideoAllAspectRatioChanged"/>
  
<script>
export default {
  methods: {
    onVideoAllAspectRatioChanged(aspectRatioList) {
    },
  },
}
</script>

注意

onAspectRatioChanged(aspectRatio)

功能描述

当前的画面比例。

参数

aspectRatio 当前的画面比例

示例代码

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onAspectRatioChanged="onVideoAspectRatioChanged"/>
  
<script>
export default {
  methods: {
    onVideoAspectRatioChanged(aspectRatio) {
    },
  },
}
</script>

注意

onVolumeChanged(Number leftVolume, Number rightVolume)

功能描述

声音变化。

参数

属性类型默认值必填说明
leftVolumeNumbernull左声道音量
rightVolumeNumbernull右声道音量

示例代码

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onVolumeChanged="onVideoVolumeChanged"/>
  
<script>
export default {
  methods: {
    onVideoVolumeChanged(leftVolume, rightVolume) {
    },
  },
}
</script>

注意

onLeftVolumeChanged(Number volume)

功能描述

左声道音量变化。

参数

属性类型默认值必填说明
volumeNumbernull音量

示例代码

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onLeftVolumeChanged="onVideoLeftVolumeChanged"/>
  
<script>
export default {
  methods: {
    onVideoLeftVolumeChanged(volume) {
    },
  },
}
</script>

注意

onRightVolumeChanged(Number volume)

功能描述

左声道音量变化。

参数

属性类型默认值必填说明
volumeNumbernull音量

示例代码

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onRightVolumeChanged="onVideoRightVolumeChanged"/>
  
<script>
export default {
  methods: {
    onVideoRightVolumeChanged(volume) {
    },
  },
}
</script>

注意

onDefinitionListChanged(Array definitionList)

功能描述

清晰度列表。

参数

属性类型默认值必填说明
definitionListArraynull清晰度列表

示例代码

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onDefinitionListChanged="onVideoDefinitionListChanged"/>
  
<script>
export default {
  methods: {
    onVideoDefinitionListChanged(definitionList) {
    },
  },
}
</script>

注意

onDefinitionChanged(Number definition)

功能描述

视频当前的清晰度。

参数

属性类型默认值必填说明
definitionNumbernull视频当前的清晰度

示例代码

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onDefinitionChanged="onVideoDefinitionChanged"/>
  
<script>
export default {
  methods: {
    onVideoDefinitionChanged(definition) {
    },
  },
}
</script>

注意

onPlayRateListChanged(Array rateList)

功能描述

播放速率列表。

参数

属性类型默认值必填说明
rateListArraynull播放速率列表

示例代码

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onPlayRateListChanged="onVideoPlayRateListChanged"/>
  
<script>
export default {
  methods: {
    onVideoPlayRateListChanged(rateList) {
    },
  },
}
</script>

注意

onPlayRateChanged(Number rate)

功能描述

当前播放速率。

参数

属性类型默认值必填说明
rateNumbernull当前播放速率

示例代码

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onPlayRateChanged="onVideoPlayRateChanged"/>
  
<script>
export default {
  methods: {
    onVideoPlayRateChanged(rate) {
    },
  },
}
</script>

注意

onDecodeListChanged(Array decodeList)

功能描述

解码类型列表。

参数

属性类型默认值必填说明
decodeListArraynull解码类型列表

示例代码

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onDecodeListChanged="onVideoDecodeListChanged"/>
  
<script>
export default {
  methods: {
    onVideoDecodeListChanged(decodeList) {
    },
  },
}
</script>

注意

onDecodeChanged(Number decode)

功能描述

当前视频解码类型。

参数

属性类型默认值必填说明
decodeNumbernull当前视频解码类型

示例代码

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onDecodeChanged="onVideoDecodeChanged"/>
  
<script>
export default {
  methods: {
    onVideoDecodeChanged(decode) {
    },
  },
}
</script>

注意

onPlayerSeekStart()

功能描述

开始快进。

参数

示例代码

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onPlayerSeekStart="onVideoPlayerSeekStart"/>
  
<script>
export default {
  methods: {
    onVideoPlayerSeekStart() {
    },
  },
}
</script>

注意

onPlayerSeekCompleted()

功能描述

快进完成。

参数

示例代码

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onPlayerSeekCompleted="onVideoPlayerSeekCompleted"/>
  
<script>
export default {
  methods: {
    onVideoPlayerSeekCompleted() {
    },
  },
}
</script>

注意