2 lines
16 KiB
JavaScript
2 lines
16 KiB
JavaScript
"use strict";(self["webpackChunkplatypush"]=self["webpackChunkplatypush"]||[]).push([[5962],{1065:function(t,e,s){s.d(e,{Z:function(){return o}});s(7658);var a=s(8637),n={name:"Utils",mixins:[a.Z],computed:{audioExtensions(){return new Set(["3gp","aa","aac","aax","act","aiff","amr","ape","au","awb","dct","dss","dvf","flac","gsm","iklax","ivs","m4a","m4b","m4p","mmf","mp3","mpc","msv","nmf","nsf","ogg,","opus","ra,","raw","sln","tta","vox","wav","wma","wv","webm","8svx"])},videoExtensions(){return new Set(["webm","mkv","flv","flv","vob","ogv","ogg","drc","gif","gifv","mng","avi","mts","m2ts","mov","qt","wmv","yuv","rm","rmvb","asf","amv","mp4","m4p","m4v","mpg","mp2","mpeg","mpe","mpv","mpg","mpeg","m2v","m4v","svi","3gp","3g2","mxf","roq","nsv","flv","f4v","f4p","f4a","f4b"])},mediaExtensions(){return new Set([...this.videoExtensions,...this.audioExtensions])}},methods:{convertTime(t){t=parseFloat(t);const e={};e.h=""+parseInt(t/3600),e.m=""+parseInt(t/60-60*e.h),e.s=""+parseInt(t-(3600*e.h+60*e.m));for(const a of["m","s"])parseInt(e[a])<10&&(e[a]="0"+e[a]);const s=[];return parseInt(e.h)&&s.push(e.h),s.push(e.m,e.s),s.join(":")},async startStreaming(t,e,s=!1){let a=t,n=null;t instanceof Object?(a=t.url,n=t.subtitles):t={url:a};const l=await this.request(`${e}.start_streaming`,{media:a,subtitles:n,download:s});return{...t,...l}},async stopStreaming(t,e){await this.request(`${e}.stop_streaming`,{media_id:t})}}};const l=n;var o=l},5962:function(t,e,s){s.d(e,{Z:function(){return Lt}});var a=s(6252);const n={class:"media-container"},l={class:"view-container"},o={class:"controls-container"};function u(t,e,s,u,i,r){const c=(0,a.up)("Controls");return(0,a.wg)(),(0,a.iD)("div",n,[(0,a._)("div",l,[(0,a.WI)(t.$slots,"default",{},void 0,!0)]),(0,a._)("div",o,[(0,a.Wm)(c,{status:s.status,track:s.track,buttons:s.buttons,onPlay:e[0]||(e[0]=e=>t.$emit("play",e)),onPause:e[1]||(e[1]=e=>t.$emit("pause",e)),onStop:e[2]||(e[2]=e=>t.$emit("stop")),onPrevious:e[3]||(e[3]=e=>t.$emit("previous")),onNext:e[4]||(e[4]=e=>t.$emit("next")),onSeek:e[5]||(e[5]=e=>t.$emit("seek",e)),onSetVolume:e[6]||(e[6]=e=>t.$emit("set-volume",e)),onConsume:e[7]||(e[7]=e=>t.$emit("consume",e)),onRepeat:e[8]||(e[8]=e=>t.$emit("repeat",e)),onRandom:e[9]||(e[9]=e=>t.$emit("random",e)),onSearch:e[10]||(e[10]=e=>t.$emit("search",e)),onMute:e[11]||(e[11]=e=>t.$emit("mute")),onUnmute:e[12]||(e[12]=e=>t.$emit("unmute"))},null,8,["status","track","buttons"])])])}var i=s(3577),r=s(9963);const c=t=>((0,a.dD)("data-v-64249ecb"),t=t(),(0,a.Cn)(),t),m={class:"row"},p=c((()=>(0,a._)("div",{class:"col-3"},null,-1))),d={class:"col-6 buttons"},v={class:"buttons"},k=c((()=>(0,a._)("i",{class:"icon fa fa-step-backward"},null,-1))),b=[k],g=c((()=>(0,a._)("i",{class:"icon fa fa-stop"},null,-1))),f=[g],h=c((()=>(0,a._)("i",{class:"icon fa fa-step-forward"},null,-1))),y=[h],w=c((()=>(0,a._)("div",{class:"col-3"},null,-1))),_={class:"row"},$={class:"row"},x={class:"controls"},C={class:"playback-controls until tablet col-2"},D={class:"track-container col-s-9 col-m-9 col-l-3"},S={key:0,class:"track-info"},q={key:0,class:"img-container"},P=["src","alt"],I={class:"title-container"},Z={key:0,class:"title"},R=["href","textContent"],T=["href","textContent"],j=["textContent"],W={key:1,class:"artist"},O=["href","textContent"],U={class:"playback-controls from desktop col-6"},z={class:"row buttons"},M=c((()=>(0,a._)("i",{class:"icon fa fa-step-backward"},null,-1))),N=[M],B=c((()=>(0,a._)("i",{class:"icon fa fa-stop"},null,-1))),E=[B],V=c((()=>(0,a._)("i",{class:"icon fa fa-step-forward"},null,-1))),L=[V],A={class:"row"},H={class:"col-1 until tablet right-controls"},F=["title"],Y={class:"col-3 from desktop right-controls"};function G(t,e,s,n,l,o){const u=(0,a.up)("VolumeSlider"),c=(0,a.up)("ExtraControls"),k=(0,a.up)("ProgressBar"),g=(0,a.up)("PlayPauseButton");return(0,a.wg)(),(0,a.iD)(a.HY,null,[(0,a._)("div",{class:(0,i.C_)(["extension fade-in",{hidden:!l.expanded}])},[(0,a._)("div",m,[p,(0,a._)("div",d,[(0,a._)("div",v,[l.buttons_.previous?((0,a.wg)(),(0,a.iD)("button",{key:0,onClick:e[0]||(e[0]=e=>t.$emit("previous")),title:"Play previous track"},b)):(0,a.kq)("",!0),l.buttons_.stop&&"stop"!==s.status.state?((0,a.wg)(),(0,a.iD)("button",{key:1,onClick:e[1]||(e[1]=e=>t.$emit("stop")),title:"Stop playback"},f)):(0,a.kq)("",!0),l.buttons_.next?((0,a.wg)(),(0,a.iD)("button",{key:2,onClick:e[2]||(e[2]=e=>t.$emit("next")),title:"Play next track"},y)):(0,a.kq)("",!0)])]),w]),(0,a._)("div",_,[(0,a.Wm)(u,{value:s.status.volume,range:s.volumeRange,status:s.status,onMute:e[3]||(e[3]=e=>t.$emit("mute")),onUnmute:e[4]||(e[4]=e=>t.$emit("unmute")),onSetVolume:e[5]||(e[5]=e=>t.$emit("set-volume",e))},null,8,["value","range","status"]),(0,a.Wm)(c,{status:s.status,buttons:l.buttons_,onConsume:e[6]||(e[6]=e=>t.$emit("consume",!s.status.consume)),onRandom:e[7]||(e[7]=e=>t.$emit("random",!s.status.random)),onRepeat:e[8]||(e[8]=e=>t.$emit("repeat",!s.status.repeat))},null,8,["status","buttons"])]),(0,a._)("div",$,[(0,a.Wm)(k,{elapsed:l.elapsed,duration:o.duration,status:s.status,onSeek:e[9]||(e[9]=e=>t.$emit("seek",e))},null,8,["elapsed","duration","status"])])],2),(0,a._)("div",x,[(0,a._)("div",C,[(0,a.Wm)(g,{status:s.status,onPlay:e[10]||(e[10]=e=>t.$emit("play")),onPause:e[11]||(e[11]=e=>t.$emit("pause"))},null,8,["status"])]),(0,a._)("div",D,[s.track&&"stop"!==s.status?.state?((0,a.wg)(),(0,a.iD)("div",S,[s.track.image?((0,a.wg)(),(0,a.iD)("div",q,[(0,a._)("img",{class:"image from desktop",src:s.track.image,alt:s.track.title},null,8,P)])):(0,a.kq)("",!0),(0,a._)("div",I,["play"===s.status.state||"pause"===s.status.state?((0,a.wg)(),(0,a.iD)("div",Z,[s.track.album?((0,a.wg)(),(0,a.iD)("a",{key:0,href:t.$route.fullPath,textContent:(0,i.zw)(s.track.title?.length?s.track.title:"[No Title]"),onClick:e[12]||(e[12]=(0,r.iM)((e=>t.$emit("search",{artist:s.track.artist,album:s.track.album})),["prevent"]))},null,8,R)):s.track.url?((0,a.wg)(),(0,a.iD)("a",{key:1,href:s.track.url,textContent:(0,i.zw)(s.track.title?.length?s.track.title:"[No Title]")},null,8,T)):((0,a.wg)(),(0,a.iD)("span",{key:2,textContent:(0,i.zw)(s.track.title?.length?s.track.title:"[No Title]")},null,8,j))])):(0,a.kq)("",!0),!s.track.artist?.length||"play"!==s.status.state&&"pause"!==s.status.state?(0,a.kq)("",!0):((0,a.wg)(),(0,a.iD)("div",W,[(0,a._)("a",{href:t.$route.fullPath,textContent:(0,i.zw)(s.track.artist),onClick:e[13]||(e[13]=(0,r.iM)((e=>t.$emit("search",{artist:s.track.artist})),["prevent"]))},null,8,O)]))])])):(0,a.kq)("",!0)]),(0,a._)("div",U,[(0,a._)("div",z,[l.buttons_.previous?((0,a.wg)(),(0,a.iD)("button",{key:0,onClick:e[14]||(e[14]=e=>t.$emit("previous")),title:"Play previous track"},N)):(0,a.kq)("",!0),(0,a.Wm)(g,{status:s.status,onPlay:e[15]||(e[15]=e=>t.$emit("play")),onPause:e[16]||(e[16]=e=>t.$emit("pause"))},null,8,["status"]),l.buttons_.stop&&"stop"!==s.status.state?((0,a.wg)(),(0,a.iD)("button",{key:1,onClick:e[17]||(e[17]=e=>t.$emit("stop")),title:"Stop playback"},E)):(0,a.kq)("",!0),l.buttons_.next?((0,a.wg)(),(0,a.iD)("button",{key:2,onClick:e[18]||(e[18]=e=>t.$emit("next")),title:"Play next track"},L)):(0,a.kq)("",!0)]),(0,a._)("div",A,[(0,a.Wm)(k,{elapsed:l.elapsed,duration:o.duration,status:s.status,onSeek:e[19]||(e[19]=e=>t.$emit("seek",e))},null,8,["elapsed","duration","status"])])]),(0,a._)("div",H,[(0,a._)("button",{onClick:e[20]||(e[20]=t=>l.expanded=!l.expanded),title:l.expanded?"Show more controls":"Hide extra controls"},[(0,a._)("i",{class:(0,i.C_)(["fas",["fa-chevron-"+(l.expanded?"down":"up")]])},null,2)],8,F)]),(0,a._)("div",Y,[(0,a.Wm)(u,{value:s.status.volume,range:s.volumeRange,status:s.status,onMute:e[21]||(e[21]=e=>t.$emit("mute")),onUnmute:e[22]||(e[22]=e=>t.$emit("unmute")),onSetVolume:e[23]||(e[23]=e=>t.$emit("set-volume",e))},null,8,["value","range","status"]),(0,a.Wm)(c,{status:s.status,buttons:l.buttons_,onConsume:e[24]||(e[24]=e=>t.$emit("consume",!s.status.consume)),onRandom:e[25]||(e[25]=e=>t.$emit("random",!s.status.random)),onRepeat:e[26]||(e[26]=e=>t.$emit("repeat",!s.status.repeat))},null,8,["status","buttons"])])])],64)}var J=s(8637),K=s(1065);const Q=t=>((0,a.dD)("data-v-772c7a5b"),t=t(),(0,a.Cn)(),t),X={class:"extra-controls-container"},tt=Q((()=>(0,a._)("i",{class:"icon fa fa-utensils"},null,-1))),et=[tt],st=Q((()=>(0,a._)("i",{class:"icon fa fa-random"},null,-1))),at=[st],nt=Q((()=>(0,a._)("i",{class:"icon fa fa-redo"},null,-1))),lt=[nt];function ot(t,e,s,n,l,o){return(0,a.wg)(),(0,a.iD)("div",X,[s.buttons.consume?((0,a.wg)(),(0,a.iD)("button",{key:0,onClick:e[0]||(e[0]=e=>t.$emit("consume")),class:(0,i.C_)({enabled:s.status.consume}),title:"Toggle consume mode"},et,2)):(0,a.kq)("",!0),s.buttons.random?((0,a.wg)(),(0,a.iD)("button",{key:1,onClick:e[1]||(e[1]=e=>t.$emit("random")),class:(0,i.C_)({enabled:s.status.random}),title:"Toggle shuffle"},at,2)):(0,a.kq)("",!0),s.buttons.repeat?((0,a.wg)(),(0,a.iD)("button",{key:2,onClick:e[2]||(e[2]=e=>t.$emit("repeat")),class:(0,i.C_)({enabled:s.status.repeat}),title:"Toggle repeat"},lt,2)):(0,a.kq)("",!0)])}var ut={emits:["consume","random","repeat"],props:{status:{type:Object,default:()=>({})},buttons:{type:Object,default:()=>({})}}},it=s(3744);const rt=(0,it.Z)(ut,[["render",ot],["__scopeId","data-v-772c7a5b"]]);var ct=rt;const mt=["title"],pt={key:0,class:"icon play-pause fa fa-pause"},dt={key:1,class:"icon play-pause fa fa-play"};function vt(t,e,s,n,l,o){return(0,a.wg)(),(0,a.iD)("button",{onClick:e[0]||(e[0]=e=>t.$emit("play"===s.status.state?"pause":"play")),title:"play"===s.status.state?"Pause":"Play"},["play"===s.status.state?((0,a.wg)(),(0,a.iD)("i",pt)):((0,a.wg)(),(0,a.iD)("i",dt))],8,mt)}var kt={emits:["play","pause"],props:{status:{type:Object,default:()=>({})}}};const bt=(0,it.Z)(kt,[["render",vt],["__scopeId","data-v-a742ddb0"]]);var gt=bt;const ft={class:"progress-bar-container"},ht={class:"col-s-2 col-m-1 time"},yt=["textContent"],wt={class:"col-s-8 col-m-10 time-bar"},_t={class:"col-s-2 col-m-1 time"},$t=["textContent"];function xt(t,e,s,n,l,o){const u=(0,a.up)("Slider");return(0,a.wg)(),(0,a.iD)("div",ft,[(0,a._)("div",ht,[(0,a._)("span",{class:"elapsed-time",textContent:(0,i.zw)(null==s.elapsed||"play"!==s.status.state&&"pause"!==s.status.state?"-:--":t.convertTime(s.elapsed))},null,8,yt)]),(0,a._)("div",wt,[(0,a.Wm)(u,{value:s.elapsed,range:[0,s.duration],disabled:!s.duration||"stop"===s.status.state,onInput:e[0]||(e[0]=e=>t.$emit("seek",e.target.value))},null,8,["value","range","disabled"])]),(0,a._)("div",_t,[(0,a._)("span",{class:"total-time",textContent:(0,i.zw)(s.duration&&"stop"!==s.status.state?t.convertTime(s.duration):"-:--")},null,8,$t)])])}var Ct=s(4358),Dt={components:{Slider:Ct.Z},emits:["seek"],mixins:[K.Z],props:{elapsed:{type:Number},duration:{type:Number},status:{type:Object,default:()=>({})}}};const St=(0,it.Z)(Dt,[["render",xt],["__scopeId","data-v-1dd8e0ae"]]);var qt=St;const Pt={class:"volume-slider-container"},It={class:"col-1"},Zt=["disabled","title"],Rt={key:0,class:"icon fa fa-volume-xmark"},Tt={key:1,class:"icon fa fa-volume-up"},jt={class:"col-11 volume-slider"};function Wt(t,e,s,n,l,o){const u=(0,a.up)("Slider");return(0,a.wg)(),(0,a.iD)("div",Pt,[(0,a._)("div",It,[(0,a._)("button",{disabled:null==s.status.mute,title:s.status.mute?"Muted":"Unmuted",onClick:e[0]||(e[0]=e=>t.$emit(s.status.mute?"unmute":"mute"))},[s.status.mute?((0,a.wg)(),(0,a.iD)("i",Rt)):((0,a.wg)(),(0,a.iD)("i",Tt))],8,Zt)]),(0,a._)("div",jt,[(0,a.Wm)(u,{value:s.status.volume,range:s.volumeRange,disabled:null==s.status.volume,onInput:e[1]||(e[1]=e=>t.$emit("set-volume",e.target.value))},null,8,["value","range","disabled"])])])}var Ot={components:{Slider:Ct.Z},emits:["set-volume","mute","unmute"],props:{volumeRange:{type:Array,default:()=>[0,100]},status:{type:Object,default:()=>({})}}};const Ut=(0,it.Z)(Ot,[["render",Wt],["__scopeId","data-v-47bd5147"]]);var zt=Ut,Mt={components:{ExtraControls:ct,PlayPauseButton:gt,ProgressBar:qt,VolumeSlider:zt},mixins:[J.Z,K.Z],emits:["consume","mute","next","pause","play","previous","random","repeat","search","seek","set-volume","stop","unmute"],props:{track:{type:Object},status:{type:Object,default:()=>{}},buttons:{type:Object,default:()=>({previous:!0,next:!0,stop:!0,consume:!0,random:!0,repeat:!0})},volumeRange:{type:Array,default:()=>[0,100]}},data(){const t=Object.keys(this.buttons)?.length?this.buttons:{previous:!0,next:!0,stop:!0,consume:!0,random:!0,repeat:!0};return{expanded:!1,lastSync:0,elapsed:this.status?.elapsed||this.status?.position,buttons_:t}},computed:{duration(){return null!=this.status?.duration?this.status.duration:this.track?.duration}},methods:{getTime(){return(new Date).getTime()/1e3}},mounted(){const t=this;this.lastSync=this.getTime(),this.$watch((()=>this.track),(e=>{e&&"play"===t.status?.state||(t.lastSync=this.getTime())})),this.$watch((()=>this.status),(()=>{t.lastSync=this.getTime()})),setInterval((()=>{"stop"!==t.status?.state&&(t.elapsed=t.status?.elapsed||t.status?.position||0,"play"===t.status?.state&&(t.elapsed+=Math.round(this.getTime()-t.lastSync)))}),1e3)}};const Nt=(0,it.Z)(Mt,[["render",G],["__scopeId","data-v-64249ecb"]]);var Bt=Nt,Et={name:"View",components:{Controls:Bt},emits:["consume","mute","next","pause","play","previous","random","repeat","search","seek","set-volume","stop","unmute"],props:{pluginName:{type:String,required:!0},status:{type:Object,default:()=>{}},track:{type:Object},buttons:{type:Object}}};const Vt=(0,it.Z)(Et,[["render",u],["__scopeId","data-v-7a861c3a"]]);var Lt=Vt},4358:function(t,e,s){s.d(e,{Z:function(){return f}});var a=s(6252),n=s(3577),l=s(9963);const o={class:"slider-wrapper"},u=["textContent"],i=["textContent"],r={class:"slider-container"},c=["min","max","step","disabled","value"],m={class:"track-inner",ref:"track"},p={class:"thumb",ref:"thumb"},d=["textContent"];function v(t,e,s,v,k,b){return(0,a.wg)(),(0,a.iD)("label",o,[s.withRange?((0,a.wg)(),(0,a.iD)("span",{key:0,class:(0,n.C_)(["range-labels",{"with-label":s.withLabel}])},[s.withRange?((0,a.wg)(),(0,a.iD)("span",{key:0,class:"label left",textContent:(0,n.zw)(s.range[0])},null,8,u)):(0,a.kq)("",!0),s.withRange?((0,a.wg)(),(0,a.iD)("span",{key:1,class:"label right",textContent:(0,n.zw)(s.range[1])},null,8,i)):(0,a.kq)("",!0)],2)):(0,a.kq)("",!0),(0,a._)("span",r,[(0,a._)("input",{class:(0,n.C_)(["slider",{"with-label":s.withLabel}]),type:"range",min:s.range[0],max:s.range[1],step:s.step,disabled:s.disabled,value:s.value,ref:"range",onInput:e[0]||(e[0]=(0,l.iM)(((...t)=>b.onUpdate&&b.onUpdate(...t)),["stop"])),onChange:e[1]||(e[1]=(0,l.iM)(((...t)=>b.onUpdate&&b.onUpdate(...t)),["stop"]))},null,42,c),(0,a._)("div",{class:(0,n.C_)(["track",{"with-label":s.withLabel}])},[(0,a._)("div",m,null,512)],2),(0,a._)("div",p,null,512),s.withLabel?((0,a.wg)(),(0,a.iD)("span",{key:0,class:"label",textContent:(0,n.zw)(s.value),ref:"label"},null,8,d)):(0,a.kq)("",!0)])])}var k={name:"Slider",emits:["input","change","mouseup","mousedown","touchstart","touchend","keyup","keydown"],props:{value:{type:Number},disabled:{type:Boolean,default:!1},range:{type:Array,default:()=>[0,100]},step:{type:Number,default:1},withLabel:{type:Boolean,default:!1},withRange:{type:Boolean,default:!1}},methods:{onUpdate(t){this.update(t.target.value),this.$emit(t.type,{...t,target:{...t.target,value:this.$refs.range.value}})},update(t){const e=this.$refs.range.clientWidth,s=(t-this.range[0])/(this.range[1]-this.range[0]),a=s*e,n=this.$refs.thumb;n.style.left=a-n.clientWidth/2+"px",this.$refs.thumb.style.transform=`translate(-${s}%, -50%)`,this.$refs.track.style.width=`${a}px`}},mounted(){null!=this.value&&this.update(this.value),this.$watch((()=>this.value),(t=>this.update(t)))}},b=s(3744);const g=(0,b.Z)(k,[["render",v],["__scopeId","data-v-4b38623f"]]);var f=g}}]);
|
|
//# sourceMappingURL=5962.8488ea6d.js.map
|