master
parent
97d2f4fb4a
commit
8818e0bea3
13 changed files with 338 additions and 44 deletions
@ -0,0 +1,77 @@ |
||||
import util from '@/libs/util' |
||||
export default { |
||||
data() { |
||||
return { |
||||
playAuth: '', |
||||
player: null, |
||||
iframeSrc: '', |
||||
pdfVisible: false, |
||||
pdfSrc: '', |
||||
imgName: '', |
||||
imgSrc: '' |
||||
} |
||||
}, |
||||
mounted() { |
||||
this.insertScript() |
||||
}, |
||||
methods: { |
||||
preview(url,isVideo){ |
||||
let ext = util.getFileExt(url) |
||||
if(isVideo){ |
||||
this.$get(`${this.api.getPlayAuth}/${url}`).then(res => { |
||||
this.playAuth = res.data.playAuth |
||||
if(this.player){ |
||||
this.player.replayByVidAndPlayAuth(url,this.playAuth) |
||||
}else{ |
||||
this.player = new Aliplayer({ |
||||
id: 'player', |
||||
width: '100%', |
||||
autoplay: false, |
||||
vid : url, |
||||
playauth : this.playAuth, |
||||
encryptType:1, //当播放私有加密流时需要设置。
|
||||
}) |
||||
} |
||||
}).catch(res => {}) |
||||
}else if(ext == 'pdf'){ |
||||
this.pdfSrc = url |
||||
this.pdfVisible = true |
||||
}else if(util.isDoc(ext)){ |
||||
window.open(`https://view.officeapps.live.com/op/view.aspx?src=${url}`) |
||||
}else if(util.isImg(ext)){ |
||||
window.open(url) |
||||
} |
||||
}, |
||||
insertScript(){ |
||||
const linkTag = document.createElement('link') |
||||
linkTag.id = 'aliplayerLink' |
||||
linkTag.rel = 'stylesheet' |
||||
linkTag.href = 'https://g.alicdn.com/de/prismplayer/2.8.2/skins/default/aliplayer-min.css' |
||||
document.body.appendChild(linkTag) |
||||
|
||||
const scriptTag = document.createElement('script') |
||||
scriptTag.id = 'aliplayerScript' |
||||
scriptTag.type = 'text/javascript' |
||||
scriptTag.src = 'https://g.alicdn.com/de/prismplayer/2.8.2/aliplayer-min.js' |
||||
document.body.appendChild(scriptTag) |
||||
this.$once('hook:beforeDestroy', function () { |
||||
document.body.removeChild(document.querySelector('#aliplayerLink')) |
||||
document.body.removeChild(document.querySelector('#aliplayerScript')) |
||||
}) |
||||
}, |
||||
closePlayer(){ |
||||
this.playAuth = '' |
||||
this.player.pause() |
||||
}, |
||||
download(fileName,url){ |
||||
let ext = util.getFileExt(url) |
||||
if(util.isImg(ext)){ |
||||
this.imgName = fileName |
||||
this.imgSrc = url |
||||
this.$refs.picLink.click() |
||||
}else{ |
||||
window.open(url) |
||||
} |
||||
} |
||||
} |
||||
} |
||||
Loading…
Reference in new issue