Home Explore Help
Sign In
service-platform
/
web-test
3
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

1

guhongwei 4 years ago
parent
107f1f4988
commit
92f476aad4
6 changed files with 33 additions and 53 deletions
Unified View Show Diff Stats
  1. 1 0
      public/index.html
  2. BIN
      public/swf/flowplayer-3.2.18.swf
  3. BIN
      public/swf/flowplayer.controls-3.2.16.swf
  4. BIN
      public/swf/flowplayer.rtmp-3.2.13.swf
  5. 0 50
      public/videoLive.html
  6. 32 3
      src/views/hall/direct.vue

+ 1 - 0
public/index.html
View File 

@@ -6,6 +6,7 @@
 
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
 
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
 
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
 
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
 
     <title><%= htmlWebpackPlugin.options.title %></title>
 
     <title><%= htmlWebpackPlugin.options.title %></title>
 
+    <script src="/platlive/static/js/flowplayer-3.2.13.min.js"></script>
 
   </head>
 
   </head>
 
   <body>
 
   <body>
 
     <noscript>
 
     <noscript>

BIN
public/swf/flowplayer-3.2.18.swf
View File


BIN
public/swf/flowplayer.controls-3.2.16.swf
View File


BIN
public/swf/flowplayer.rtmp-3.2.13.swf
View File


+ 0 - 50
public/videoLive.html
View File 

@@ -1,50 +0,0 @@
 
-<!DOCTYPE html>
 
-<html lang="en">
 
-
 
-<head>
 
-  <meta charset="UTF-8">
 
-  <title>rtmp直播</title>
 
-  <script src="/platlive/static/js/flowplayer-3.2.13.min.js"></script>
 
-  <style type="text/css">
 
-    body {
 
-      margin: 0;
 
-    }
 
-
 
-    .h5video {
 
-      width: 100%;
 
-      height: 100vh;
 
-    }
 
-  </style>
 
-</head>
 
-
 
-<body>
 
-  <div class="h5video" id="playerDiv2"></div>
 
-  <script>
 
-    var url_2 = 'rtmp://127.0.0.1/live/111111';
 
-    var oPlayerDiv2 = document.getElementById('playerDiv2');
 
-    oPlayerDiv2.setAttribute("data-rtmp", url_2);
 
-    oPlayerDiv2.setAttribute("href", url_2);
 
-    var swfStr = "/platlive/static/swf/flowplayer-3.2.18.swf"
 
-    var obj_1 = {
 
-      clip: {
 
-        provider: 'rtmp',
 
-        bufferLength: 0,
 
-        bufferTime: 0,
 
-        autoPlay: true,
 
-        live: true
 
-      },
 
-      plugins: {
 
-        rtmp: {
 
-          url: "flowplayer.rtmp-3.2.13.swf",
 
-          netConnectionUrl: url_2
 
-        }
 
-      }
 
-    };
 
-
 
-    const obj_2 = JSON.parse(JSON.stringify(obj_1));
 
-    obj_2.plugins.rtmp.netConnectionUrl = url_2;
 
-    flowplayer('playerDiv2', swfStr, obj_2);
 
-  </script>
 
-</body>
 
-
 
-</html>

+ 32 - 3
src/views/hall/direct.vue
View File 

@@ -56,7 +56,7 @@
 
                 </el-col>
 
                 </el-col>
 
                 <el-col :span="24" :class="[dockInfo.room_id == '1006' ? 'leftvideos' : 'leftvideo']">
 
                 <el-col :span="24" :class="[dockInfo.room_id == '1006' ? 'leftvideos' : 'leftvideo']">
 
                   <span v-if="dockInfo.room_id == '1006'">
 
                   <span v-if="dockInfo.room_id == '1006'">
 
-                    <iframe src="/platlive/videoLive.html" style="width:100%;height:100%"></iframe>
 
+                    <div class="h5video" id="videoDiv" style="height:400px;"></div>
 
                   </span>
 
                   </span>
 
                   <span v-else>
 
                   <span v-else>
 
                     <el-col :span="24" class="videoTop">
 
                     <el-col :span="24" class="videoTop">
 
@@ -359,7 +359,7 @@ export default {
 
     expeDetail, //专家详情
 
     expeDetail, //专家详情
 
     trainList, //交易列表
 
     trainList, //交易列表
 
     imagetxtList, //图文直播
 
     imagetxtList, //图文直播
 
-    // swiper,
 
+    swiper,
 
   },
 
   },
 
   data: () => ({
 
   data: () => ({
 
     // 对接会详情
 
     // 对接会详情
 
@@ -409,14 +409,44 @@ export default {
 
         prevEl: '.swiper-button-prev',
 
         prevEl: '.swiper-button-prev',
 
       },
 
       },
 
     },
 
     },
 
+    // 直播流地址
 
+    rmtpUrl: 'rtmp://127.0.0.1/live/111111',
 
   }),
 
   }),
 
 
 
   async created() {
 
   async created() {
 
     this.$set(this, `dock_id`, this.$route.query.id);
 
     this.$set(this, `dock_id`, this.$route.query.id);
 
     await this.searchdock();
 
     await this.searchdock();
 
     await this.seachtVideo();
 
     await this.seachtVideo();
 
+    this.$nextTick(() => {
 
+      this.searchLive();
 
+    });
 
   },
 
   },
 
   methods: {
 
   methods: {
 
+    searchLive() {
 
+      let url_2 = this.rmtpUrl;
 
+      var ovideoDiv = document.getElementById('videoDiv');
 
+      ovideoDiv.setAttribute('data-rtmp', url_2);
 
+      ovideoDiv.setAttribute('href', url_2);
 
+      var swfStr = '/swf/flowplayer-3.2.18.swf';
 
+      var obj_1 = {
 
+        clip: {
 
+          provider: 'rtmp',
 
+          bufferLength: 0,
 
+          bufferTime: 0,
 
+          autoPlay: true,
 
+          live: true,
 
+        },
 
+        plugins: {
 
+          rtmp: {
 
+            url: 'flowplayer.rtmp-3.2.13.swf',
 
+            netConnectionUrl: url_2,
 
+          },
 
+        },
 
+      };
 
+      const obj_2 = JSON.parse(JSON.stringify(obj_1));
 
+      obj_2.plugins.rtmp.netConnectionUrl = url_2;
 
+      flowplayer('videoDiv', swfStr, obj_2);
 
+    },
 
     // 展会
 
     // 展会
 
     ...dock({ dockQuery: 'query', dockFetch: 'fetch', goodsquery: 'goodsquery' }),
 
     ...dock({ dockQuery: 'query', dockFetch: 'fetch', goodsquery: 'goodsquery' }),
 
     // 用户
 
     // 用户
 
@@ -431,7 +461,6 @@ export default {
 
     ...newsguidance({ danceQuery: 'query' }),
 
     ...newsguidance({ danceQuery: 'query' }),
 
     // 项目路演
 
     // 项目路演
 
     ...newsroadshow({ adshowQuery: 'query' }),
 
     ...newsroadshow({ adshowQuery: 'query' }),
 
-
 
     // 查询详情
 
     // 查询详情
 
     async searchdock() {
 
     async searchdock() {
 
       // 对接会详情
 
       // 对接会详情