feat: 抽离配置文件

h5/src/components/vionPlayer/config.js

+const operateBtns = {
+  fullscreen: true,
+  screenshot: false,
+  play: true,
+  audio: true,
+  ptz: true, // 云台
+  zoom: true,// 电子放大
+  performance: true, // 视频流信息展示
+  record: true, // 录制
+  scale: true, // 显示模式：拉伸、缩放、正常
+  quality: false, // 视频清晰度
+};
+
+const extendOperateBtns = [];
+
+export default function() {
+  return {
+    decoder: '/jessibuca-pro/decoder-pro.js',
+    text: '', // TODO: 功能暂不清楚
+    keepScreenOn: true, // 屏幕常亮
+    isResize: false,
+    isNotMute: false,
+    debug: false, // 是否开启控制台调试打印
+
+    // 播放相关
+    videoBuffer: 0.1, // 缓存时长
+    videoBufferDelay: 0.2, // 缓存延迟(延迟超过会触发丢帧)
+    // TODO: 是否通过浏览器API判断是否支持后，再赋值true或false
+    // useMSE: false,
+    // useWCS: checkSupportWCSHevc(),
+    // useWCS: false,
+    // useSIMD: checkSupportSIMD(),
+    // wcsUseVideoRender: checkSupportWCSHevc(),
+    useWebFullScreen: false, // ios可能不支持系统级别全屏，可能要使用此配置
+    timeout: 10, // 在连接成功之前(loading)和播放中途(heart),如果超过设定时长无数据返回,则回调timeout事件
+
+    // 按钮和界面
+    loadingText: '加载中...',
+    controlAutoHide: true,
+    supportDblclickFullscreen: false,
+    showBandwidth: true, // 显示网速
+    // angle fontSize fontFamily
+    fullscreenWatermarkConfig: {
+      opacity: 0.3,
+      text: '',
+    },
+    operateBtns,
+    extendOperateBtns,
+    showPerformance: false, // 显示性能
+    qualityConfig: ['标清', '高清'],
+
+
+    // 云台控制
+    ptzClickType: 'mouseDownAndUp', // click mouseDownAndUp
+    ptzZoomShow: true,
+    ptzMoreArrowShow: true,
+    // ptzApertureShow: true, // 光圈
+    ptzFocusShow: true,
+  }
+}

h5/src/components/vionPlayer/index.vue

@@ -3,8 +3,10 @@
 </template>
 
 <script>
+import { merge } from 'lodash';
 // checkSupportMSEHevc checkSupportSIMD, checkSupportWCSHevc
 import { getWatermarkCanvasImg } from './utils';
+import getPlayerConfig from './config';
 
 export default {
   name: 'VionPlayer',
@@ -58,40 +60,13 @@ export default {
   },
   methods:{
     init(url, params = {}) {
-      let options = Object.assign({
+      const options = merge(getPlayerConfig(), {
         container: this.$refs.container,
-        decoder: '/jessibuca-pro/decoder-pro.js',
-        text: '', // TODO: 功能暂不清楚
-        keepScreenOn: true, // 屏幕常亮
-        isResize: false,
-        isNotMute: false,
-        debug: false, // 是否开启控制台调试打印
-
-        // 播放相关
-        videoBuffer: 0.1, // 缓存时长
-        videoBufferDelay: 0.2, // 缓存延迟(延迟超过会触发丢帧)
-        // TODO: 是否通过浏览器API判断是否支持后，再赋值true或false
-        // useMSE: false,
-        // useWCS: checkSupportWCSHevc(),
-        // useWCS: false,
-        // useSIMD: checkSupportSIMD(),
-        // wcsUseVideoRender: checkSupportWCSHevc(),
-        useWebFullScreen: this.isXCXPage, // ios可能不支持系统级别全屏，可能要使用此配置
-        timeout: 10, // 在连接成功之前(loading)和播放中途(heart),如果超过设定时长无数据返回,则回调timeout事件
-
-        // 按钮和界面
-        loadingText: '加载中...',
-        controlAutoHide: true,
-        supportDblclickFullscreen: false,
-        showBandwidth: true, // 显示网速
-        // angle fontSize fontFamily
+        useWebFullScreen: this.isXCXPage,
         fullscreenWatermarkConfig: {
-          opacity: 0.3,
           text: this.watermarkText || '',
         },
         operateBtns: {
-          fullscreen: true,
-          screenshot: false,
           play: !this.isXCXPage,
           audio: !this.isXCXPage,
           ptz: this.showPtz, // 云台
@@ -99,19 +74,7 @@ export default {
           performance: !this.isXCXPage, // 视频流信息展示
           record: !this.isXCXPage, // 录制
           scale: !this.isXCXPage, // 显示模式：拉伸、缩放、正常
-          quality: false, // 视频清晰度
         },
-        extendOperateBtns: [],
-        showPerformance: false, // 显示性能
-        qualityConfig: ['标清', '高清'],
-
-
-        // 云台控制
-        ptzClickType: 'mouseDownAndUp', // click mouseDownAndUp
-        ptzZoomShow: true,
-        ptzMoreArrowShow: true,
-        // ptzApertureShow: true, // 光圈
-        ptzFocusShow: true,
       });
 
       console.log('init-options', options);