60 lines
No EOL
2.2 KiB
Text
60 lines
No EOL
2.2 KiB
Text
<script type="text/x-template" id="animatedartwork-view">
|
|
<template v-if="video">
|
|
<div class="animated" v-bind:vid="app.hashCode(video).toString()">
|
|
<video ref="video" class="animated-artwork-video" loop id="animated-artwork"></video>
|
|
</div>
|
|
</template>
|
|
</script>
|
|
|
|
<script>
|
|
Vue.component('animatedartwork-view', {
|
|
template: '#animatedartwork-view',
|
|
props: ['video', 'hls'],
|
|
mounted() {
|
|
if (this.video) {
|
|
|
|
this.$nextTick(function () {
|
|
var config = {
|
|
backBufferLength: 0,
|
|
enableWebVTT: false,
|
|
enableCEA708Captions: false,
|
|
emeEnabled: false,
|
|
abrEwmaDefaultEstimate: 10000,
|
|
testBandwidth: false,
|
|
capLevelToPlayerSize: true
|
|
};
|
|
if (this.hls) {
|
|
console.log('detached');
|
|
this.hls.detachMedia();
|
|
} else {
|
|
|
|
this.hls = new CiderHls(config);
|
|
}
|
|
// bind them together
|
|
if (this.$refs.video) {
|
|
let d = "WIDEVINE_SOFTWARE"
|
|
let h = {
|
|
initDataTypes: ["cenc", "keyids"],
|
|
distinctiveIdentifier: "optional",
|
|
persistentState: "required"
|
|
}
|
|
let p = {
|
|
platformInfo: {requiresCDMAttachOnStart: !0, maxSecurityLevel: d, keySystemConfig: h},
|
|
appData: {serviceName: "Apple Music"}
|
|
}
|
|
this.hls.attachMedia(this.$refs.video);
|
|
this.hls.loadSource(this.video);
|
|
this.hls.loadLevel = 4;
|
|
}
|
|
})
|
|
}
|
|
},
|
|
async beforeDestroy() {
|
|
if(this.hls) {
|
|
await this.hls.destroy();
|
|
this.hls = null
|
|
console.log('killed')
|
|
}
|
|
}
|
|
});
|
|
</script> |