-
Notifications
You must be signed in to change notification settings - Fork 1
/
b185ffaa30e6ad153264.js
1 lines (1 loc) · 17.7 KB
/
b185ffaa30e6ad153264.js
1
(window.webpackJsonp=window.webpackJsonp||[]).push([[11],{314:function(t,e,o){t.exports=o.p+"img/63da252.png"},315:function(t,e,o){t.exports=o.p+"img/9c7327c.png"},316:function(t,e,o){t.exports=o.p+"img/b86ae33.png"},333:function(t,e,o){t.exports=o.p+"img/7cb4c42.png"},335:function(t,e,o){var content=o(378);"string"==typeof content&&(content=[[t.i,content,""]]),content.locals&&(t.exports=content.locals);(0,o(4).default)("31e74797",content,!0,{sourceMap:!1})},374:function(t,e,o){t.exports=o.p+"img/81ca008.png"},375:function(t,e,o){"use strict";o(376)("sub",function(t){return function(){return t(this,"sub","","")}})},376:function(t,e,o){var r=o(10),d=o(15),n=o(30),l=/"/g,c=function(t,e,o,r){var d=String(n(t)),c="<"+e;return""!==o&&(c+=" "+o+'="'+String(r).replace(l,""")+'"'),c+">"+d+"</"+e+">"};t.exports=function(t,e){var o={};o[t]=e(c),r(r.P+r.F*d(function(){var e=""[t]('"');return e!==e.toLowerCase()||e.split('"').length>3}),"String",o)}},377:function(t,e,o){"use strict";var r=o(335);o.n(r).a},378:function(t,e,o){(t.exports=o(3)(!1)).push([t.i,".videoDetail[data-v-f2ccf8f2]{background:#f8f8f8}.videoDetail .video[data-v-f2ccf8f2]{min-width:1200px;overflow:hidden;background:#fff;box-shadow:1px 1px 3px #e0e0e0,-1px -1px 3px #e0e0e0;position:relative}.videoDetail .video .top[data-v-f2ccf8f2]{background:#252525;height:673px;padding-left:calc(50vw - 610px);width:100%;box-sizing:border-box;min-width:1200px}.videoDetail .video .top .vleft[data-v-f2ccf8f2]{float:left;width:calc(50vw + 240px);height:673px}.videoDetail .video .top .vleft .prism-player[data-v-f2ccf8f2]{width:100%;max-width:1200px;max-height:673px;display:block}.videoDetail .video .top .vleft .prism-player[data-v-f2ccf8f2] .prism-controlbar .prism-controlbar-bg{background:rgba(75,75,75,.55)}.videoDetail .video .top .vleft .prism-player[data-v-f2ccf8f2] .prism-cc-btn,.videoDetail .video .top .vleft .prism-player[data-v-f2ccf8f2] .prism-setting-btn{display:none}.videoDetail .video .top .vleft .prism-player[data-v-f2ccf8f2] .prism-volume{left:-19px;margin-left:30px}.videoDetail .video .top .vleft .prism-player[data-v-f2ccf8f2] .player-hidden{display:none!important}.videoDetail .video .top .vleft .prism-player[data-v-f2ccf8f2] .quality-components{float:right;color:#fff;position:relative;box-sizing:border-box;top:14px}.videoDetail .video .top .vleft .prism-player[data-v-f2ccf8f2] .current-quality{display:flex;height:100%;align-items:center;justify-content:center;width:70px;cursor:pointer}.videoDetail .video .top .vleft .prism-player[data-v-f2ccf8f2] .quality-list{position:absolute;bottom:46px;display:none;padding:0;margin:0;list-style:none}.videoDetail .video .top .vleft .prism-player[data-v-f2ccf8f2] .quality-list li{text-align:center;width:70px;line-height:30px;background-color:rgba(0,0,0,.6);cursor:pointer}.videoDetail .video .top .vleft .prism-player[data-v-f2ccf8f2] .quality-list li.current{color:#00c1de}.videoDetail .video .top .vleft .prism-player[data-v-f2ccf8f2] .quality-list li+li{border-top:1px solid rgba(78,78,78,.3)}.videoDetail .video .top .vleft .prism-player[data-v-f2ccf8f2] .quality-list li:hover{background-color:rgba(0,0,0,.5)}.videoDetail .video .top .vleft .prism-player[data-v-f2ccf8f2] .quality-modal{position:absolute;bottom:20%;left:5%;background-color:rgba(0,0,0,.6);border-radius:5px;color:#fff;padding:10px 15px;font-size:14px;display:none}.videoDetail .video .top .vleft .prism-player[data-v-f2ccf8f2] .quality-modal span{color:#00c1de}.videoDetail .video .top .vleft .prism-player[data-v-f2ccf8f2] .rate-components{float:right;color:#fff;position:relative;box-sizing:border-box;top:14px}.videoDetail .video .top .vleft .prism-player[data-v-f2ccf8f2] .rate-components .translate{line-height:40px;cursor:pointer}.videoDetail .video .top .vleft .prism-player[data-v-f2ccf8f2] .cc-components{float:right;color:#fff;position:relative;box-sizing:border-box;top:14px}.videoDetail .video .top .vleft .prism-player[data-v-f2ccf8f2] .cc-components .translate,.videoDetail .video .top .vleft .prism-player[data-v-f2ccf8f2] .current-rate{display:flex;height:100%;align-items:center;justify-content:center;width:70px;cursor:pointer}.videoDetail .video .top .vleft .prism-player[data-v-f2ccf8f2] .rate-list{position:absolute;bottom:46px;display:none;padding:0;margin:0;list-style:none}.videoDetail .video .top .vleft .prism-player[data-v-f2ccf8f2] .rate-list li{text-align:center;width:70px;line-height:30px;background-color:rgba(0,0,0,.6);cursor:pointer}.videoDetail .video .top .vleft .prism-player[data-v-f2ccf8f2] .rate-list li.current{color:#00c1de}.videoDetail .video .top .vleft .prism-player[data-v-f2ccf8f2] .rate-list li+li{border-top:1px solid rgba(78,78,78,.3)}.videoDetail .video .top .vleft .prism-player[data-v-f2ccf8f2] .rate-list li:hover{background-color:rgba(0,0,0,.5)}.videoDetail .video .top .vright[data-v-f2ccf8f2]{float:left;width:330px;color:#fff;margin:15px 8px;height:643px}.videoDetail .video .top .vright .title[data-v-f2ccf8f2]{margin:30px 0 12px 8px;height:16px;line-height:16px;border-left:1px solid #fff;padding-left:8px}.videoDetail .video .top .vright .author[data-v-f2ccf8f2]{border-top:1px solid #383838;padding:15px 8px 0}.videoDetail .video .top .vright .author .nameImg[data-v-f2ccf8f2]{position:relative;font-size:0}.videoDetail .video .top .vright .author .nameImg .name[data-v-f2ccf8f2]{vertical-align:middle;position:relative;width:32px;height:32px;border-radius:26px;border:1px solid #e5e5e5;background-color:#ecf0f6}.videoDetail .video .top .vright .author .nameImg .img[data-v-f2ccf8f2]{width:11px;position:absolute;left:23px;top:24px}.videoDetail .video .top .vright .author .nameImg span[data-v-f2ccf8f2]{font-size:14px;padding-left:10px;vertical-align:middle}.videoDetail .video .top .vright .author .nameImg span a[data-v-f2ccf8f2]{color:#fff}.videoDetail .video .top .vright .author .company[data-v-f2ccf8f2]{font-size:12px;line-height:42px}.videoDetail .video .top .vright .author .keyword[data-v-f2ccf8f2]{font-size:12px;vertical-align:middle}.videoDetail .video .top .vright .author .keyword img[data-v-f2ccf8f2]{vertical-align:middle;padding-right:6px;position:relative;top:-1px}.videoDetail .video .top .vright .author .title[data-v-f2ccf8f2]{margin-top:20px;margin-left:0}.videoDetail .video .top .vright p[data-v-f2ccf8f2]{line-height:20px;font-size:12px;margin:8px;overflow:auto;height:420px}.videoDetail .video .subtitle[data-v-f2ccf8f2]{position:absolute;bottom:10%;left:0;font-size:22px;letter-spacing:1px;text-shadow:1px 1px 2px #004e83,-1px -1px 2px #004e83;font-weight:900;color:#fff;-webkit-text-stroke:1px #004e83;font-family:Microsoft YaHei;width:100%;text-align:center}.videoDetail .video .bottom[data-v-f2ccf8f2]{width:1200px;margin:0 auto}.videoDetail .video .bottom .name[data-v-f2ccf8f2]{line-height:68px;font-size:18px}.videoDetail .video .bottom .time[data-v-f2ccf8f2]{font-size:0;color:#666}.videoDetail .video .bottom .time span[data-v-f2ccf8f2]{font-size:12px;display:inline-block;padding-right:76px}.videoDetail .video .bottom .time span img[data-v-f2ccf8f2]{padding-right:8px;color:#999;height:14px;position:relative;top:2px}.videoDetail .video .bottom .time span[data-v-f2ccf8f2]:last-child{text-overflow:ellipsis;white-space:nowrap;width:790px;padding-right:0}.videoDetail .video .bottom .time span:last-child a[data-v-f2ccf8f2]{color:#666}.videoDetail .video .bottom .time span:last-child a[data-v-f2ccf8f2]:hover{color:#109eff}.videoDetail .video .bottom .background[data-v-f2ccf8f2]{line-height:24px;font-size:14px;margin:14px 0}.videoDetail .course[data-v-f2ccf8f2]{background:#fff;width:1200px;margin:10px auto 50px;border-radius:4px;padding-bottom:50px}.videoDetail .course .title[data-v-f2ccf8f2]{color:#004e83;font-size:18px;height:35px;padding-left:26px;padding-top:25px;margin-bottom:15px;border-bottom:1px solid #e5e5e5}.videoDetail .course .title img[data-v-f2ccf8f2]{font-size:24px;position:relative;top:2px;margin-right:10px}.videoDetail .course .list[data-v-f2ccf8f2]{display:block;padding-left:26px;margin-top:30px}.videoDetail .course .list .l_left[data-v-f2ccf8f2]{position:relative;width:103px;height:59px;float:left;border:1px solid #f8f8f8;border-radius:8px;box-sizing:border-box}.videoDetail .course .list .l_left img[data-v-f2ccf8f2]{width:103px;height:59px;cursor:pointer;border-radius:8px;-o-object-fit:cover;object-fit:cover}.videoDetail .course .list .l_right[data-v-f2ccf8f2]{float:left;margin-left:20px;width:1020px}.videoDetail .course .list .l_right h3[data-v-f2ccf8f2]{cursor:pointer;font-size:14px;color:#000;font-weight:400;height:24px;line-height:14px}.videoDetail .course .list .l_right h3 span[data-v-f2ccf8f2]{float:right;color:#666}.videoDetail .course .list .l_right h3 span img[data-v-f2ccf8f2]{position:relative;top:2px;margin-right:2px}.videoDetail .course .list .l_right p[data-v-f2ccf8f2]{width:1030px;color:#666;height:40px;line-height:20px;font-size:12px;overflow:hidden}.videoDetail .course .body[data-v-f2ccf8f2]{margin:0 8px;padding:15px 20px;border-radius:6px;cursor:pointer}.videoDetail .course .body .name[data-v-f2ccf8f2]{font-size:14px}.videoDetail .course .body .name i[data-v-f2ccf8f2]{font-size:20px;color:#9099a1;margin-right:14px;position:relative;top:2px}.videoDetail .course .body .info[data-v-f2ccf8f2]{font-size:12px;color:#666;padding:6px 10px 0 35px}.videoDetail .course .bodys[data-v-f2ccf8f2]{background:#f0f9ff;color:#004e83}.videoDetail .course .bodys .info[data-v-f2ccf8f2],.videoDetail .course .bodys .name i[data-v-f2ccf8f2]{color:#004e83}",""])},386:function(t,e,o){"use strict";o.r(e);o(375),o(37),o(98);var r=o(99),d=o(28),n=o(6),l={validate:function(t){return t.params.id},head:function(){var t;return t={title:this.playVideo.videoName+" - IC智库",meta:[{hid:Math.random(),name:"keywords",content:this.playVideo.keyword}]},Object(r.a)(t,"meta",[{hid:Math.random(),name:"description",content:this.playVideo.videoDescription}]),Object(r.a)(t,"link",[{href:"https://g.alicdn.com/de/prismplayer/2.8.2/skins/default/aliplayer-min.css",rel:"stylesheet",type:"text/css"}]),Object(r.a)(t,"script",[{src:"https://g.alicdn.com/de/prismplayer/2.8.2/aliplayer-h5-min.js"}]),t},name:"videoDetail",data:function(){return{data:"",player:"",sub:[],index:-1,subtitle:""}},asyncData:function(t){var e=t.params,o=t.app,r=(new Date).getTime();return o.$axios.post("/course/getCourseWithCidOrVid",{id:decodeURIComponent(e.id.substring(1)),type:e.id.substring(0,1)}).then(function(t){console.log("视频信息接口"+((new Date).getTime()-r));var data=t.data.data?t.data.data:{},e={};if(1==t.data.code){var o=0;for(var d in data.videos){if(data.videos[d][data.currentOrder-o]){e=data.videos[d][data.currentOrder-o];break}o+=data.videos[d].length}}return{data:data,playVideo:e}}).catch(function(t){console.log("视频接口错误"),console.log(t)})},created:function(){this._videoPlay()},mounted:function(){var t=window.location.href,e=document.referrer;if(!/([http|https]:\/\/[a-zA-Z0-9\_\.]+\.baidu\.com)/gi.test(t)){var o="https://sp0.baidu.com/9_Q4simg2RQJ8t7jm9iCKT-xh_/s.gif";e?(o+="?r="+encodeURIComponent(document.referrer),t&&(o+="&l="+t)):t&&(o+="?l="+t),(new Image).src=o}},methods:{toSeconds:function(t){var s=0;if(t)for(var p=t.split(":"),i=0;i<p.length;i++)s=60*s+parseFloat(p[i].replace(",","."));return s},handle:function(){var time=this.player.getCurrentTime(),i=this.index;if(time<this.sub[i].endTime&&time>this.sub[i].startTime)this.subtitle=this.sub[i].content;else if(time>this.sub[i].endTime||time<this.sub[i].startTime){this.subtitle="";for(var t=0;t<this.sub.length;t++)if(time<this.sub[t].endTime&&time>this.sub[t].startTime){this.index=t,this.subtitle=this.sub[t].content;break}}},play:function(t){this.playVideo=t,this.$router.push({name:"videoDetail-id",params:{id:"2"+t.vID}})},_videoPlay:function(){var t=this;this.$axios.post("/video/videoPlay",{vid:this.playVideo.vID}).then(function(e){var data=e.data.data;t.player&&t.player.dispose();var o=t;t.player=new Aliplayer({id:"J_prismPlayer",height:"100%",width:"100%",vid:data.videoid,cover:data.coverurl,playauth:data.playAuth,encryptType:1,isLive:!1,defaultDefinition:"OD",components:[{name:"QualityComponent",type:d.a},{name:"RateComponent",type:d.b},{name:"ccComponent",type:d.c}]},function(){data.captionLocation?Object(n.getSrt)(data.captionLocation).then(function(t){o.sub=Object(d.e)(t);for(var i=0;i<o.sub.length;i++)o.sub[i].startTime=o.toSeconds(o.sub[i].startTime),o.sub[i].endTime=o.toSeconds(o.sub[i].endTime);"false"==data.isEnglish?(document.querySelector(".translate").style.display="none",document.querySelector(".subtitle").style.bottom="5%",o.index=0,o.player.on("timeupdate",o.handle)):document.querySelector(".translate").onclick=function(){-1==o.index?(o.index=0,o.player.on("timeupdate",o.handle),document.querySelector(".translate").innerText="已翻译"):(o.index=-1,o.subtitle="",o.player.off("timeupdate",o.handle),document.querySelector(".translate").innerText="翻译")}}):document.querySelector(".translate").style.display="none"})})}}},c=(o(377),o(5)),component=Object(c.a)(l,function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("div",{staticClass:"videoDetail"},[r("Header"),t._v(" "),r("div",{staticClass:"video"},[r("div",{staticClass:"top clear"},[r("div",{staticClass:"vleft"},[r("div",{staticClass:"prism-player",attrs:{id:"J_prismPlayer"}},[r("p",{staticClass:"subtitle"},[t._v(t._s(t.subtitle))])])]),t._v(" "),r("div",{staticClass:"vright"},[r("div",{staticClass:"title"},[t._v("视频来源")]),t._v(" "),r("div",{staticClass:"author"},[r("div",{staticClass:"nameImg"},[r("img",{staticClass:"name",attrs:{src:t.playVideo.contributor.photoLocation.startsWith("http")?t.playVideo.contributor.photoLocation:"https://www.iczhiku.com"+t.playVideo.contributor.photoLocation}}),t._v(" "),t.playVideo.contributor&&(t.playVideo.contributor.conCompany||t.playVideo.contributor.conExpertFlag)?r("img",{staticClass:"img",attrs:{src:t.playVideo.contributor.conCompany?"image/cirblue.png":"image/ciryellow.png"}}):t._e(),t._v(" "),r("span",[r("nuxt-link",{attrs:{to:{name:"people-id",params:{id:t.playVideo.contributor.uid}}}},[t._v(t._s(t.playVideo.contributor.realName))])],1)]),t._v(" "),t.playVideo.contributor.company||t.playVideo.contributor.title?r("div",{staticClass:"company"},[t._v("\n "+t._s(t.playVideo.contributor.company)+" "+t._s(t.playVideo.contributor.title)+"\n ")]):t._e(),t._v(" "),t.playVideo.contributor.keyword?r("div",{staticClass:"keyword"},[r("img",{attrs:{src:o(333)}}),t._v(t._s(t.playVideo.contributor.keyword)+"\n ")]):t._e()])])]),t._v(" "),r("div",{staticClass:"bottom"},[r("div",{staticClass:"name"},[t._v(t._s(t.data.cName))]),t._v(" "),r("div",{staticClass:"time"},[r("span",[r("img",{attrs:{src:o(316)}}),t._v(t._s(t.data.courseNum)+"课时 "+t._s(t.data.time))]),t._v(" "),r("span",[r("img",{attrs:{src:o(314)}}),t._v(t._s(t.data.clickRate)+"人已学习")]),t._v(" "),r("span",[r("img",{attrs:{src:o(315)}}),t._v("\n 关键字："),t.data.keyword&&"暂无"!=t.data.keyword?t._e():r("span",[t._v("暂无")]),t._v(" "),t.data.keyword&&"暂无"!=t.data.keyword?r("nuxt-link",{attrs:{to:{name:"search",query:{t:"course",d:(new Date).getTime(),q:encodeURIComponent(t.data.keyword),p:1,s:""}}}},[t._v(t._s(t.data.keyword))]):t._e()],1)]),t._v(" "),r("p",{staticClass:"background"},[t._v("课程简介："+t._s(t.data.courseBackground?t.data.courseBackground:"暂无简介"))])])]),t._v(" "),r("div",{staticClass:"course"},[t._l(t.data.videos,function(e,d,n){return r("div",{key:n,staticClass:"relate"},[r("div",{staticClass:"title"},[r("img",{attrs:{src:o(374)}}),t._v(t._s(d))]),t._v(" "),t._l(e,function(e,o){return r("div",{key:o},[e.vID!=t.playVideo.vID?r("div",{staticClass:"body",on:{click:function(o){return t.play(e)}}},[r("div",{staticClass:"name"},[r("i",{staticClass:"fa fa-play-circle"}),t._v("\n "+t._s(e.videoName)+" ("+t._s(e.videoDuration)+")\n ")]),t._v(" "),r("div",{staticClass:"info"},[t._v("简介："),e.videoDescription?r("span",[t._v("\n "+t._s(e.videoDescription)+"\n ")]):t._e(),t._v(" "),e.videoDescription?t._e():r("span",[t._v("\n 暂无简介\n ")])])]):t._e(),t._v(" "),e.vID==t.playVideo.vID?r("div",{staticClass:"body bodys",on:{click:function(o){return t.play(e)}}},[r("div",{staticClass:"name"},[r("i",{staticClass:"fa fa-pause-circle"}),t._v(" "),e.state?r("span",[t._v("正在播放：")]):t._e(),t._v("\n "+t._s(e.videoName)+" ("+t._s(e.videoDuration)+")\n ")]),t._v(" "),r("div",{staticClass:"info"},[t._v("简介：\n "),e.videoDescription?r("span",[t._v("\n "+t._s(e.videoDescription)+"\n ")]):t._e(),t._v(" "),e.videoDescription?t._e():r("span",[t._v("\n 暂无简介\n ")])])]):t._e()])})],2)}),t._v(" "),r("div",{staticClass:"relate"},[r("div",{staticClass:"title"},[t._v("相关课程")]),t._v(" "),t._l(t.data.relateCourse,function(e,d){return r("router-link",{key:d,staticClass:"list clear",attrs:{to:{name:"videoDetail-id",params:{id:"1"+e.cID}}}},[r("div",{staticClass:"l_left"},[r("img",{attrs:{src:e.picLocation}})]),t._v(" "),r("div",{staticClass:"l_right"},[r("h3",[t._v("\n "+t._s(e.cName)+"\n "),r("span",[r("img",{attrs:{src:o(316)}}),t._v(t._s(e.courseNum)+"课时 \n "+t._s(e.time)+"\n ")])]),t._v(" "),r("p",[t._v("简介：\n "),e.courseBackground?r("span",[t._v("\n "+t._s(e.courseBackground.length>150?e.courseBackground.substring(0,150)+"...":e.courseBackground)+"\n ")]):t._e(),t._v(" "),e.courseBackground?t._e():r("span",[t._v("\n 暂无简介\n ")])])])])})],2)],2),t._v(" "),r("Footer")],1)},[],!1,null,"f2ccf8f2",null);e.default=component.exports}}]);