Skip to content

H
h5-base
Commit b2d59fb4 authored by chenyishuai@singsingenglish.com's avatar chenyishuai@singsingenglish.com
Browse files
Options

814

parent 7d3678d3
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 70 additions and 13 deletions
dev/index.html
View file @ b2d59fb4
...@@ -11,4 +11,4 @@ ...@@ -11,4 +11,4 @@
position: fixed; position: fixed;
background: #f4f4f4; background: #f4f4f4;
} }
/* html{font-size: 1px;} */</style><link href=static/css/app.f983055a19b69eb54137ee36031e8a72.css rel=stylesheet></head><body><div id=app></div><script src=https://res.wx.qq.com/open/js/jweixin-1.3.2.js></script><script></script><script type=text/javascript src=static/js/manifest.8486f507ea1ef845a804.js></script><script type=text/javascript src=static/js/vendor.98424382760ade9616ed.js></script><script type=text/javascript src=static/js/app.4da6c2a4529409da22bb.js></script></body></html> /* html{font-size: 1px;} */</style><link href=static/css/app.f983055a19b69eb54137ee36031e8a72.css rel=stylesheet></head><body><div id=app></div><script src=https://res.wx.qq.com/open/js/jweixin-1.3.2.js></script><script></script><script type=text/javascript src=static/js/manifest.8f6010e151eb6cf98ab8.js></script><script type=text/javascript src=static/js/vendor.9045e57ab7f23772e80d.js></script><script type=text/javascript src=static/js/app.abbc6c1bb83f3677e439.js></script></body></html>
\ No newline at end of file \ No newline at end of file
dev/static/js/1.8312a853e67d5d95e132.js 0 → 100644
View file @ b2d59fb4
This source diff could not be displayed because it is too large. You can view the blob instead.
dev/static/js/1.c52046a507f515f32d9e.js deleted 100644 → 0
View file @ 7d3678d3
This source diff could not be displayed because it is too large. You can view the blob instead.
dev/static/js/app.4da6c2a4529409da22bb.js → dev/static/js/app.abbc6c1bb83f3677e439.js
View file @ b2d59fb4
This source diff could not be displayed because it is too large. You can view the blob instead.
dev/static/js/manifest.8486f507ea1ef845a804.js → dev/static/js/manifest.8f6010e151eb6cf98ab8.js
View file @ b2d59fb4
!function(e){var d=window.webpackJsonp;window.webpackJsonp=function(c,b,n){for(var r,t,o,i=0,u=[];i<c.length;i++)t=c[i],a[t]&&u.push(a[t][0]),a[t]=0;for(r in b)Object.prototype.hasOwnProperty.call(b,r)&&(e[r]=b[r]);for(d&&d(c,b,n);u.length;)u.shift()();if(n)for(i=0;i<n.length;i++)o=f(f.s=n[i]);return o};var c={},a={58:0};function f(d){if(c[d])return c[d].exports;var a=c[d]={i:d,l:!1,exports:{}};return e[d].call(a.exports,a,a.exports,f),a.l=!0,a.exports}f.e=function(e){var d=a[e];if(0===d)return new Promise(function(e){e()});if(d)return d[2];var c=new Promise(function(c,f){d=a[e]=[c,f]});d[2]=c;var b=document.getElementsByTagName("head")[0],n=document.createElement("script");n.type="text/javascript",n.charset="utf-8",n.async=!0,n.timeout=12e4,f.nc&&n.setAttribute("nonce",f.nc),n.src=f.p+"static/js/"+({0:"vendor-async"}[e]||e)+"."+{0:"450b115d3c329aa2c0d1",1:"c52046a507f515f32d9e",2:"066d6174c3c9a691eaa9",3:"46e4130e2d19316f59fb",4:"e7472ee3fdd30df5c4ab",5:"b6df00df4dcb9e2ec9be",6:"61700a27ce5813cf15df",7:"e693574a01be2e2c06d9",8:"42f80e729b6010e2e9b3",9:"08ee562f51a489d20519",10:"71f6e9a0f2df08b0c272",11:"9aea05a9b3666afbf568",12:"d57e82b1592dec4c9382",13:"34cae2d1adf30c2035de",14:"0dbc59c71380b7cbd527",15:"24137f33ac09917e16b7",16:"fc5a441530f8dbcc2641",17:"240e81ae1a7a304eba76",18:"d4b50a6780356ce0bd5a",19:"d25201144269c66aea78",20:"d03f48a9610b137b4e0f",21:"39e2276099413d90e461",22:"982c17d60fc9e4ef1e06",23:"5b5c94111e2f5948175f",24:"62f0cd5963b95494b554",25:"d39dc4835d15b0cbccbe",26:"8824fe67fb3cfc7ce862",27:"c5de7c036edbe4171e44",28:"7b7736a6c2ac9d5b0532",29:"065ac0eb9f1c5854d593",30:"536e00702218e6b382d4",31:"07f3edec3d8d9b94909b",32:"94ddd814e9b03e928a6d",33:"90d93b69c2146ab91efa",34:"d8b20acde13b9343b4b4",35:"e687ce5aa45e5398b2a2",36:"d50f044e40cd82b84381",37:"b4162ff2e52bf265d69d",38:"5f8113bd2d6a3d98d119",39:"d8a581861c65a73f7806",40:"29e1a633f13f512f41bb",41:"f577377fa26565b6e497",42:"458aea196a564b934cf0",43:"d8594ec21c4db71e2f2d",44:"14f4da810aceafa9112d",45:"88830d27a04d9cbc5a5a",46:"bf13cdf26d1a09c99b8f",47:"2f3f73870935b573d252",48:"d7b5c61b8025fa7b0f32",49:"8b1e708c45fd912337d1",50:"355843aa8c0752f8e8af",51:"72b25239de77d37de87b",52:"40a1f33a814d036e7df7",53:"bfb7dc072560eeb3dda3",54:"d800c5652be3fc4d9bda",55:"e3d5130186da9d19e000"}[e]+".js";var r=setTimeout(t,12e4);function t(){n.onerror=n.onload=null,clearTimeout(r);var d=a[e];0!==d&&(d&&d[1](new Error("Loading chunk "+e+" failed.")),a[e]=void 0)}return n.onerror=n.onload=t,b.appendChild(n),c},f.m=e,f.c=c,f.d=function(e,d,c){f.o(e,d)||Object.defineProperty(e,d,{configurable:!1,enumerable:!0,get:c})},f.n=function(e){var d=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(d,"a",d),d},f.o=function(e,d){return Object.prototype.hasOwnProperty.call(e,d)},f.p="",f.oe=function(e){throw console.error(e),e}}([]); !function(e){var d=window.webpackJsonp;window.webpackJsonp=function(a,b,n){for(var r,t,o,i=0,u=[];i<a.length;i++)t=a[i],c[t]&&u.push(c[t][0]),c[t]=0;for(r in b)Object.prototype.hasOwnProperty.call(b,r)&&(e[r]=b[r]);for(d&&d(a,b,n);u.length;)u.shift()();if(n)for(i=0;i<n.length;i++)o=f(f.s=n[i]);return o};var a={},c={58:0};function f(d){if(a[d])return a[d].exports;var c=a[d]={i:d,l:!1,exports:{}};return e[d].call(c.exports,c,c.exports,f),c.l=!0,c.exports}f.e=function(e){var d=c[e];if(0===d)return new Promise(function(e){e()});if(d)return d[2];var a=new Promise(function(a,f){d=c[e]=[a,f]});d[2]=a;var b=document.getElementsByTagName("head")[0],n=document.createElement("script");n.type="text/javascript",n.charset="utf-8",n.async=!0,n.timeout=12e4,f.nc&&n.setAttribute("nonce",f.nc),n.src=f.p+"static/js/"+({0:"vendor-async"}[e]||e)+"."+{0:"450b115d3c329aa2c0d1",1:"8312a853e67d5d95e132",2:"066d6174c3c9a691eaa9",3:"46e4130e2d19316f59fb",4:"e7472ee3fdd30df5c4ab",5:"b6df00df4dcb9e2ec9be",6:"61700a27ce5813cf15df",7:"e693574a01be2e2c06d9",8:"42f80e729b6010e2e9b3",9:"08ee562f51a489d20519",10:"71f6e9a0f2df08b0c272",11:"9aea05a9b3666afbf568",12:"d57e82b1592dec4c9382",13:"34cae2d1adf30c2035de",14:"0dbc59c71380b7cbd527",15:"24137f33ac09917e16b7",16:"fc5a441530f8dbcc2641",17:"240e81ae1a7a304eba76",18:"d4b50a6780356ce0bd5a",19:"d25201144269c66aea78",20:"d03f48a9610b137b4e0f",21:"39e2276099413d90e461",22:"982c17d60fc9e4ef1e06",23:"5b5c94111e2f5948175f",24:"62f0cd5963b95494b554",25:"d39dc4835d15b0cbccbe",26:"8824fe67fb3cfc7ce862",27:"c5de7c036edbe4171e44",28:"7b7736a6c2ac9d5b0532",29:"065ac0eb9f1c5854d593",30:"536e00702218e6b382d4",31:"07f3edec3d8d9b94909b",32:"94ddd814e9b03e928a6d",33:"90d93b69c2146ab91efa",34:"d8b20acde13b9343b4b4",35:"e687ce5aa45e5398b2a2",36:"d50f044e40cd82b84381",37:"b4162ff2e52bf265d69d",38:"5f8113bd2d6a3d98d119",39:"d8a581861c65a73f7806",40:"29e1a633f13f512f41bb",41:"f577377fa26565b6e497",42:"458aea196a564b934cf0",43:"d8594ec21c4db71e2f2d",44:"14f4da810aceafa9112d",45:"88830d27a04d9cbc5a5a",46:"bf13cdf26d1a09c99b8f",47:"2f3f73870935b573d252",48:"d7b5c61b8025fa7b0f32",49:"8b1e708c45fd912337d1",50:"355843aa8c0752f8e8af",51:"72b25239de77d37de87b",52:"40a1f33a814d036e7df7",53:"bfb7dc072560eeb3dda3",54:"d800c5652be3fc4d9bda",55:"e3d5130186da9d19e000"}[e]+".js";var r=setTimeout(t,12e4);function t(){n.onerror=n.onload=null,clearTimeout(r);var d=c[e];0!==d&&(d&&d[1](new Error("Loading chunk "+e+" failed.")),c[e]=void 0)}return n.onerror=n.onload=t,b.appendChild(n),a},f.m=e,f.c=a,f.d=function(e,d,a){f.o(e,d)||Object.defineProperty(e,d,{configurable:!1,enumerable:!0,get:a})},f.n=function(e){var d=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(d,"a",d),d},f.o=function(e,d){return Object.prototype.hasOwnProperty.call(e,d)},f.p="",f.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file \ No newline at end of file
src/components/newLesson/video.vue
View file @ b2d59fb4
...@@ -44,9 +44,9 @@ ...@@ -44,9 +44,9 @@
<div <div
class="video-block hp-video" class="video-block hp-video"
v-if="showObj.video[videoIndex]" v-if="showObj.video[videoIndex]"
v-show="!share_show && !popupVisible && !star" v-show="!share_show && !popupVisible && !star">
>
<video <video
ref="videoDom"
:src="showObj.video[videoIndex].url" :src="showObj.video[videoIndex].url"
@ended="videoEnd" @ended="videoEnd"
@play="videoPlay()" @play="videoPlay()"
...@@ -73,7 +73,7 @@ ...@@ -73,7 +73,7 @@
<div @click="changeClarity(540)" :class="{select:clarityType=='540'}">流畅</div> <div @click="changeClarity(540)" :class="{select:clarityType=='540'}">流畅</div>
</div> </div>
<span v-if="!orientationchange&&showObj.video.length>1">选集</span> <span v-if="!orientationchange&&showObj.video.length>1">选集</span>
<span class="fr" v-if="contentData.title==2" @click.stop="secClarity=!secClarity"> <span class="fr" v-if="contentData.title==2&&!orientationchange" @click.stop="secClarity=!secClarity">
<i v-if="clarityType==1280">超清</i> <i v-if="clarityType==1280">超清</i>
<i v-if="clarityType==720">高清</i> <i v-if="clarityType==720">高清</i>
<i v-if="clarityType==540">流畅</i> <i v-if="clarityType==540">流畅</i>
...@@ -87,8 +87,7 @@ ...@@ -87,8 +87,7 @@
v-if="!orientationchange" v-if="!orientationchange"
ref="scrollDom" ref="scrollDom"
:scrollX="true" :scrollX="true"
:bounce="true" :bounce="true">
>
<div class="itemBox" ref="itembox"> <div class="itemBox" ref="itembox">
<div :class="{item:true}" v-for="(item,index) in showObj.video" @click="scrollFn(index)"> <div :class="{item:true}" v-for="(item,index) in showObj.video" @click="scrollFn(index)">
<img :class="{activity:videoStyle==index}" :src="item.url+'?vframe/jpg/offset/3'" alt /> <img :class="{activity:videoStyle==index}" :src="item.url+'?vframe/jpg/offset/3'" alt />
...@@ -179,7 +178,8 @@ export default { ...@@ -179,7 +178,8 @@ export default {
testCount: 5, testCount: 5,
videoStyle: "0", videoStyle: "0",
videoWidth: 100, videoWidth: 100,
audioPoint: audioGood audioPoint: audioGood,
currentTime:''
}; };
}, },
props: ["contentData", "nowShow"], props: ["contentData", "nowShow"],
...@@ -224,6 +224,7 @@ export default { ...@@ -224,6 +224,7 @@ export default {
}, },
methods: { methods: {
changeClarity(a) { changeClarity(a) {
this.currentTime = this.$refs.videoDom.currentTime
if (a == "1280") { if (a == "1280") {
this.clarityType = 1280; this.clarityType = 1280;
localStorage.setItem("clarityType", this.clarityType); localStorage.setItem("clarityType", this.clarityType);
...@@ -243,6 +244,7 @@ export default { ...@@ -243,6 +244,7 @@ export default {
el.url = el.url.slice(0,el.url.indexOf('_'))+'_'+this.clarityType+el.url.slice(-4) el.url = el.url.slice(0,el.url.indexOf('_'))+'_'+this.clarityType+el.url.slice(-4)
}) })
} }
this.secClarity = false; this.secClarity = false;
}, },
scrollFn(index) { scrollFn(index) {
...@@ -422,6 +424,10 @@ export default { ...@@ -422,6 +424,10 @@ export default {
}, },
videoPlay() { videoPlay() {
// 神策埋点 点击操作 // 神策埋点 点击操作
if(this.currentTime){
this.$refs.videoDom.currentTime = this.currentTime
}
this.$sa.track("watchClick", { this.$sa.track("watchClick", {
dayModule: JSON.parse( dayModule: JSON.parse(
localStorage.getItem("lessonDetail") localStorage.getItem("lessonDetail")
...@@ -450,6 +456,7 @@ export default { ...@@ -450,6 +456,7 @@ export default {
partName: this.contentData.partName, partName: this.contentData.partName,
elementID: this.$route.query.elementId.toString() elementID: this.$route.query.elementId.toString()
}); });
}, },
changeAge(value) { changeAge(value) {
localStorage.getItem('clarityType')?this.clarityType = localStorage.getItem('clarityType'):this.clarityType = 1280 localStorage.getItem('clarityType')?this.clarityType = localStorage.getItem('clarityType'):this.clarityType = 1280
...@@ -561,6 +568,7 @@ export default { ...@@ -561,6 +568,7 @@ export default {
right: 0; right: 0;
bottom: -145 * @toVw; bottom: -145 * @toVw;
padding: 15 * @toVw 15 * @toVw 0; padding: 15 * @toVw 15 * @toVw 0;
z-index:10001;
background: white; background: white;
border-radius: 11 * @toVw; border-radius: 11 * @toVw;
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
...@@ -642,7 +650,7 @@ export default { ...@@ -642,7 +650,7 @@ export default {
border: 4px solid #69c0ff; border: 4px solid #69c0ff;
overflow: hidden; overflow: hidden;
video { video {
width: 100%; width: 307* @toVw;
// height: 171*@toVw; // height: 171*@toVw;
margin: 0; margin: 0;
display: block; display: block;
......
src/main.js
View file @ b2d59fb4
...@@ -37,9 +37,9 @@ Vue.component('scroll', scroll); ...@@ -37,9 +37,9 @@ Vue.component('scroll', scroll);
// Vue.prototype.$throw = (error)=> errorHandler(error,this); // Vue.prototype.$throw = (error)=> errorHandler(error,this);
/* eslint-disable no-new */ /* eslint-disable no-new */
// Vue.prototype.testAttr = 'testAttr' // Vue.prototype.testAttr = 'testAttr'
if (process.env.NODE_ENV != 'production') { // if (process.env.NODE_ENV != 'production') {
new VConsole(); // new VConsole();
} // }
router.beforeEach((to, from, next) => { router.beforeEach((to, from, next) => {
next() next()
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment