From 0c356c5fb523721ce6d677c55c02b0dcfb2be713 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BC=A0=E9=91=AB?= Date: Tue, 29 Dec 2020 19:02:17 +0800 Subject: [PATCH] =?UTF-8?q?VXG=20pnacl=E4=B8=8Bnmf=E5=BC=95=E7=94=A8?= =?UTF-8?q?=E5=A4=B1=E6=95=88=E9=97=AE=E9=A2=98=E4=BF=AE=E5=A4=8D=EF=BC=8C?= =?UTF-8?q?=E9=9C=80=E6=94=BE=E5=9C=A8public=E6=96=87=E4=BB=B6=E5=A4=B9?= =?UTF-8?q?=E4=B8=8B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../video_play_plugins/favicon.ico | Bin .../pnacl/Release/media_player.nmf | 0 .../pnacl/Release/media_player.pexe | Bin .../vxgplayer-1.8.54.min.css | 0 .../vxgplayer-1.8.54.min.js | 0 src/main.js | 4 +- src/views/realTimeMonitoring/index.vue | 69 +++--------------- 7 files changed, 12 insertions(+), 61 deletions(-) rename {src/utils => public}/video_play_plugins/favicon.ico (100%) rename {src/utils => public}/video_play_plugins/pnacl/Release/media_player.nmf (100%) rename {src/utils => public}/video_play_plugins/pnacl/Release/media_player.pexe (100%) rename {src/utils => public}/video_play_plugins/vxgplayer-1.8.54.min.css (100%) rename {src/utils => public}/video_play_plugins/vxgplayer-1.8.54.min.js (100%) diff --git a/src/utils/video_play_plugins/favicon.ico b/public/video_play_plugins/favicon.ico similarity index 100% rename from src/utils/video_play_plugins/favicon.ico rename to public/video_play_plugins/favicon.ico diff --git a/src/utils/video_play_plugins/pnacl/Release/media_player.nmf b/public/video_play_plugins/pnacl/Release/media_player.nmf similarity index 100% rename from src/utils/video_play_plugins/pnacl/Release/media_player.nmf rename to public/video_play_plugins/pnacl/Release/media_player.nmf diff --git a/src/utils/video_play_plugins/pnacl/Release/media_player.pexe b/public/video_play_plugins/pnacl/Release/media_player.pexe similarity index 100% rename from src/utils/video_play_plugins/pnacl/Release/media_player.pexe rename to public/video_play_plugins/pnacl/Release/media_player.pexe diff --git a/src/utils/video_play_plugins/vxgplayer-1.8.54.min.css b/public/video_play_plugins/vxgplayer-1.8.54.min.css similarity index 100% rename from src/utils/video_play_plugins/vxgplayer-1.8.54.min.css rename to public/video_play_plugins/vxgplayer-1.8.54.min.css diff --git a/src/utils/video_play_plugins/vxgplayer-1.8.54.min.js b/public/video_play_plugins/vxgplayer-1.8.54.min.js similarity index 100% rename from src/utils/video_play_plugins/vxgplayer-1.8.54.min.js rename to public/video_play_plugins/vxgplayer-1.8.54.min.js diff --git a/src/main.js b/src/main.js index 6d0b3bd..552625d 100644 --- a/src/main.js +++ b/src/main.js @@ -8,8 +8,8 @@ import './layouts/index' import utils from './utils/index' import api from './plugins/axios/index' import JSMpeg from './utils/jsmpeg.min' -import vxgplayer from './utils/video_play_plugins/vxgplayer-1.8.54.min' -import './utils/video_play_plugins/vxgplayer-1.8.54.min.css' +import vxgplayer from '../public/video_play_plugins/vxgplayer-1.8.54.min' +import '../public/video_play_plugins/vxgplayer-1.8.54.min.css' Vue.config.productionTip = false Vue.prototype.$utils = utils Vue.prototype.$api = api diff --git a/src/views/realTimeMonitoring/index.vue b/src/views/realTimeMonitoring/index.vue index 0a68938..57684af 100644 --- a/src/views/realTimeMonitoring/index.vue +++ b/src/views/realTimeMonitoring/index.vue @@ -26,7 +26,7 @@ :url="i.rtsp" autostart avsync - nmf-src="video_play_plugins/pnacl/Release/media_player.nmf" + nmf-src="/video_play_plugins/pnacl/Release/media_player.nmf" nmf-path="media_player.nmf" width="390" height="219" latency="0" @@ -69,7 +69,6 @@ export default { data() { return { // 收起true 展开false - videoWarpShow:true, controlLabel: true, realTimeListData:[], url:"722e6f04-bb3c-34b1-bcc7-ae9f6cd72e68", @@ -82,60 +81,18 @@ export default { }, inject: ['reload'], mounted() { - this.getRealTimeList() console.log('index mounted执行了') + this.getRealTimeList() // this.getSdVideos() - // this.playVideo() }, destroyed(){ console.log('2222222') - // this.player.destroy() }, methods: { // 展开收起 // handleUpDown() { // this.controlLabel = !this.controlLabel; // }, - // getSdVideos(channel,id,that){ - // console.log('首页getSdVideos方法执行了') - // var url = 'ws://192.168.66.56:9007/api/lychee/stream/live/'+channel - // // var url = 'ws://127.0.0.1:9007/api/lychee/stream/live/'+ channel - // var player = new JSMpeg.Player(url, { - // canvas: document.querySelector('.video'+id), - // audio: false, - // pauseWhenHidden: false, - // videoBufferSize: 16 * 1024 * 1024, - // loop:false, - // onPlay: function() { - // //开始播放事件回调 - // console.log('play') - // }, - // onEnded: function() { - // //播放完成事件回调 - // console.log('end') - // }, - // onPause:function(){ - // //暂停时的回调 - // console.log('pause') - // }, - // onVideoDecode:function(){ - // //–在每个解码和渲染的视频帧之后调用的回调 - // } - // - // }) - // player.play() - // return that.player=player - // }, - - playVideo(id,rtsp){ - this.videoWarpShow = true; - // 设置url 播放 ---添加到事件队列在下一个tick执行，避免 TypeError: t.module.postMessage is not a function - this.$nextTick(() => { - // window.vxgplayer('vxg_media_player1').stop(); - window.vxgplayer(id).src(rtsp); - window.vxgplayer(id).play(); - }) - }, getRealTimeList(){ var that=this this.$api.httpApi.getRealTimeList({ @@ -153,20 +110,6 @@ export default { // console.log(item.rtsp) console.log('进来第二层循环了') $that.playVideo('video'+item.id,item.rtsp) - // $that.$api.httpApi.getChannel({ - // data: { - // "clarity": "SD", //标清SD - // "sourceUrl": item.rtsp, - // "paramBefore": "-y -i", - // "paramBehind": "-f mpegts -codec:v mpeg1video -an -s 400*225 -b:v 500k -r 20 -bf 0 -codec:a mp2 -ar 44100 -ac 1 -b:a 128k" - // } - // }).then(res => { - // console.log(res.data) - // console.log('首页push调用channel执行了') - // $that.getSdVideos(res.data.channel, item.id, $that) - // }).catch(err => { - // console.log(err) - // }) }) }) } @@ -174,6 +117,14 @@ export default { console.log(err) }) }, + playVideo(id,rtsp){ + // 设置url 播放 ---添加到事件队列在下一个tick执行，避免 TypeError: t.module.postMessage is not a function + this.$nextTick(() => { + // window.vxgplayer('vxg_media_player1').stop(); + window.vxgplayer(id).src(rtsp); + window.vxgplayer(id).play(); + }) + }, tabsChange(key){ console.log(key) },