播放控制

简单的播放控制，处理进度条拖动，暂停开始等交互；

效果预览

使用初探

第 1 步：引入组件

点击查看源码

<script>
import {QtPlayerControl} from "@quicktvui/quicktvui";

export default {
  data() {
    return {
      esPlayerViewList: [QtPlayerControl],
    };
  },
};
</script>

<style scoped>

.es_player_manager_root {
  width: 1920px;
  height: 1080px;
  background-color: black;
}

</style>

第 2 步：注册播放控制到播放控制器

点击查看源码

<template>
<es-player-manager
  :es-player-list="esPlayerList"
  :es-player-view-list="esPlayerViewList"
  ref="es_player_manager"/>
</template>

<script>
import {ESVideoPlayer} from "@extscreen/es-video-player";
import {QtPlayerControl} from "@quicktvui/quicktvui";

export default {
  data() {
    return {
      esPlayerList: [ESVideoPlayer],
      esPlayerViewList: [QtPlayerControl],
    };
  },
  components: {
    'es-player-manager': ESPlayerManager,
  }
};
</script>

<style scoped>

</style>