From b7c7887f44e0fe97046815ac8af3ebbd1e5d9b99 Mon Sep 17 00:00:00 2001 From: tramp <2516800961@qq.com> Date: Thu, 18 Jul 2019 22:10:15 +0800 Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E6=95=88=E6=9E=9C=E5=B1=95?= =?UTF-8?q?=E7=A4=BA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 8 +++++--- src/components/HlsLive.vue | 2 +- src/components/RtmpLive.vue | 2 +- src/components/flv.vue | 2 +- src/components/httpFlv.vue | 2 +- 5 files changed, 9 insertions(+), 7 deletions(-) diff --git a/README.md b/README.md index ca9a770..6ceebb6 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,5 @@ # web 播放视频流/直播 -放弃了之前使用 [D2Admin](https://github.com/d2-projects/d2-admin) 开发的版本,原因是代码太乱了,重新使用 vue-cli 改了一版。 - 在 H5 上播放视频流,有很多开源的播放器可以使用,比如: 1. [flv.js](https://github.com/bilibili/flv.js)(B站开源)使用纯JavaScript而不使用Flash编写的HTML5 Flash视频(FLV)播放器。 @@ -18,7 +16,11 @@ ## 展示效果 -http://live.fuwenwei.com +在一个做视频监控的项目中使用了 flv.js ,效果如下: + +![](http://img.fuwenwei.com/blog/20190718220244.jpg) + +![](http://img.fuwenwei.com/blog/20190718220732.png) ## 可用的视频流 diff --git a/src/components/HlsLive.vue b/src/components/HlsLive.vue index 39ad089..f0b02af 100644 --- a/src/components/HlsLive.vue +++ b/src/components/HlsLive.vue @@ -10,7 +10,7 @@ import 'videojs-contrib-hls' export default { - name: 'hls-live', // 不能使用 video 命名 + name: 'hls-live', props: { src: { type: String, diff --git a/src/components/RtmpLive.vue b/src/components/RtmpLive.vue index 56e2b1c..b99ca94 100644 --- a/src/components/RtmpLive.vue +++ b/src/components/RtmpLive.vue @@ -10,7 +10,7 @@