1 line
12 KiB
JavaScript
1 line
12 KiB
JavaScript
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-4be82de6"],{"165b":function(t,i,e){"use strict";e("b51d")},"5abb":function(t,i,e){var a=e("24fb");i=a(!1),i.push([t.i,".volume[data-v-351ec05d]{position:relative}.volume .volume-progress[data-v-351ec05d]{position:absolute;top:-150px;width:32px;height:140px;background:#f6f6f6;border-radius:4px;padding-top:10px}.volume .volume-bar-bg[data-v-351ec05d]{margin:0 auto;width:6px;height:120px;background:#dcdcdc;border-radius:100px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative;-webkit-transform:rotate(180deg);transform:rotate(180deg);cursor:pointer}.volume .volume-bar-bg .volume-bar[data-v-351ec05d]{width:6px;height:50%;background:#56bf8b;border-radius:100px}.volume .checked[data-v-351ec05d]{color:#56bf8b}.audio-right[data-v-351ec05d]{width:100%;height:49px;line-height:49px;border-radius:6px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:0 15px}.audio-right .dialogAudioPlay[data-v-351ec05d]{cursor:pointer;color:var(--themeBaseColor);font-size:28px;margin-right:9px}.audio-right .progress-bar-bg[data-v-351ec05d]{background-color:#f0f0f1;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative;height:3px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin-top:-1px;cursor:pointer;margin:0 10px}.audio-right .progress-bar[data-v-351ec05d]{background-color:var(--themeBaseColor);width:0;height:3px;border-radius:5px;position:relative}.audio-right .progress-bar .circle[data-v-351ec05d]{width:12px;height:12px;border-radius:100%;background-color:var(--themeBaseColor);position:absolute;bottom:-4px;right:0}.audio-right .audio-time[data-v-351ec05d]{overflow:hidden;font-size:14px}.audio-right .audio-time .audio-length-total[data-v-351ec05d]{float:right}.audio-right .audio-length-current[data-v-351ec05d]{float:left;margin-right:8px}",""]),t.exports=i},"5b1f":function(t,i,e){var a=e("5abb");a.__esModule&&(a=a.default),"string"===typeof a&&(a=[[t.i,a,""]]),a.locals&&(t.exports=a.locals);var o=e("499e").default;o("3e2fae76",a,!0,{sourceMap:!1,shadowMode:!1})},"89c6":function(t,i,e){var a=e("24fb");i=a(!1),i.push([t.i,".audio-info[data-v-965ed13c]{background-color:#f5f5f5}.audio-info .top[data-v-965ed13c]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:.6875rem;margin-left:.75rem}.audio-info .top i[data-v-965ed13c]{font-size:1rem;cursor:pointer}.audio-info .logo[data-v-965ed13c]{margin-top:1.5625rem}.audio-info .logo img[data-v-965ed13c]{width:12.8125rem;height:12.8125rem;border-radius:1rem;border:.0625rem solid #dedede}.audio-info .audio-info-middle[data-v-965ed13c]{background-color:#fff;margin:1.875rem .75rem 1.125rem .75rem;padding:1.25rem .75rem 1rem .75rem;border-radius:.625rem}.audio-info .audio-info-middle .message[data-v-965ed13c]{text-align:left;font-weight:700;font-size:1.125rem;color:#00001c}.audio-info .audio-info-middle .audio[data-v-965ed13c]{margin-top:.8125rem}.audio-info .tap[data-v-965ed13c]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:#6e6e79;font-size:.875rem;margin-left:1.3125rem}.audio-info .tap .active[data-v-965ed13c]{color:#00001c;font-size:.9375rem;font-weight:700}.audio-info .tap .line[data-v-965ed13c]{width:1.25rem;height:.1875rem;background-color:var(--themeBaseColor);border-radius:.9375rem;margin-top:.125rem;margin-left:.125rem}.audio-info .introduction-content[data-v-965ed13c]{margin:.75rem;padding:1rem .75rem;background-color:#fff;border-radius:.625rem}.audio-info .introduction-content .content[data-v-965ed13c]{font-size:.8125rem;color:#3b3b4a;line-height:1.0625rem;text-align:left}.audio-info .introduction-content .content img[data-v-965ed13c]{width:100%}.audio-info .introduction-content img[data-v-965ed13c]{width:100%;border-radius:.75rem .75rem .75rem .75rem;margin-top:.9375rem}.audio-info .directory[data-v-965ed13c]{margin:.75rem;padding:1.4375rem 1.0625rem;background-color:#fff;border-radius:.625rem}.audio-info .directory .item .number[data-v-965ed13c]{font-size:1.125rem;color:#6e6e79;line-height:2.5625rem}.audio-info .directory .item .info[data-v-965ed13c]{margin-left:1.125rem;text-align:left;cursor:pointer}.audio-info .directory .item .info .title[data-v-965ed13c]{font-size:.9375rem;font-weight:700}.audio-info .directory .item .info .play-count[data-v-965ed13c]{font-size:.8125rem;color:#6e6e79}.audio-info .directory .item .line[data-v-965ed13c]{height:.0625rem;background:#f0f0f1;margin:1.0625rem 0}",""]),t.exports=i},b51d:function(t,i,e){var a=e("89c6");a.__esModule&&(a=a.default),"string"===typeof a&&(a=[[t.i,a,""]]),a.locals&&(t.exports=a.locals);var o=e("499e").default;o("38f9231d",a,!0,{sourceMap:!1,shadowMode:!1})},c073:function(t,i,e){"use strict";e("5b1f")},f92a:function(t,i,e){"use strict";e.r(i);var a=function(){var t=this,i=t.$createElement,e=t._self._c||i;return e("div",{staticClass:"audio-info"},[e("d-list",{attrs:{finished:!t.isLoadMore,loading:t.loading,showStatusText:!0},on:{load:t.getMoreData}},[e("div",{staticClass:"top"},[e("i",{staticClass:"iconfont icon-fanhui",on:{click:t.goBack}})]),e("div",{staticClass:"logo"},[e("img",{attrs:{src:t.audio_img||t.emptyImage,alt:""}})]),e("div",{staticClass:"audio-info-middle"},[e("div",{staticClass:"message"},[t._v(t._s(t.audio_title))]),e("div",{staticClass:"audio",on:{click:t.handleChangeAudioVolume}},[e("audio-player",{ref:"audio",staticClass:"audio-box",attrs:{fileurl:t.fileurl}})],1)]),e("div",{staticClass:"tap"},[e("div",{staticStyle:{cursor:"pointer"},on:{click:function(i){t.active_tab=1}}},[e("div",{class:{active:1==t.active_tab}},[t._v("简介")]),e("div",{class:{line:1==t.active_tab}})]),e("div",{staticStyle:{"margin-left":"30px",cursor:"pointer"},on:{click:function(i){t.active_tab=2}}},[e("div",{class:{active:2==t.active_tab}},[t._v("目录")]),e("div",{class:{line:2==t.active_tab}})])]),1==t.active_tab?e("div",{staticClass:"introduction-content"},[e("div",{staticClass:"content",domProps:{innerHTML:t._s(t.current_content)}})]):e("div",{staticClass:"directory"},t._l(t.directory_data,(function(i,a){return e("div",{key:a,staticClass:"item"},[e("div",{staticStyle:{display:"flex"}},[e("div",{staticClass:"number"},[t._v(t._s(a+1))]),e("div",{staticClass:"info",on:{click:function(e){return t.switchContent(i.id)}}},[e("div",{staticClass:"title"},[t._v(t._s(i.audio_title))]),e("div",{staticClass:"play-count"},[t._v("播放："+t._s(i.views_count))])])]),e("div",{staticClass:"line"})])})),0)])],1)},o=[],d=(e("14d9"),e("99af"),e("ac1f"),e("5319"),function(){var t=this,i=t.$createElement,e=t._self._c||i;return e("div",[e("audio",{ref:"audioRef",staticStyle:{display:"none"},attrs:{controls:"",src:t.fileurl},on:{timeupdate:t.updateProgress}},[e("source",{attrs:{type:"audio/mpeg"}}),t._v(" 您的浏览器不支持音频播放 ")]),e("div",{staticClass:"audio-right"},[e("i",{staticClass:"dialogAudioPlay",class:"pause"!==t.audioStatus?"iconfont icon-bofang":"iconfont icon-zanting",on:{click:t.playAudio}}),e("span",{staticClass:"audio-length-current",attrs:{id:"audioCurTime"}},[t._v(t._s(t.audioStart))]),e("div",{directives:[{name:"dragto",rawName:"v-dragto",value:t.setAudioIcon,expression:"setAudioIcon"}],staticClass:"progress-bar-bg",attrs:{id:"progressBarBg"}},[t._m(0)]),e("div",{staticClass:"audio-time",staticStyle:{"min-height":"10px"}},[e("span",{staticClass:"audio-length-total"},[t._v(t._s(t.duration))])]),e("div",{staticClass:"volume"},[e("div",{directives:[{name:"show",rawName:"v-show",value:t.audioHuds,expression:"audioHuds"}],staticClass:"volume-progress",on:{click:function(t){return t.stopPropagation(),function(){return!1}.apply(null,arguments)}}},[e("div",{directives:[{name:"adjuster",rawName:"v-adjuster",value:t.handleShowMuteIcon,expression:"handleShowMuteIcon"}],staticClass:"volume-bar-bg",attrs:{id:"volumeBarBg"}},[e("div",{staticClass:"volume-bar",attrs:{id:"volumeBar"}})])]),e("i",{staticClass:"iconfont pl-1",class:t.audioIcon,on:{click:function(i){i.stopPropagation(),t.audioHuds=!t.audioHuds}}})])])])}),r=[function(){var t=this,i=t.$createElement,e=t._self._c||i;return e("div",{staticClass:"progress-bar",attrs:{id:"progressBar"}},[e("div",{staticClass:"circle"})])}],n={props:{fileurl:{trpe:String}},data:function(){return{audioStatus:"play",audioStart:"0:00",duration:"--",audioVolume:.5,audioHuds:!1}},directives:{dragto:{inserted:function(t,i,e){t.addEventListener("click",(function(t){var a=document.getElementById("progressBarBg").clientWidth,o=e.context.$refs.audioRef,d=t.offsetX/a,r=100*d;document.getElementById("progressBar").style.width=r+"%",o.currentTime=o.duration*d,o.play(),i.value()}),!1)}},adjuster:{inserted:function(t,i,e){t.addEventListener("click",(function(t){var a=document.getElementById("volumeBarBg").clientHeight,o=e.context.$refs.audioRef,d=t.offsetY/a,r=100*d;document.getElementById("volumeBar").style.height=r+"%",o.volume=d,i.value(r/100)}),!1)}}},computed:{audioIcon:function(){return this.audioHuds?this.audioVolume<.01?"checked icon-jingyin":"checked icon-shengyin":"icon-shengyin"}},mounted:function(){this.fetch()},methods:{fetch:function(){var t=this,i=this.$refs.audioRef;i.loop=!1,i.addEventListener("ended",(function(){t.audioStatus="play",document.getElementById("progressBar").style.width="0%"}),!1),null!=i&&(i.oncanplay=function(){t.duration=t.transTime(i.duration)},i.volume=.5)},playAudio:function(){var t=this.$refs.audioRef;t.paused?(t.play(),this.audioStatus="pause"):(t.pause(),this.audioStatus="play")},updateProgress:function(t){var i=t.target.currentTime/t.target.duration;document.getElementById("progressBar")?(document.getElementById("progressBar").style.width=100*i+"%",t.target.currentTime===t.target.duration&&(this.audioStatus="pause")):this.audioStatus="pause",this.audioStart=this.transTime(this.$refs.audioRef.currentTime)},transTime:function(t){var i=parseInt(t),e=parseInt(i/60),a=i%60+"",o=":";return 0===e?e="00":e<10&&(e="0"+e),1===a.length&&(a="0"+a),e+o+a},setAudioIcon:function(){this.audioStatus="pause"},handleShowMuteIcon:function(t){this.audioVolume=t}},watch:{fileurl:function(t,i){var e=this;i&&(this.audioStatus="play",setTimeout((function(){e.playAudio()}),100))}}},s=n,u=(e("c073"),e("2877")),c=Object(u["a"])(s,d,r,!1,null,"351ec05d",null),l=c.exports,f=e("94b4"),g=e("2042"),m=e.n(g),p={data:function(){return{emptyImage:m.a,active_tab:1,current_content:"",fileurl:"",loading:!1,isLoadMore:!0,page:1,last_page:0,directory_data:[],book_id:"",audio_img:"",audio_title:"",audio_id:""}},methods:{goBack:function(){this.$router.push(this.fun.getUrl("audio_book",{}))},switchContent:function(t){this.getContent(t),this.active_tab=1,document.documentElement.scrollTop=0},handleChangeAudioVolume:function(){this.$refs.audio&&(this.$refs.audio.audioHuds=!1)},getMoreData:function(){var t=this;if(1!=this.active_tab&&!0!==this.loading&&!1!==this.isLoadMore)if(this.loading=!0,this.page>=this.last_page)this.isLoadMore=!1;else{this.page+=1;var i={book_id:this.book_id,page:this.page,page_size:10};$http.get("plugin.audio-book.frontend.audio.get-list",i,"...").then((function(i){if(t.loading=!1,1==i.result){var e=i.data.data.data;t.dataList=t.listData.concat(e)}else t.page=t.page-1})).catch((function(t){}))}},getDirectoryData:function(t){var i=this;$http.get("plugin.audio-book.frontend.audio.get-list",{book_id:t},"").then((function(t){var e=t.data.data;1===t.result&&(i.directory_data=e.data,i.last_page=e.last_page,i.page=e.current_page,i.dataList=e.data)}))},getContent:function(t){var i={book_id:this.book_id};t&&(i={book_id:this.book_id,audio_id:t});var e=this;$http.get("plugin.audio-book.frontend.audio.get-detail",i,"").then((function(t){var i=t.data.data;1===t.result&&(e.audio_img=i.image_url,e.audio_title=i.audio_title,e.current_content=i.content.replace(/<img/g,"<img style='max-width:100%;height:auto;'").replace(/<video/g,"<video style='width:100%;height:auto;'"),e.audio_id=i.id,e.fileurl=i.audio_url,e.playLog())}))},playLog:function(){var t=this;$http.get("plugin.audio-book.frontend.audio.memory-play-log",{book_id:t.book_id,audio_id:t.audio_id},"").then((function(t){t.result}))}},created:function(){this.book_id=this.$route.query.id,this.getDirectoryData(this.book_id),this.getContent()},components:{AudioPlayer:l,DList:f["a"]}},h=p,v=(e("165b"),Object(u["a"])(h,a,o,!1,null,"965ed13c",null));i["default"]=v.exports}}]); |