https://www.pressplay.cc/public/0ef28a1ade/js/chunk/components/com…/PPAudio.bundle.js?v=125df42f2eec7619b94a

1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[23916],{70179:(t,e,o)=>{o.d(e,{$h:()=>p,Fj:()=>m});function a(t){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},a(t)}function i(t,e){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);e&&(a=a.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.push.apply(o,a)}return o}function n(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?i(Object(o),!0).forEach((function(e){r(t,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):i(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}function r(t,e,o){var i;return i=function(t,e){if("object"!=a(t)||!t)return t;var o=t[Symbol.toPrimitive];if(void 0!==o){var i=o.call(t,e||"default");if("object"!=a(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(e,"string"),(e="symbol"==a(i)?i:i+"")in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}var u={duration:null,fileSize:null,vol:null,data:null,status:null,currentPlayTime:null,rate:1},s={setAudioData:function(t,e){var o=JSON.parse(JSON.stringify(e));t.AudioData=n(n({},t.AudioData),o)},destroyAudio:function(t){t.WAVBlobData=null,t.AudioLoading=!1,t.AudioPlayer=null,t.AudioData=JSON.parse(JSON.stringify(u)),t.isAppRecord=!1},resetAudio:function(t){t.WAVBlobData=null},getWAVBlobData:function(t,e){t.WAVBlobData=e},setAudioLimit:function(t,e){t.AudioLimit=e},setAudioLoading:function(t,e){t.AudioLoading=e},setAudioPlayer:function(t,e){t.AudioPlayer=e},setErrorMsg:function(t,e){t.ErrorMsg=e},setAudioPlayBackRate:function(t,e){t.AudioPlayer.playbackRate=e,t.AudioData=n(n({},t.AudioData),{rate:e})},setIsAppRecord:function(t,e){t.isAppRecord=e}};function l(t){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},l(t)}function c(t,e){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);e&&(a=a.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.push.apply(o,a)}return o}function d(t,e,o){var a;return a=function(t,e){if("object"!=l(t)||!t)return t;var o=t[Symbol.toPrimitive];if(void 0!==o){var a=o.call(t,e||"default");if("object"!=l(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(e,"string"),(e="symbol"==l(a)?a:a+"")in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}var p="PPAudioPlayer",m={state:function(){return{AudioLoading:!1,AudioObj:null,AudioData:{duration:null,fileSize:null,vol:null,data:null,currentPlayTime:null,status:null,rate:1},WAVBlobData:null,AudioConfig:{channels:1,sampleRate:44100,sampleBits:16},AudioLimit:{size:5e6,duration:300},AudioPlayer:null,ErrorMsg:null,isAppRecord:!1}},mutations:s,actions:{},getters:{AudioData:function(t){return t.AudioData},WAVBlobData:function(t){return t.WAVBlobData},AudioLimit:function(t){return t.AudioLimit},AudioConfig:function(t){return t.AudioConfig},AudioLoading:function(t){return t.AudioLoading},AudioPlayer:function(t){return t.AudioPlayer},ErrorMsg:function(t){return t.ErrorMsg},isAppRecord:function(t){return t.isAppRecord}},namespaced:!0};!function(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?c(Object(o),!0).forEach((function(e){d(t,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):c(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}}({module_name:p},m)},59098:(t,e,o)=>{o.r(e),o.d(e,{default:()=>y});var a=o(6496),i=["id","rel"];var n,r=o(89590),u=o(28085),s=(o(56754),o(33920)),l=o.n(s),c=o(70179);function d(t){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},d(t)}function p(t,e){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);e&&(a=a.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.push.apply(o,a)}return o}function m(t,e,o){var a;return a=function(t,e){if("object"!=d(t)||!t)return t;var o=t[Symbol.toPrimitive];if(void 0!==o){var a=o.call(t,e||"default");if("object"!=d(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(e,"string"),(e="symbol"==d(a)?a:a+"")in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}const A={name:"PPAudio",components:{},props:{limit:{type:Object,default:function(){return{size:15728640,duration:600}}},hasBorder:{type:Boolean,default:!0}},emits:[],data:function(){return{audio:document.createElement("audio"),dragFileTimer:null,id:u.Yj.getRandomString(10),currentPlayTimer:null}},computed:function(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};

1e%2?p(Object(o),!0).forEach((function(e){m(t,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):p(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}({},(0,r.mapGetters)({AudioData:"".concat(c.$h,"/AudioData"),WAVBlobData:"".concat(c.$h,"/WAVBlobData"),AudioLimit:"".concat(c.$h,"/AudioLimit"),AudioConfig:"".concat(c.$h,"/AudioConfig"),AudioLoading:"".concat(c.$h,"/AudioLoading"),AudioPlayer:"".concat(c.$h,"/AudioPlayer"),isAppRecord:"".concat(c.$h,"/isAppRecord")})),watch:{},beforeCreate:function(){this.$store.state[c.$h]||this.$store.registerModule(c.$h,c.Fj)},created:function(){var t=this;if(this.$store.commit("".concat(c.$h,"/setAudioLimit"),this.limit),u.Vp.isMobileApp()){var e={function:5,maxFileSize:this.limit.size/1024/1024,maxFileDuration:this.limit.duration};u.Vp.recorderCommand(e),(0,u.FE)("updateRecorderInfo",(function(e){var o=JSON.parse(e);switch(o.currentTime&&0!==o.currentTime&&t.commitAudioData({duration:o.currentTime}),o.currentStatus){case 0:t.commitAudioData({status:null});break;case 1:null==t.AudioData.status&&t.setAudioLoading(!1),t.commitAudioData({status:"start"}),t.$store.commit("".concat(c.$h,"/setIsAppRecord"),!0);break;case 2:t.commitAudioData({status:"pause"});break;case 3:t.commitAudioData({status:"stop"});break;default:t.setErrorMsg(o.errorDescription),t.stopAudio()}})),(0,u.FE)("setAudioDataWithBase64",(function(e){var o=JSON.parse(e),a=/base64,(.*)/.exec(o.base64String);t.b64toBlob(a[1],o.mimeType),t.handleBase64Audio(o.base64String,o.mimeType)}))}},beforeMount:function(){},mounted:function(){var t=this;this.dragFileTimer=setInterval((function(){t.dragFileProcess()}),500)},beforeUpdate:function(){},updated:function(){},beforeUnmount:function(){var t=this;u.Vp.isMobileApp()?t.isPlaying(t.AudioPlayer)&&t.AudioPlayer.pause():t.isFile(t.WAVBlobData)?t.isPlaying(t.AudioPlayer)&&t.AudioPlayer.stop():n&&n.stop(),this.destroyAudio(),clearInterval(this.dragFileTimer),clearInterval(this.currentPlayTimer),null!==document.querySelector(".js-file-upload-input")&&(document.querySelector(".js-file-upload-input").value="")},unmounted:function(){},methods:{dragFileProcess:function(){var t=this,e=document.getElementById(t.id);e&&(e.ondragover=function(){return e.classList.add("hover"),!1},e.ondragend=function(){return e.classList.remove("hover"),!1},e.ondragleave=function(){return e.classList.remove("hover"),!1},e.ondrop=function(o){e.classList.remove("hover"),o.preventDefault(),t.setAudio(o.dataTransfer.files[0])})},startAudio:function(){var t=this,e=this;if(this.setErrorMsg(null),e.$store.dispatch("setGlobalPlayerInfoPlayStatus",{status:"pause",force:!0}),e.setAudioLoading(!0),u.Vp.isMobileApp()){u.Vp.recorderCommand({function:1}),e.commitAudioData({duration:0})}else l().getPermission().then((function(){e.setAudioLoading(!1),n&&(n.destroy(),n=null);var t=new(l())({channels:e.AudioConfig.channels,sampleBits:e.AudioConfig.sampleBits,sampleRate:e.AudioConfig.sampleRate,compiling:!0});n=t,e.commitAudioData(n),n.start().then((function(){e.commitAudioData({status:"start"})}),(function(t){})),n.onprogress=function(t){t.duration>e.AudioLimit.duration&&(e.stopAudio(),e.setErrorMsg("錄音時間過長，最多 600 秒"),e.clearCurrentPlayTimer()),e.commitAudioData(t)},n.onplayend=function(t){e.commitAudioData({status:"stopPlay",currentPlayTime:null}),e.clearCurrentPlayTimer()}}),(function(e){t.setErrorMsg("無麥克風權限，無法開始錄音")}));u.zT.pageAction("AudioRecordPlayer_btn_click",{isApp:u.Vp.isMobileApp(),type:u.Vp.getAppType(),status:"start"}),u.Xe.gtag("event","add_audio_click",{event_category:"Assignment",event_label:{type:"recording"}})},pauseAudio:function(){if(u.Vp.isMobileApp()){u.Vp.recorderCommand({function:2})}else this.commitAudioData({status:"pause"}),n.pause();u.zT.pageAction("AudioRecordPlayer_btn_click",{isApp:u.Vp.isMobileApp(),type:u.Vp.getAppType(),status:"pause"})},resumeAudio:function(){if(u.Vp.isMobileApp()){u.Vp.recorderCommand({function:3})}else this.commitAudioData({status:"resume"}),n.resume();u.zT.pageAction("AudioRecordPlayer_btn_click",{isApp:u.Vp.isMobileApp(),type:u.Vp.getAppType(),status:"resume"})},stopAudio:function(){var t=this;if(u.Vp.isMobileApp()){u.Vp.recorderCommand({function:4})}else if(n.stop(),t.AudioData.duration<=3)t.destroyAudio(),t.setErrorMsg("錄音過短，最少 3 秒");else{t.commitAudioData({status:"stop"});var e,o=n.getWAVBlob(),a=new FileReader,i="";a.readAsDataURL(o),a.onloadend=function(o){i=a.result;e=/data:(.*);base64,(.*)/.exec(i);for(var n=window.atob(e[2]),r=n.length,u=new Uint8Array(new ArrayBuffer(r)),s=0;s<r;s+=1)u[s]=n.charCodeAt(s);var l=new Blob([u],{type:e[1]});t.$store.commit("".concat(c.$h,"/getWAVBlobData"),l);var d=document.createElement("audio");d.src=o.target.result,d.addEventListener("loadedmetadata",(function(){var e=d.duration;e<=3&&(t.destroyAudio(),setTimeout((function(){t.setErrorMsg("錄音過短，最少 3 秒")}),100)),t.commitAudioData({duration:e,fileSize:o.size,status:"stop"}),t.$store.commit("".concat(c.$h,"/setAudioPlayer"),d)}),!1),d.onended=function(){t.commitAudioData({status:"stopPlay",currentPlayTime:null}),t.clearCurrentPlayTimer()}}}u.zT.pageAction("AudioRecordPlayer_btn_click",{isApp:u.Vp.isMobileApp(),type:u.Vp.getAppType(),status:"stop"})},playAudio:function(){var t=this,e=this;u.Vp.isMobileApp()?(e.AudioPlayer.play(),e.commitAudioData({status:"playUpload"}),e.currentPlayTimer=setInterval((function(){t.commitAudioData({currentPlayTime:e.AudioPlayer.currentTime})}),100)):(e.commitAudioData({status:"play"}),e.isFile(e.WAVBlobData)?(e.AudioPlayer.play(),e.currentPlayTimer=setInterval((function(){t.commitAudioData({currentPlayTime:e.AudioPlayer.currentTime})}),100)):(e.AudioPlayer.play(),e.currentPlayTimer=setInterval((function(){t.commitAudioData({currentPlayTime:e.AudioPlayer.currentTime})}),100),this.commitAudioData({currentPlayTime:e.AudioPlayer.currentTime})))},pausePlayAudio:function(){var t=this;t.commitAudioData({status:"pausePlay"}),t.clearCurrentPlayTimer(),u.Vp.isMobileApp()||t.isFile(t.WAVBlobData),t.AudioPlayer.pause()},resumePlayAudio:function(){var t=this,e=this;e.commitAudioData({status:"resumePlay"}),u.Vp.isMobileApp()?(e.AudioPlayer.play(),e.currentPlayTimer=setInterval((function(){t.commitAudioData({currentPlayTime:e.AudioPlayer.currentTime})}),100)):(e.isFile(e.WAVBlobData),e.AudioPlayer.play(),e.currentPlayTimer=setInterval((function(){t.commitAudioData({currentPlayTime:e.AudioPlayer.currentTime})}),100))},stopPlayAudio:function(){u.Vp.isMobileApp()?this.AudioPlayer.stop():(this.commitAudioData({status:"stopPlay"}),n.stopPlay())},destroyAudio:function(){var t=this,e=this;e.clearCurrentPlayTimer(),null!==document.querySelector(".js-file-upload-input")&&(document.querySelector(".js-file-upload-input").value=""),this.setErrorMsg(null),n?n.destroy().then((function(){n=null})):e.isPlaying(e.AudioPlayer)&&e.AudioPlayer.stop(),setTimeout((function(){t.$store.commit("".concat(c.$h,"/destroyAudio"))}),100)},resetAudio:function(){this.$store.commit("".concat(c.$h,"/destroyAudio")),this.startAudio(),this.setErrorMsg(null),u.zT.pageAction("AudioRecordPlayer_btn_click",{isApp:u.Vp.isMobileApp(),status:"resetAudio"})},selectAudio:function(){if(u.Vp.isMobileApp()){u.Vp.recorderCommand({function:6})}else document.getElementById("fileUpload").click();u.zT.pageAction("AudioRecordPlayer_btn_click",{isApp:u.Vp.isMobileApp(),status:"uploadAudio"}),u.Xe.gtag("event","add_audio_click",{event_category:"Assignment",event_label:{type:"audio_file"}})},uploadAudio:function(t){var e=t.currentTarget.files[0];this.setAudio(e)},playUploadAudio:function(){var t=this,e=this;e.audio&&(e.commitAudioData({status:"playUpload"}),e.AudioPlayer.play(),e.currentPlayTimer=setInterval((function(){t.commitAudioData({currentPlayTime:e.AudioPlayer.currentTime})}),100))},pauseUploadAudio:function(){var t=this;t.audio&&(t.commitAudioData({status:"pauseUploadAudio"}),t.AudioPlayer.pause(),t.clearCurrentPlayTimer())},stopUploadAudio:function(){var t=this;t.audio&&(t.commitAudioData({status:"stopUploadAudio"}),t.AudioPlayer.stop())},setAudio:function(t){var e=this;if(e.setErrorMsg(null),t.type.match("m4a")||t.type.match("wav")||t.type.match("mpeg")||t.type.match("mp4"))if(t.size>=e.AudioLimit.size)e.setErrorMsg("檔案過大，最大為 10 MB");else{var o=new FileReader,a=document.createElement("audio");this.$store.commit("".concat(c.$h,"/getWAVBlobData"),t),t&&(o.onload=function(o){a.src=o.target.result,a.addEventListener("loadedmetadata",(function(){var o=a.duration;o<=3&&(e.destroyAudio(),setTimeout((function(){e.setErrorMsg("錄音過短，最少 3 秒")}),100)),e.commitAudioData({duration:o,fileSize:t.size,status:"loadedUpload"}),e.$store.commit("".concat(c.$h,"/setAudioPlayer"),a)}),!1),a.onended=function(){e.commitAudioData({status:"loadedUpload",currentPlayTime:null})},a.onerror=function(){e.commitAudioData({status:"unknown",duration:0,

1currentPlayTime:null})}},o.readAsDataURL(t))}else e.setErrorMsg("不符合錄音格式，請重新上傳")},b64toBlob:function(t,e){for(var o=this,a=window.atob(t),i=a.length,n=new Uint8Array(new ArrayBuffer(i)),r=0;r<i;r+=1)n[r]=a.charCodeAt(r);var u=new Blob([n],{type:e});this.$store.commit("".concat(c.$h,"/getWAVBlobData"),u),o.commitAudioData({fileSize:u.size,status:"stopUploadAudio"});var s=new FileReader;s.onload=function(t){},s.onerror=function(t){o.commitAudioData({status:"unknown",duration:0,currentPlayTime:null})},s.readAsDataURL(u)},commitAudioData:function(t){this.$store.commit("".concat(c.$h,"/setAudioData"),t)},setErrorMsg:function(t){this.$store.commit("".concat(c.$h,"/setErrorMsg"),t)},handleBase64Audio:function(t,e){var o=this,a=this;this.setAudioLoading(!0);var i=document.createElement("audio");i.style.display="none",i.setAttribute("controls",!0);var n=document.createElement("source");i.appendChild(n),n.src=t,n.type=e,document.body.appendChild(i),i.addEventListener("loadedmetadata",(function(){o.setAudioLoading(!1);var t=i.duration;a.commitAudioData({duration:t})}),!1),i.onended=function(){a.commitAudioData({status:"stopPlay",currentPlayTime:null}),a.clearCurrentPlayTimer()},i.onerror=function(t){this.setAudioLoading(!1),console.error(t)},this.$store.commit("".concat(c.$h,"/setAudioPlayer"),i)},isFile:function(t){return"File"in window&&t instanceof File},setAudioLoading:function(t){this.$store.commit("".concat(c.$h,"/setAudioLoading"),t)},isPlaying:function(t){return null!==t&&!t.paused},clearCurrentPlayTimer:function(){clearInterval(this.currentPlayTimer)},setCurrentTime:function(t){var e=this,o=this;o.clearCurrentPlayTimer(),u.Vp.isMobileApp()?o.isAppRecord?o.commitAudioData({status:"play",currentPlayTime:t}):o.commitAudioData({status:"playUpload",currentPlayTime:t}):o.isFile(o.WAVBlobData)?o.commitAudioData({status:"playUpload",currentPlayTime:t}):o.commitAudioData({status:"play",currentPlayTime:t}),o.AudioPlayer.pause(),o.AudioPlayer.currentTime=t,o.AudioPlayer.play(),o.currentPlayTimer=setInterval((function(){e.commitAudioData({currentPlayTime:e.AudioPlayer.currentTime})}),100)},setAudioPlayBackRate:function(t){this.$store.commit("".concat(c.$h,"/setAudioPlayBackRate"),t)}}};const y=(0,o(2912).A)(A,[["render",function(t,e,o,n,r,u){return(0,a.openBlock)(),(0,a.createElementBlock)("div",{id:r.id,class:"pp-audio-player-box",rel:t.AudioData.status},[(0,a.renderSlot)(t.$slots,"default",{startAudio:u.startAudio,pauseAudio:u.pauseAudio,resumeAudio:u.resumeAudio,stopAudio:u.stopAudio,playAudio:u.playAudio,pausePlayAudio:u.pausePlayAudio,resumePlayAudio:u.resumePlayAudio,stopPlayAudio:u.stopPlayAudio,resetAudio:u.resetAudio,destroyAudio:u.destroyAudio,selectAudio:u.selectAudio,uploadAudio:u.uploadAudio,playUploadAudio:u.playUploadAudio,pauseUploadAudio:u.pauseUploadAudio,stopUploadAudio:u.stopUploadAudio,setAudioLoading:u.setAudioLoading,setAudioPlayBackRate:u.setAudioPlayBackRate}),(0,a.createElementVNode)("input",{id:"fileUpload",class:"js-file-upload-input",type:"file",hidden:"",accept:".m4a, .wav, .mp3, .mp4",onChange:e[0]||(e[0]=function(){return u.uploadAudio&&u.uploadAudio.apply(u,arguments)})},null,32)],8,i)}]])},34697:(t,e,o)=>{o.r(e),o.d(e,{default:()=>ht});var a=o(6496),i={class:"pp-audio-player"},n={class:"pp-audio-player-main"},r=["textContent"],u=["onClick"],s=["onClick"],l={key:2,class:"pp-audio-player-bar"},c=["rel"],d={key:0,class:"loader bg--white mt-0"},p=[(0,a.createElementVNode)("div",{class:"spinner spinner-sm"},null,-1)],m=["rel"],A=[(0,a.createElementVNode)("i",{class:"icon icon_music_note_simple_fill"},null,-1)],y=["onClick"],f=[(0,a.createElementVNode)("i",{class:"icon icon_pause_fill"},null,-1)],b=["onClick"],h=[(0,a.createElementVNode)("i",{class:"icon icon_stop_fill"},null,-1)],g=["onClick"],D=[(0,a.createElementVNode)("i",{class:"icon icon_microphone_fill"},null,-1)],P=["onClick"],v=[(0,a.createElementVNode)("i",{class:"icon icon_stop_fill"},null,-1)],k=["onClick"],E=[(0,a.createElementVNode)("i",{class:"icon icon_play_fill",rel:"audio"},null,-1)],V=["textContent"],B=["onClick"],C=[(0,a.createElementVNode)("i",{class:"icon icon_pause_fill",rel:"audio"},null,-1)],T=["textContent"],N=["onClick"],O=[(0,a.createElementVNode)("i",{class:"icon icon_play_fill",rel:"audio"},null,-1)],w=["textContent"],S=["onClick"],$=[(0,a.createElementVNode)("i",{class:"icon icon_pause_fill",rel:"audio"},null,-1)],j=["textContent"],R=["onClick"],_=["textContent"],L=["onClick"],M=[(0,a.createElementVNode)("i",{class:"icon icon_pause_fill"},null,-1)],x=["textContent"],U=["onClick"],F=["textContent"],z={class:"bar-box"},W=(0,a.createElementVNode)("div",{class:"default"},null,-1),I=["rel"],H={key:1,class:"duration"},J={key:2,class:"duration"},q={class:"bar-box"},G=(0,a.createElementVNode)("div",{class:"default"},null,-1),X=["rel"],Y={class:"tools"},K={key:0,class:"controls"},Q={ref:"audioRateList",class:"rate-list"},Z=["textContent"],tt=["onClick"],et=(0,a.createElementVNode)("i",{class:"icon icon_arrow_clockwise_time"},null,-1),ot=["onClick"],at=(0,a.createElementVNode)("i",{class:"icon icon_arrow_clockwise_time"}

1,null,-1),it=[(0,a.createElementVNode)("div",null,[(0,a.createElementVNode)("i",{class:"icon icon_x"})],-1)],nt=(0,a.createElementVNode)("div",{class:"tools"},null,-1),rt=[(0,a.createElementVNode)("div",null,[(0,a.createElementVNode)("i",{class:"icon icon_x"})],-1)],ut=["textContent"];var st=o(89590),lt=o(28085),ct=o(70179),dt=o(42637),pt=o.n(dt);function mt(t){return mt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},mt(t)}function At(t,e){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);e&&(a=a.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.push.apply(o,a)}return o}function yt(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?At(Object(o),!0).forEach((function(e){ft(t,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):At(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}function ft(t,e,o){var a;return a=function(t,e){if("object"!=mt(t)||!t)return t;var o=t[Symbol.toPrimitive];if(void 0!==o){var a=o.call(t,e||"default");if("object"!=mt(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(e,"string"),(e="symbol"==mt(a)?a:a+"")in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}lt.wz.register([{rel:"stylesheet",type:"text/css",href:"public/[WEB_VER]/css/page/commonV2/pp-audio-player.css"}]);const bt={name:"PPAudioPlayer",components:{ppAudio:(0,a.defineAsyncComponent)((function(){return Promise.all([o.e(23916),o.e(56754),o.e(33920)]).then(o.bind(o,59098))}))},props:{hintTitle:{type:String,default:"立即錄音 or 將音檔拖曳到此"},loading:{type:Boolean,default:!1},displayError:{type:Boolean,default:!0},hasShadow:{type:Boolean,default:!1}},emits:["update-audio","update-data"],data:function(){return{error_message:null}},computed:yt(yt({},(0,st.mapGetters)({AudioData:"".concat(ct.$h,"/AudioData"),WAVBlobData:"".concat(ct.$h,"/WAVBlobData"),AudioLimit:"".concat(ct.$h,"/AudioLimit"),AudioLoading:"".concat(ct.$h,"/AudioLoading"),ErrorMsg:"".concat(ct.$h,"/ErrorMsg"),isAppRecord:"".concat(ct.$h,"/isAppRecord")})),{},{isApp:function(){return lt.Vp.isMobileApp()},currentAudioBarWidth:function(){return"play"===this.AudioData.status||"resumePlay"===this.AudioData.status||"pausePlay"===this.AudioData.status||"playUpload"===this.AudioData.status||"pauseUploadAudio"===this.AudioData.status||"loadedUpload"===this.AudioData.status?"width: ".concat(this.AudioData.currentPlayTime/this.AudioData.duration*100,"%")||0:"stopPlay"===this.AudioData.status||"stop"===this.AudioData.status||"stopUploadAudio"===this.AudioData.status?"width: 0%":"width: ".concat(this.AudioData.duration/this.AudioLimit.duration*100,"%")||0},currentDuration:function(){return"play"===this.AudioData.status||"resumePlay"===this.AudioData.status||"pausePlay"===this.AudioData.status||"playUpload"===this.AudioData.status||"pauseUploadAudio"===this.AudioData.status?this.AudioData.currentPlayTime:this.AudioData.duration},hintPadding:function(){return""===this.hintTitle?"padding-bottom: 0px":"padding-bottom: 16px"},errorStyle:function(){return this.AudioData.status,"background-color: white;"}}),watch:{WAVBlobData:function(t){var e=this;e.$emit("update-audio",{blob:t}),setTimeout((function(){e.$refs.audioRateButton&&(e.$refs.audioRateButton.addEventListener("mouseover",e.mouseOnRate,!1),e.$refs.audioRateButton.addEventListener("mouseout",e.mouseOutRate,!1))}),200)},loading:function(t){this.$refs.ppAudioPlayer.setAudioLoading(t)},ErrorMsg:function(t){this.error_message=t},AudioData:{handler:function(t){this.$emit("update-data",t)},deep:!0}},beforeCreate:function(){this.$store.state[ct.$h]||this.$store.registerModule(ct.$h,ct.Fj)},created:function(){},beforeMount:function(){},mounted:function(){},beforeUpdate:function(){},updated:function(){},beforeUnmount:function(){},unmounted:function(){}

1,methods:{getTimeInHoursAndMins:function(t){return pt()(pt().unix(t)).isValid()?pt().unix(t).utc().format("mm:ss"):""},isFile:function(t){return"File"in window&&t instanceof File},destroyAudio:function(){var t=this;(t.isApp?t.isAppRecord&&("pause"===t.AudioData.status||"stopUploadAudio"===t.AudioData.status||"pauseUploadAudio"===t.AudioData.status):("pausePlay"===t.AudioData.status||"stop"===t.AudioData.status||"stopPlay"===t.AudioData.status)&&!t.isFile(t.WAVBlobData))?lt.hg.warning({html:"確定要刪除錄音？",ConfirmPopupButtonText:"確定",cancelButtonText:"取消"},(function(){t.$refs.ppAudioPlayer.destroyAudio()}),(function(){})):t.$refs.ppAudioPlayer.destroyAudio()},clickDuration:function(t){var e=t.target.getBoundingClientRect(),o=t.target.getBoundingClientRect().width,a=(t.clientX-e.left)/o,i=(this.AudioData.duration*a).toFixed(2);this.$refs.ppAudioPlayer.setCurrentTime(i)},mouseOnRate:function(){this.$refs.audioRateList.classList.add("open")},mouseOutRate:function(){this.$refs.audioRateList.classList.remove("open")},setPlaybackRate:function(t){this.$refs.audioRateList.classList.remove("open"),this.$refs.ppAudioPlayer.setAudioPlayBackRate(t),this.$refs.audioRateButton.click()},moveOutRateList:function(){this.$refs.audioRateList.classList.value.includes("open")?this.$refs.audioRateList.classList.remove("open"):this.$refs.audioRateList.classList.add("open")}}};const ht=(0,o(2912).A)(bt,[["render",function(t,e,o,st,lt,ct){var dt=(0,a.resolveComponent)("pp-audio");return(0,a.openBlock)(),(0,a.createElementBlock)("div",i,[(0,a.createVNode)(dt,{ref:"ppAudioPlayer","has-shadow":o.hasShadow},{default:(0,a.withCtx)((function(i){var ut=i.startAudio,st=i.stopAudio,dt=i.pauseAudio,pt=i.resumeAudio,mt=i.playAudio,At=i.pausePlayAudio,yt=i.selectAudio,ft=i.resetAudio,bt=i.playUploadAudio,ht=i.resumePlayAudio,gt=i.pauseUploadAudio;return[(0,a.createElementVNode)("div",n,[null==t.WAVBlobData&&null==t.AudioData.status?((0,a.openBlock)(),(0,a.createElementBlock)("div",{key:0,class:"hint-title",style:(0,a.normalizeStyle)(ct.hintPadding),textContent:(0,a.toDisplayString)(o.hintTitle)},null,12,r)):(0,a.createCommentVNode)("",!0),null==t.AudioData.status?((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:1},[(0,a.createElementVNode)("button",{class:"btn btn-sm btn-primary p-2",onClick:ut}," 立即錄音 ",8,u),(0,a.createElementVNode)("button",{class:"btn btn-sm btn-outline-primary p-2 ml-2",onClick:yt}," 上傳 ",8,s)],64)):((0,a.openBlock)(),(0,a.createElementBlock)("div",l,[(0,a.createElementVNode)("div",{class:"status",rel:t.AudioData.status},[t.AudioLoading?((0,a.openBlock)(),(0,a.createElementBlock)("div",d,p)):((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:1},["unknown"==t.AudioData.status?((0,a.openBlock)(),(0,a.createElementBlock)("button",{key:0,class:"action-button",rel:t.AudioData.status,style:{cursor:"default"}},A,8,m)):((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:1},["start"===t.AudioData.status||"resume"===t.AudioData.status?((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:0},[(0,a.createElementVNode)("button",{class:"action-button",rel:"pause",onClick:dt},f,8,y),(0,a.createElementVNode)("button",{class:(0,a.normalizeClass)(["action-button ml-2",{disabled:t.AudioData.duration<=3}]),rel:"stop",onClick:st},h,10,b)],64)):(0,a.createCommentVNode)("",!0),"pause"===t.AudioData.status?((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:1},[(0,a.createElementVNode)("button",{class:"action-button",rel:"resume",onClick:pt},D,8,g),(0,a.createElementVNode)("button",{class:(0,a.normalizeClass)(["action-button ml-2",{disabled:t.AudioData.duration<=3}]),rel:"stop",onClick:st},v,10,P)],64)):(0,a.createCommentVNode)("",!0),t.AudioLoading||"stop"!==t.AudioData.status&&"stopPlay"!==t.AudioData.status&&"stopUploadAudio"!==t.AudioData.status?(0,a.createCommentVNode)("",!0):((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:2},[(0,a.createElementVNode)("button",{class:(0,a.normalizeClass)(["action-button",{disabled:null!==lt.error_message}]),rel:"play",onClick:mt},E,10,k),(0,a.createElementVNode)("div",{class:"display-hour-time",textContent:(0,a.toDisplayString)(ct.getTimeInHoursAndMins(ct.currentDuration))},null,8,V)],64)),"play"===t.AudioData.status?((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:3},[(0,a.createElementVNode)("button",{class:"action-button",rel:"play",onClick:At},C,8,B),(0,a.createElementVNode)("div",{class:"display-hour-time",textContent:(0,a.toDisplayString)(ct.getTimeInHoursAndMins(ct.currentDuration))},null,8,T)],64)):(0,a.createCommentVNode)("",!0),"pausePlay"===t.AudioData.status?((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:4},[(0,a.createElementVNode)("button",{class:(0,a.normalizeClass)(["action-button",{disabled:null!==lt.error_message}]),rel:"pausePlay",onClick:ht},O,10,N),(0,a.createElementVNode)("div",{class:"display-hour-time",textContent:(0,a.toDisplayString)(ct.getTimeInHoursAndMins(ct.currentDuration))},null,8,w)],64)):(0,a.createCommentVNode)("",!0),"resumePlay"===t.AudioData.status?((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:5},[(0,a.createElementVNode)("button",{class:"action-button",rel:"record",onClick:At},$,8,S),(0,a.createElementVNode)("div",{class:"display-hour-time",textContent:(0,a.toDisplayString)(ct.getTimeInHoursAndMins(ct.currentDuration))},null,8,j)],64)):(0,a.createCommentVNode)("",!0),null===t.AudioData.duration||null!=t.AudioData.data||"loadedUpload"!=t.AudioData.status&&"stopUpload"!==t.AudioData.status?(0,a.createCommentVNode)("",!0):((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:6},[(0,a.createElementVNode)("button",{class:"action-button",rel:"record",onClick:bt},[(0,a.createElementVNode)("i",{class:(0,a.normalizeClass)(["icon icon_play_fill",{disabled:null!==lt.error_message}])},null,2)],8,R),(0,a.createElementVNode)("div",{class:"display-hour-time",textContent:(0,a.toDisplayString)(ct.getTimeInHoursAndMins(ct.currentDuration))},null,8,_)],64)),"playUpload"===t.AudioData.status?((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:7},[(0,a.createElementVNode)("button",{class:"action-button",rel:"record",onClick:gt},M,8,L),(0,a.createElementVNode)("div",{class:"display-hour-time",textContent:(0,a.toDisplayString)(ct.getTimeInHoursAndMins(ct.currentDuration))},null,8,x)],64)):(0,a.createCommentVNode)("",!0),"pauseUploadAudio"===t.AudioData.status?((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:8},[(0,a.createElementVNode)("button",{class:"action-button",rel:"record",onClick:bt},[(0,a.createElementVNode)("i",{class:(0,a.normalizeClass)(["icon icon_play_fill",{disabled:null!==lt.error_message}])},null,2)],8,U),(0,a.createElementVNode)("div",{class:"display-hour-time",textContent:(0,a.toDisplayString)(ct.getTimeInHoursAndMins(ct.currentDuration))},null,8,F)],64)):(0,a.createCommentVNode)("",!0)],64))],64))],8,c),"start"!==t.AudioData.status&&"pause"!==t.AudioData.status&&"resume"!==t.AudioData.status&&"unknown"!==t.AudioData.status?((0,a.openBlock)(),(0,a.createElementBlock)("div",{key:0,class:"duration cursor-pointer",onClick:e[0]||(e[0]=function(){return ct.clickDuration&&ct.clickDuration.apply(ct,arguments)})},[(0,a.createElementVNode)("div",z,[W,(0,a.createElementVNode)("div",{class:"current",rel:t.AudioData.status,style:(0,a.normalizeStyle)(ct.currentAudioBarWidth)},null,12,I)])])):"unknown"==t.AudioData.status?((0,a.openBlock)(),(0,a.createElementBlock)("div",H)):((0,a.openBlock)(),(0,a.createElementBlock)("div",J,[(0,a.createElementVNode)("div",q,[G,(0,a.createElementVNode)("div",{class:"current",rel:t.AudioData.status,style:(0,a.normalizeStyle)(ct.currentAudioBarWidth)},null,12,X)])])),"unknown"!==t.AudioData.status?((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:3},[(0,a.createElementVNode)("div",Y,["start"!==t.AudioData.status&&"pause"!==t.AudioData.status&&"resume"!==t.AudioData.status?((0,a.openBlock)(),(0,a.createElementBlock)("div",K,[(0,a.createElementVNode)("div",{ref:"audioRateButton",class:"rate",onClick:e[6]||(e[6]=function(){return ct.moveOutRateList&&ct.moveOutRateList.apply(ct,arguments)})},[(0,a.createTextVNode)((0,a.toDisplayString)(t.AudioData.rate)+"x ",1),(0,a.createElementVNode)("div",Q,[(0,a.createElementVNode)("div",{class:"item",onClick:e[1]||(e[1]=function(t){return ct.setPlaybackRate(.5)})}," 0.5x "),(0,a.createElementVNode)("div",{class:"item",onClick:e[2]||(e[2]=function(t){return ct.setPlaybackRate(1)})}," 1x "),(0,a.createElementVNode)("div",{class:"item",onClick:e[3]||(e[3]=function(t){return ct.setPlaybackRate(1.25)})}," 1.25x "),(0,a.createElementVNode)("div",{class:"item",onClick:e[4]||(e[4]=function(t){return ct.setPlaybackRate(1.5)})}," 1.5x "),(0,a.createElementVNode)("div",{class:"item",onClick:e[5]||(e[5]=function(t){return ct.setPlaybackRate(2)})}," 2x ")],512)],512)])):(0,a.createCommentVNode)("",!0),"start"===t.AudioData.status||"pause"===t.AudioData.status||"resume"===t.AudioData.status?((0,a.openBlock)(),(0,a.createElementBlock)("div",{key:1,class:"info",textContent:(0,a.toDisplayString)(ct.getTimeInHoursAndMins(ct.currentDuration))},null,8,Z)):(0,a.createCommentVNode)("",!0),ct.isApp?((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:2},[!t.isAppRecord||"stopUploadAudio"!==t.AudioData.status&&"pauseUploadAudio"!==t.AudioData.status?(0,a.createCommentVNode)("",!0):((0,a.openBlock)(),(0,a.createElementBlock)("div",{key:0,class:"destroy",onClick:ft},[et,(0,a.createTextVNode)(" 重錄 ")],8,tt))],64)):((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:3},["pausePlay"===t.AudioData.status||"stop"===t.AudioData.status||"stopPlay"===t.AudioData.status?((0,a.openBlock)(),(0,a.createElementBlock)("div",{key:0,class:"destroy",onClick:ft},[at,(0,a.createTextVNode)(" 重錄 ")],8,ot)):(0,a.createCommentVNode)("",!0)],64))]),"stop"==t.AudioData.status||"stopPlay"==t.AudioData.status||"pausePlay"==t.AudioData.status||"stopUploadAudio"==t.AudioData.status||"pauseUploadAudio"==t.AudioData.status||"loadedUpload"==t.AudioData.status?((0,a.openBlock)(),(0,a.createElementBlock)("div",{key:0,class:"reset-audio",onClick:e[7]||(e[7]=function(){return ct.destroyAudio&&ct.destroyAudio.apply(ct,arguments)})},it)):(0,a.createCommentVNode)("",!0)],64)):((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:4},[nt,(0,a.createElementVNode)("div",{class:"reset-audio",onClick:e[8]||(e[8]=function(){return ct.destroyAudio&&ct.destroyAudio.apply(ct,arguments)})},rt)],64))]))])]})),_:1},8,["has-shadow"]),null!==lt.error_message?((0,a.openBlock)(),(0,a.createElementBlock)("div",{key:0,class:"pt-1 text--red",style:(0,a.normalizeStyle)([ct.errorStyle,{"font-size":"10px","padding-bottom":"8px"}]),textContent:(0,a.toDisplayString)(lt.error_message)},null,12,ut)):(0,a.createCommentVNode)("",!0)])}]])}}]);