Hooke / tswj

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
e47a8007 1 parent 41553e40

✨ feat(相关视频播放控件): 默认封面定义，后端不提供封面了

Inline Side-by-side
Showing 5 changed files with 20 additions and 5 deletions
...@@ -61,6 +61,8 @@ import icon_enable from '@images/icon-tongguo@2x.png' ...@@ -61,6 +61,8 @@ import icon_enable from '@images/icon-tongguo@2x.png'
61 import 'mui-player/dist/mui-player.min.css' 61 import 'mui-player/dist/mui-player.min.css'
62 import MuiPlayer from 'mui-player' 62 import MuiPlayer from 'mui-player'
63 import _ from 'lodash'; 63 import _ from 'lodash';
64 +import { DEFAULT_COVER } from '@/constant'
65 +
64 </script> 66 </script>
65 67
66 <script> 68 <script>
...@@ -97,7 +99,8 @@ export default { ...@@ -97,7 +99,8 @@ export default {
97 container: '#mui-player-' + this.item.id, 99 container: '#mui-player-' + this.item.id,
98 title: this.item.title, 100 title: this.item.title,
99 src: this.item.video, 101 src: this.item.video,
100 - poster: this.item.cover, 102 + // poster: this.item.cover,
103 + poster: DEFAULT_COVER,
101 autoFit: false, 104 autoFit: false,
102 videoAttribute: [ // 声明启用同层播放, 不让会自动全屏播放 105 videoAttribute: [ // 声明启用同层播放, 不让会自动全屏播放
103 { attrKey: 'webkit-playsinline', attrValue: 'webkit-playsinline' }, 106 { attrKey: 'webkit-playsinline', attrValue: 'webkit-playsinline' },
......
...@@ -115,6 +115,7 @@ import tools from '@/common/tool' ...@@ -115,6 +115,7 @@ import tools from '@/common/tool'
115 import { styleColor } from '@/constant.js'; 115 import { styleColor } from '@/constant.js';
116 116
117 import { Toast } from 'vant'; 117 import { Toast } from 'vant';
118 +import { DEFAULT_COVER } from '@/constant'
118 119
119 const props = defineProps({ 120 const props = defineProps({
120 item: Object, 121 item: Object,
...@@ -211,7 +212,8 @@ export default { ...@@ -211,7 +212,8 @@ export default {
211 container: '#mui-player-' + this.item.id, 212 container: '#mui-player-' + this.item.id,
212 title: this.item.title, 213 title: this.item.title,
213 src: this.item.video, 214 src: this.item.video,
214 - poster: this.item.cover, 215 + // poster: this.item.cover,
216 + poster: DEFAULT_COVER,
215 autoFit: false, 217 autoFit: false,
216 videoAttribute: [ // 声明启用同层播放, 不让会自动全屏播放 218 videoAttribute: [ // 声明启用同层播放, 不让会自动全屏播放
217 { attrKey: 'webkit-playsinline', attrValue: 'webkit-playsinline' }, 219 { attrKey: 'webkit-playsinline', attrValue: 'webkit-playsinline' },
......
...@@ -42,6 +42,7 @@ import 'mui-player/dist/mui-player.min.css' ...@@ -42,6 +42,7 @@ import 'mui-player/dist/mui-player.min.css'
42 import MuiPlayer from 'mui-player' 42 import MuiPlayer from 'mui-player'
43 import { prodActionAPI, prodInfoAPI } from '@/api/C/prod.js' 43 import { prodActionAPI, prodInfoAPI } from '@/api/C/prod.js'
44 import { useDebounce } from '@/hooks/useDebounce.js' 44 import { useDebounce } from '@/hooks/useDebounce.js'
45 +import { DEFAULT_COVER } from '@/constant'
45 46
46 const $router = useRouter(); 47 const $router = useRouter();
47 const props = defineProps({ 48 const props = defineProps({
...@@ -90,7 +91,8 @@ onMounted(() => { ...@@ -90,7 +91,8 @@ onMounted(() => {
90 container: '#mui-player-' + props.item.id, 91 container: '#mui-player-' + props.item.id,
91 title: props.item.title, 92 title: props.item.title,
92 src: props.item.video, 93 src: props.item.video,
93 - poster: props.item.cover, 94 + // poster: props.item.cover,
95 + poster: DEFAULT_COVER,
94 autoFit: false, 96 autoFit: false,
95 videoAttribute: [ // 声明启用同层播放, 不让会自动全屏播放 97 videoAttribute: [ // 声明启用同层播放, 不让会自动全屏播放
96 { attrKey: 'webkit-playsinline', attrValue: 'webkit-playsinline' }, 98 { attrKey: 'webkit-playsinline', attrValue: 'webkit-playsinline' },
......
...@@ -45,6 +45,7 @@ import icon_shoucang2 from '@images/icon-shoucang02@2x.png' ...@@ -45,6 +45,7 @@ import icon_shoucang2 from '@images/icon-shoucang02@2x.png'
45 import 'mui-player/dist/mui-player.min.css' 45 import 'mui-player/dist/mui-player.min.css'
46 import MuiPlayer from 'mui-player' 46 import MuiPlayer from 'mui-player'
47 import _ from 'lodash'; 47 import _ from 'lodash';
48 +import { DEFAULT_COVER } from '@/constant'
48 49
49 </script> 50 </script>
50 51
...@@ -70,7 +71,8 @@ export default { ...@@ -70,7 +71,8 @@ export default {
70 container: '#mui-player-' + this.item.id, 71 container: '#mui-player-' + this.item.id,
71 title: this.item.title, 72 title: this.item.title,
72 src: this.item.video, 73 src: this.item.video,
73 - poster: this.item.cover, 74 + // poster: this.item.cover,
75 + poster: DEFAULT_COVER,
74 autoFit: false, 76 autoFit: false,
75 videoAttribute: [ // 声明启用同层播放, 不让会自动全屏播放 77 videoAttribute: [ // 声明启用同层播放, 不让会自动全屏播放
76 {attrKey:'webkit-playsinline',attrValue:'webkit-playsinline'}, 78 {attrKey:'webkit-playsinline',attrValue:'webkit-playsinline'},
......
...@@ -2,12 +2,15 @@ ...@@ -2,12 +2,15 @@
2 * @Author: hookehuyr hookehuyr@gmail.com 2 * @Author: hookehuyr hookehuyr@gmail.com
3 * @Date: 2022-05-25 18:34:17 3 * @Date: 2022-05-25 18:34:17
4 * @LastEditors: hookehuyr hookehuyr@gmail.com 4 * @LastEditors: hookehuyr hookehuyr@gmail.com
5 - * @LastEditTime: 2022-06-08 21:07:19 5 + * @LastEditTime: 2022-06-22 19:34:49
6 * @FilePath: /tswj/src/constant.js 6 * @FilePath: /tswj/src/constant.js
7 * @Description: 7 * @Description:
8 */ 8 */
9 // 金数据表单 - 家长端 9 // 金数据表单 - 家长端
10 export const JSJ_FORM_C = 'https://jsjs.onwall.cn/f/NAGn1D'; 10 export const JSJ_FORM_C = 'https://jsjs.onwall.cn/f/NAGn1D';
11 +// 金数据表单 - 普通话 / 方言
12 +export const JSJ_FORM_MANDARIN = 'https://jsjs.onwall.cn/f/NAGn1D';
13 +export const JSJ_FORM_LOCALISM = 'https://jsjs.onwall.cn/f/NAGn1D';
11 14
12 // 金数据表单 - 老师端 15 // 金数据表单 - 老师端
13 export const JSJ_FORM_B = 'https://jsj.onwall.cn/f/g7D0MT'; 16 export const JSJ_FORM_B = 'https://jsj.onwall.cn/f/g7D0MT';
...@@ -39,3 +42,6 @@ export const USER_TYPE = { ...@@ -39,3 +42,6 @@ export const USER_TYPE = {
39 VISIT: 'V', 42 VISIT: 'V',
40 KINDERGARTEN: 'K', 43 KINDERGARTEN: 'K',
41 } 44 }
45 +
46 +// 默认视频封面
47 +export const DEFAULT_COVER = 'http://gyzs.onwall.cn/tswj_vidieo_cover.jpg'
......