Aliplayer简单封装
最进公司在做直播项目的。用到阿里Aliplayer播放器,一开始看文档不是太明白,我折腾好几天,用别人封装好的Aliplayer但是不是我的理想型,我这边要实现:试看和记忆播放2,于是看了前辈封装代码,自己从新封装适合自己代码,方便自己维护。
Aliplayer组件封装
- 引用官方js 官方文档:
https://player.alicdn.com/aliplayer/index.html
2.因为我需要用到试看和记忆播放,所有我引用 aliplayercomponents-1.0.5.min.js 官方文档: https://player.alicdn.com/aliplayer/presentation/index.html?type=memoryPlay
目前试看可以,但是记忆点播有问题,但是如果你们一个视频只用一个就可以没有问题,想测试直接注释代码打开就可以,一个视频共用记忆点播就有问题,等我有时间在完善看看,或者你们有完善代码或者思路留言,谢谢拉,
<template>
<div class="">
<div class="prism-player" :id="playerId" :style="playerStyle"></div>
</div>
</template>
<script>
window.AliPlayerComponent = {
PreviewVodComponent:()=>{
},
MemoryPlayComponent:()=>{
}
}
export default {
name: "Aliplayer",
props: {
freeType:{
type: Number,
default: 0
},
playerStyle: {
type: String,
default: ""
},
sfreeTime:{
type: Number,
default: 0
},
isLive: {
type: Boolean,
default: false
},
playauth: {
type: String,
default: ''
},
source: {
type: String,
default: ""
},
cover: {
type: String,
default: ""
},
cssLink:{
//css版本源
required: false,
type: [String],
default: `https://g.alicdn.com/de/prismplayer/2.8.2/skins/default/aliplayer-min.css`
},
scriptSrc:{
//js版本源
required: false,
type: [String],
default: