整合pc端nvs播放器

h5/.eslintrc.js

@@ -5,7 +5,7 @@ module.exports = {
   },
   extends: [
     'plugin:vue/essential',
-    '@vue/standard'
+    // '@vue/standard'
   ],
   parserOptions: {
     parser: '@babel/eslint-parser'

h5/package.json

@@ -10,6 +10,9 @@
   "dependencies": {
     "core-js": "^3.8.3",
     "element-ui": "^2.15.14",
+    "less": "^4.2.0",
+    "less-loader": "^11.1.3",
+    "moment": "^2.29.4",
     "vue": "^2.6.14",
     "vue-router": "^3.5.1"
   },

h5/src/main.js

 import Vue from 'vue'
 import App from './App.vue'
 import router from './router'
-
+import ElementUI from 'element-ui';
+import 'element-ui/lib/theme-chalk/index.css'
 Vue.config.productionTip = false
-
+Vue.use(ElementUI)
 new Vue({
   router,
   render: h => h(App)

h5/src/router/index.js

@@ -39,6 +39,16 @@ const routes = [
     name: 'ElTableDemo',
     component: () => import('../views/ElTableDemo.vue')
   }, */
+  {
+    path: '/jplayer-web',
+    name: 'jplayerWeb',
+    component: () => import('../views/pc/index.vue')
+  },
+  {
+    path: '/jplayer-web-demo',
+    name: 'jplayerWebDemo',
+    component: () => import('../views/pc/pcdemo.vue')
+  }
 ]
 
 const router = new VueRouter({

h5/src/views/pc/pcdemo.vue

+<template>
+  <div>
+    <!-- 添加视频测试 -->
+      <div>
+        <el-button type="primary" @click="addPlayer({channelId: '20000000001310000008',address: '52.130.155.147'})">添加视频一</el-button>
+        <el-button type="primary" @click="addPlayer({channelId: '20000000001310000008',address: '52.130.155.147'})">添加视频二</el-button>
+      </div>
+      <indexPlayer ref="indexPlayer" />
+  </div>
+</template>
+<script>
+import indexPlayer from './index.vue';
+export default {
+  name: 'jplayerWebDemo',
+  components: {
+    indexPlayer,
+  },
+  data() {
+    return {
+    }
+  },
+  created() {
+  },
+  methods: {
+    addPlayer(obj) {
+      this.$refs.indexPlayer.init(obj);
+    },
+  },
+}
+</script>
+<style lang="scss" scoped>
+</style>
\ No newline at end of file